{"version":3,"sources":["webpack:///./src/assets/flags/icons/ingredients.png","webpack:///./src/pages/SingleStorage.vue","webpack:///./src/components/storage/StorageIngredient.vue","webpack:///./src/components/storage/StorageIngredient.vue?cf14","webpack:///./src/pages/SingleStorage.vue?b576","webpack:///./src/components/storage/StorageIngredient.vue?4440","webpack:///./src/components/storage/StorageIngredient.vue?0d28","webpack:///./src/service/StorageService.js"],"names":["module","exports","key","_createBlock","_Fragment","_createVNode","_component_Breadcrumb","home","$options","model","items","name","_hoisted_1","_toDisplayString","_ctx","$t","_createCommentVNode","_hoisted_2","toLowerCase","_renderList","ingredientsList","ingredient","_component_StorageIngredient","value","ingredient-info","storage-type-id","activeStorageId","class","style","src","getimage","width","height","_hoisted_3","$props","ingredientInfo","_hoisted_4","$data","quantity","unit","updateMode","_component_Button","type","onClick","deleteIngredient","default","_withId","_hoisted_5","_","setUpdateModeTrue","_hoisted_6","icon","updateQuantityValue","_component_InputNumber","modelValue","updatedQuantity","_cache","$event","showButtons","buttonLayout","decrementButtonClass","incrementButtonClass","incrementButtonIcon","decrementButtonIcon","min","_hoisted_7","props","Object","storageTypeId","Number","data","label","unitOfMeasure","ingredientId","unitOfMeasureId","created","this","storageService","StorageService","computed","access_token","$store","getters","user_id","languages","storage","visibleStorage","dataToSend","get","state","set","commit","mounted","id","importIngredientsTranslations","methods","url","require","media","setUpdateMode","JSON","parse","stringify","index","findIndex","item","storageType","indexOfIngredient","ingredients","responseCode","setStorageInUser","filter","translations","Array","length","forEach","elem","locale","code","labels","path","x","part","obj","parts","split","last","pop","shift","old","$i18n","getLocaleMessage","setLocaleMessage","merge","a","b","entries","reduce","o","k","v","isArray","__exports__","components","StorageIngredient","storageApiResponse","to","getStorageInfo","storageItem","push","attributes","render","accesstoken","userId","options","headers","Config","params","axios","proxy","then","res","catch","error","console","log","Promise","reject","put","status"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,gC,oECC3CC,IAAA,G,GAAAA,IAAA,G,iKAAAC,yBAAAC,cAAA,MAAAC,yBAA0CC,EAAA,CAA7BC,KAAMC,EAAAD,KAAOE,MAAOD,EAAAE,O,yBACb,MAARF,EAAAG,M,yBAAVR,yBAA2C,KAD7CS,EAAAC,6BAC6BC,EAAAC,GAAGP,EAAAG,OAAI,IADpCK,gCAAA,OAEoB,MAARR,EAAAG,M,yBAAVR,yBAEK,KAJPc,EAAAJ,6BAGOC,EAAAC,GAAG,gCAAiC,IAACF,6BAAGC,EAAAC,GAAGP,EAAAG,MAAMO,eAAW,IAHnEF,gCAAA,Q,2BAKEb,yBAMoBC,cAAA,KAXtBe,wBAMyBX,EAAAY,gBAAdC,I,yBADTlB,yBAMoBmB,EAAA,CAJjBpB,IAAKmB,EAAWE,MAChBC,kBAAiBH,EACjBI,kBAAiBjB,EAAAkB,iB,8KCTjBC,MAAM,a,GACFA,MAAM,YAAYC,MAAA,gB,GAGlBA,MAAA,qC,GAJT1B,IAAA,G,EAkBMG,yBAA2B,KAAxBsB,MAAM,eAAa,S,EAQtBtB,yBAA4B,KAAzBsB,MAAM,gBAAc,S,EAuB3BtB,yBAAqB,MAAjBsB,MAAM,UAAQ,S,mLAjDpBxB,yBAAAC,cAAA,MAAAC,yBAgDQ,MAhDRO,EAgDQ,CA/CJP,yBAEM,MAFNY,EAEM,CADJZ,yBAAgD,OAA1CwB,IAAKrB,EAAAsB,WAAYC,MAAM,KAAKC,OAAO,M,kBAE3C3B,yBAMM,MANN4B,EAMM,CALMC,EAAAC,eAAed,WAAWnB,K,yBAApCC,yBAIK,KATXiC,EAAAvB,6BAMWC,EAAAC,GAAGmB,EAAAC,eAAed,WAAWnB,MAAO,IACvCW,6BAAe,GAAZwB,EAAAC,SAAgBD,EAAAC,SAAW,IAAK,IACnCzB,6BAAGqB,EAAAC,eAAeI,KAAOzB,EAAAC,GAAGmB,EAAAC,eAAeI,KAAKrC,KAAO,MAAJ,IAR3Dc,gCAAA,SAeaqB,EAAAG,WAfbxB,gCAAA,Q,yBAYIb,yBAOSsC,EAAA,CAnBbvC,IAAA,EAaMyB,MAAM,+BACNe,KAAK,SAEJC,QAAOnC,EAAAoC,kB,CAhBdC,QAAAC,EAkBM,IAA2B,CAA3BC,IAlBNC,EAAA,G,gBAwBaX,EAAAG,WAxBbxB,gCAAA,Q,yBAoBIb,yBAOSsC,EAAA,CA3BbvC,IAAA,EAqBMyB,MAAM,eACNe,KAAK,SACJC,QAAOnC,EAAAyC,mB,CAvBdJ,QAAAC,EA0BM,IAA4B,CAA5BI,IA1BNF,EAAA,G,gBAiCYX,EAAAG,Y,yBAJRrC,yBAMUsC,EAAA,CAnCdvC,IAAA,EA8BMyB,MAAM,oBACNC,MAAA,0DACAuB,KAAK,cAEJR,QAAOnC,EAAA4C,qB,qBAlCdpC,gCAAA,OA6CYqB,EAAAG,Y,yBATRrC,yBAWEkD,EAAA,CA/CNnD,IAAA,EAqCMyB,MAAM,eArCZ2B,WAsCejB,EAAAkB,gBAtCf,sBAAAC,EAAA,KAAAA,EAAA,GAAAC,GAsCepB,EAAAkB,gBAAeE,GACxBC,YAAA,GACAC,aAAa,aACbC,qBAAqB,kBACrBC,qBAAqB,mBACrBC,oBAAoB,aACpBC,oBAAoB,cAEnBC,IAAK,G,wBA9CZhD,gCAAA,SAiDEiD,G,gCAMa,GACbC,MAAO,CACL/B,eAAgBgC,OAChBC,cAAeC,QAEjBC,OACE,MAAO,CACLC,MAAO,KACPhB,gBAAiB,KACjBiB,cAAe,KACfhC,YAAY,EACZiC,aAAc,KACdC,gBAAiB,KACjBpC,SAAU,OAGdqC,UACEC,KAAKC,eAAiB,IAAIC,QAE5BC,SAAU,CACRC,aAAc,WACZ,OAAOJ,KAAKK,OAAOC,QAAQ,4BAE7BC,QAAS,WACP,OAAOP,KAAKK,OAAOC,QAAQ,eAE7BE,UAAW,WACT,OAAOR,KAAKK,OAAOC,QAAQ,qBAE7BG,QAAS,WACP,OAAOT,KAAKK,OAAOC,QAAQ,uBAE7BxD,gBAAiB,WACf,OAAOkD,KAAKK,OAAOC,QAAQ,4BAE7BI,eAAgB,WACd,OAAOV,KAAKK,OAAOC,QAAQ,2BAE7BK,WAAY,CACVC,MACE,OAAOZ,KAAKK,OAAOQ,MAAMJ,QAAQE,YAEnCG,IAAInE,GACF,OAAOqD,KAAKK,OAAOU,OAAO,wBAAyBpE,MAIzDqE,UACEhB,KAAKtC,SAAWsC,KAAKzC,eAAeZ,MACpCqD,KAAKH,aAAeG,KAAKzC,eAAed,WAAWwE,GACnDjB,KAAKrB,gBAAkBqB,KAAKtC,SAC5BsC,KAAKkB,8BAA8BlB,KAAKzC,eAAgB,cACxDyC,KAAKkB,8BAA8BlB,KAAKzC,eAAgB,SAE1D4D,QAAS,CACPjE,WACE,IAAIkE,EAAMC,EAAQ,QAClB,OAAgD,OAAzCrB,KAAKzC,eAAed,WAAW6E,MAClCF,EACApB,KAAKzC,eAAed,WAAW6E,MAAM,GAAGF,KAE9CG,gBACEvB,KAAKpC,YAAa,GAEpB,4BACE,IAAI+C,EAAaa,KAAKC,MAAMD,KAAKE,UAAU1B,KAAKW,aAC5CgB,EAAQhB,EAAWF,QAAQmB,UAAWC,GACjCA,EAAKC,cAAgB9B,KAAKlD,iBAE/BiF,EAAoBpB,EAAWF,QAAQkB,GAAOK,YAAYJ,UAC3DC,GACQA,EAAKpF,aAAeuD,KAAKzC,eAAed,WAAWwE,IAG9DN,EAAWF,QAAQkB,GAAOK,YACxBD,GACApF,MAAQqD,KAAKrB,gBACf,IAAIsD,QAAqBjC,KAAKC,eAAeiC,iBAC3ClC,KAAKI,aACLJ,KAAKO,QACLI,GAEkB,KAAhBsB,IACFjC,KAAKtC,SAAWsC,KAAKrB,gBACrBqB,KAAKpC,YAAa,GAEpBoC,KAAKW,WAAa,IAAKA,IAEzB,yBACE,IAAIA,EAAaa,KAAKC,MAAMD,KAAKE,UAAU1B,KAAKW,aAC5CgB,EAAQhB,EAAWF,QAAQmB,UAAWC,GACjCA,EAAKC,cAAgB9B,KAAKlD,iBAE/BiF,EAAoBpB,EAAWF,QAAQkB,GAAOK,YAAYJ,UAC3DC,GACQA,EAAKpF,aAAeuD,KAAKzC,eAAed,WAAWwE,IAG9DN,EAAWF,QAAQkB,GAAOK,YAAcrB,EAAWF,QACjDkB,GACAK,YAAYG,OAAO,CAACN,EAAMF,IACnBA,GAASI,GAElB,IAAIC,EAAchC,KAAKU,eAAesB,YAAYG,OAAQN,GACjDA,EAAKpF,WAAWwE,IAAMjB,KAAKzC,eAAed,WAAWwE,IAE9DjB,KAAKK,OAAOU,OAAO,6BAA8B,CAC/CY,MAAOA,EACPK,YAAaA,IAEfhC,KAAKK,OAAOU,OAAO,uCAAwCiB,SACrDhC,KAAKC,eAAeiC,iBACxBlC,KAAKI,aACLJ,KAAKO,QACLI,GAEFX,KAAKW,WAAa,IAAKA,IAEzBtC,oBACE2B,KAAKpC,YAAa,GAEpB,oCAAoC8B,EAAM5B,GACxC,IAAIsE,EAAe,IAAIC,MAAMrC,KAAKQ,UAAU8B,QAM5C,GALAtC,KAAKQ,UAAU+B,QAAQ,CAACC,EAAMb,KAC5BS,EAAaT,GAAS,GACtBS,EAAaT,GAAOc,OAASD,EAAKE,KAClCN,EAAaT,GAAOgB,OAAS,KAE3BjD,EAAK5B,GAAO,CACd,IAAI8E,EAAOlD,EAAK5B,GAAMxC,IACtBoE,EAAK5B,GAAM6E,OAAOJ,QAAS5C,IACzB,IAAIgC,EAAQS,EAAaR,UAAWiB,GAAMA,EAAEJ,SAAW9C,EAAM8C,QAC7D,IAGEK,EAHEnG,EAAQgD,EAAMhD,MACdoG,EAAMX,EAAaT,GAAOgB,OAC1BK,EAAQJ,EAAKK,MAAM,KAEnBC,EAAOF,EAAMG,MAEjB,MAAQL,EAAOE,EAAMI,QACK,iBAAbL,EAAID,KAAmBC,EAAID,GAAQ,IAC9CC,EAAMA,EAAID,GAEZC,EAAIG,GAAQvG,IAGhByF,EAAaG,QAASC,IACpB,IAAIa,EAAMrD,KAAKsD,MAAMC,iBAAiBf,EAAKC,QAC3CzC,KAAKsD,MAAME,iBAAiBhB,EAAKC,OAAQzC,KAAKyD,MAAMJ,EAAKb,EAAKG,YAGlEc,MAAMC,EAAGC,GACP,OAAOpE,OAAOqE,QAAQD,GAAGE,OAAO,CAACC,GAAIC,EAAGC,MACtCF,EAAEC,GACAC,GAAkB,kBAANA,EACRhE,KAAKyD,MAAOK,EAAEC,GAAKD,EAAEC,KAAO1B,MAAM4B,QAAQD,GAAK,GAAK,IAAMA,GAC1DA,EACCF,GACNJ,M,2CC7MT,MAAMQ,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QFQA,GACbC,WAAY,CACVC,qBAEF1E,OACE,MAAO,CACLO,eAAgB,KAChBoE,mBAAoB,OAGxBtE,UACEC,KAAKC,eAAiB,IAAIC,QAE5BC,SAAU,CACRxE,OACE,MAAO,CAAEgE,MAAOK,KAAK7D,GAAG,gBAAiBmI,GAAI,aAE/CxI,QACE,MAAO,CAAC,CAAE6D,MAAOK,KAAKjE,QAExByE,UAAW,WACT,OAAOR,KAAKK,OAAOC,QAAQ,qBAE7BvE,KAAM,WACJ,OAAOiE,KAAKK,OAAOC,QAAQ,iBAE7BxD,gBAAiB,WACf,OAAOkD,KAAKK,OAAOC,QAAQ,4BAE7B9D,gBAAiB,WACf,OAAOwD,KAAKK,OAAOC,QAAQ,4BAE7BG,QAAS,WACP,OAAOT,KAAKK,OAAOC,QAAQ,uBAE7BF,aAAc,WACZ,OAAOJ,KAAKK,OAAOC,QAAQ,4BAE7BC,QAAS,WACP,OAAOP,KAAKK,OAAOC,QAAQ,eAE7BK,WAAY,CACVC,MACE,OAAOZ,KAAKK,OAAOQ,MAAMJ,QAAQE,YAEnCG,IAAInE,GACF,OAAOqD,KAAKK,OAAOU,OAAO,wBAAyBpE,MAIzD,gBACEqD,KAAKqE,yBAA2BrE,KAAKC,eAAesE,eAClDvE,KAAKI,aACLJ,KAAKO,SAEPP,KAAKK,OAAOU,OAAO,qBAAsBf,KAAKqE,oBAC9C,IAAIG,EAAcxE,KAAKqE,mBAAmBlC,OAAQN,GACzCA,EAAKC,YAAYb,KAAOjB,KAAKlD,iBAEtCkD,KAAKK,OAAOU,OACV,uCACAyD,EAAY,GAAGxC,aAEjB,IAAIrB,EAAa,CACfF,QAAS,IAEXT,KAAKS,QAAQ8B,QAASV,IACpB,IAAIG,EAAc,GAClBH,EAAKG,YAAYO,QAAS9F,IACxB,IAAIkB,EAAOlB,EAAWkB,KAAOlB,EAAWkB,KAAKsD,GAAK,KAClDe,EAAYyC,KAAK,CACf9H,MAAOF,EAAWE,MAClBF,WAAYA,EAAWA,WAAWwE,GAClCtD,KAAMA,MAGVgD,EAAWF,QAAQgE,KAAK,CACtB3C,YAAaD,EAAKC,YAAYb,GAC9Be,YAAaA,MAGjBhC,KAAKW,WAAaA,GAEpBQ,QAAS,CACP,+BACE,IAAIiB,EAAe,IAAIC,MAAMrC,KAAKQ,UAAU8B,QAC5CtC,KAAKQ,UAAU+B,QAAQ,CAACC,EAAMb,KAC5BS,EAAaT,GAAS,GACtBS,EAAaT,GAAOc,OAASD,EAAKE,KAClCN,EAAaT,GAAOgB,OAAS,KAE/B3C,KAAKgC,YAAYO,QAASC,IACxB,GAAIA,EAAK7E,KAAK+B,KAAM,CAClB,IAAIkD,EAAOJ,EAAK7E,KAAK+B,KAAKgF,WAAWpJ,IACrCkH,EAAK7E,KAAK+B,KAAKgF,WAAW/B,OAAOjD,KAAK6C,QAAS5C,IAC7C,IAAIgC,EAAQS,EAAaR,UACtBiB,GAAMA,EAAEJ,SAAW9C,EAAM+E,WAAWjC,QAEvC,IAGEK,EAHEnG,EAAQgD,EAAM+E,WAAW/H,MACzBoG,EAAMX,EAAaT,GAAOgB,OAC1BK,EAAQJ,EAAKK,MAAM,KAEnBC,EAAOF,EAAMG,MAEjB,MAAQL,EAAOE,EAAMI,QACK,iBAAbL,EAAID,KAAmBC,EAAID,GAAQ,IAC9CC,EAAMA,EAAID,GAEZC,EAAIG,GAAQvG,OAIlByF,EAAaG,QAASC,IACpB,IAAIa,EAAMrD,KAAKsD,MAAMC,iBAAiBf,EAAKC,QAC3CzC,KAAKsD,MAAME,iBAAiBhB,EAAKC,OAAQ,IACpCY,KACAb,EAAKG,WAGZ3C,KAAKsD,SGpIX,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASqB,KAErD,gB,kCCPf,W,6DCAA,W,kCCAA,uEAGe,MAAMzE,EACjBqE,eAAeK,EAAaC,GACxB,MAAMC,EAAU,CACZC,QAAS,IAAKC,OAAOD,QAAQH,IAC7BK,OAAQ,CACJ,OAAS,WACT,2EAA2E,eAC3E,mDAAmD,UACnD,qEAAqE,WAG7E,OAAOC,IACFtE,IACGoE,OAAOG,MAAQH,OAAO5D,IAAI,WAAa,IAAMyD,EAC7CC,GAEHM,KAAKC,GAAOA,EAAI3F,KAAKe,SACrB6E,OACG,SAAUC,GAEV,OADAC,QAAQC,IAAI,4BACLC,QAAQC,OAAOJ,MAKlCrD,iBAAiB0C,EAAaC,EAAQnF,GAClC,MAAMoF,EAAU,CACZC,QAAS,IAAKC,OAAOD,QAAQH,KAGjC,OAAOM,IACFU,IACGZ,OAAOG,MAAQH,OAAO5D,IAAI,WAAa,IAAMyD,EAC7CnF,EACAoF,GAEHM,KAAKC,GAAOA,EAAIQ,QAChBP,OACG,SAAUC,GAEV,OADAC,QAAQC,IAAI,4BACLC,QAAQC,OAAOJ,S","file":"js/chunk-68f5974c.3d1d862f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ingredients.ee390482.png\";","<template>\r\n  <Breadcrumb :home=\"home\" :model=\"items\" />\r\n  <h3 v-if=\"name != null\">{{ $t(name) }}</h3>\r\n  <h6 v-if=\"name != null\">\r\n    {{ $t(\"storage.singlestorage.label\") }} {{ $t(name).toLowerCase() }}\r\n  </h6>\r\n  <StorageIngredient\r\n    v-for=\"ingredient in ingredientsList\"\r\n    :key=\"ingredient.value\"\r\n    :ingredient-info=\"ingredient\"\r\n    :storage-type-id=\"activeStorageId\"\r\n  >\r\n  </StorageIngredient>\r\n</template>\r\n\r\n<script>\r\nimport StorageIngredient from \"../components/storage/StorageIngredient.vue\";\r\nimport StorageService from \"../service/StorageService.js\";\r\nexport default {\r\n  components: {\r\n    StorageIngredient,\r\n  },\r\n  data() {\r\n    return {\r\n      storageService: null,\r\n      storageApiResponse: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.storageService = new StorageService();\r\n  },\r\n  computed: {\r\n    home() {\r\n      return { label: this.$t(\"storage.name\"), to: \"/storage\" };\r\n    },\r\n    items() {\r\n      return [{ label: this.name }];\r\n    },\r\n    languages: function() {\r\n      return this.$store.getters[\"labels/languages\"];\r\n    },\r\n    name: function() {\r\n      return this.$store.getters[\"storage/name\"];\r\n    },\r\n    activeStorageId: function() {\r\n      return this.$store.getters[\"storage/activeStorageId\"];\r\n    },\r\n    ingredientsList: function() {\r\n      return this.$store.getters[\"storage/ingredientsList\"];\r\n    },\r\n    storage: function() {\r\n      return this.$store.getters[\"storage/getStorage\"];\r\n    },\r\n    access_token: function() {\r\n      return this.$store.getters[\"userdata/getAccessToken\"];\r\n    },\r\n    user_id: function() {\r\n      return this.$store.getters[\"profile/id\"];\r\n    },\r\n    dataToSend: {\r\n      get() {\r\n        return this.$store.state.storage.dataToSend;\r\n      },\r\n      set(value) {\r\n        return this.$store.commit(\"storage/setDataToSend\", value);\r\n      },\r\n    },\r\n  },\r\n  async mounted() {\r\n    this.storageApiResponse = await this.storageService.getStorageInfo(\r\n      this.access_token,\r\n      this.user_id\r\n    );\r\n    this.$store.commit(\"storage/setStorage\", this.storageApiResponse);\r\n    let storageItem = this.storageApiResponse.filter((item) => {\r\n      return item.storageType.id === this.activeStorageId;\r\n    });\r\n    this.$store.commit(\r\n      \"storage/setVisibleStorageIngredients\",\r\n      storageItem[0].ingredients\r\n    );\r\n    let dataToSend = {\r\n      storage: [],\r\n    };\r\n    this.storage.forEach((item) => {\r\n      let ingredients = [];\r\n      item.ingredients.forEach((ingredient) => {\r\n        let unit = ingredient.unit ? ingredient.unit.id : null;\r\n        ingredients.push({\r\n          value: ingredient.value,\r\n          ingredient: ingredient.ingredient.id,\r\n          unit: unit,\r\n        });\r\n      });\r\n      dataToSend.storage.push({\r\n        storageType: item.storageType.id,\r\n        ingredients: ingredients,\r\n      });\r\n    });\r\n    this.dataToSend = dataToSend;\r\n  },\r\n  methods: {\r\n    async importUnitTranslations() {\r\n      let translations = new Array(this.languages.length);\r\n      this.languages.forEach((elem, index) => {\r\n        translations[index] = {};\r\n        translations[index].locale = elem.code;\r\n        translations[index].labels = {};\r\n      });\r\n      this.ingredients.forEach((elem) => {\r\n        if (elem.unit.data) {\r\n          var path = elem.unit.data.attributes.key;\r\n          elem.unit.data.attributes.labels.data.forEach((label) => {\r\n            let index = translations.findIndex(\r\n              (x) => x.locale === label.attributes.locale\r\n            );\r\n            var value = label.attributes.value;\r\n            var obj = translations[index].labels;\r\n            var parts = path.split(\".\"),\r\n              part;\r\n            var last = parts.pop();\r\n            // eslint-disable-next-line no-cond-assign\r\n            while ((part = parts.shift())) {\r\n              if (typeof obj[part] != \"object\") obj[part] = {};\r\n              obj = obj[part]; // update \"pointer\"\r\n            }\r\n            obj[last] = value;\r\n          });\r\n        }\r\n      });\r\n      translations.forEach((elem) => {\r\n        let old = this.$i18n.getLocaleMessage(elem.locale);\r\n        this.$i18n.setLocaleMessage(elem.locale, {\r\n          ...old,\r\n          ...elem.labels,\r\n        });\r\n      });\r\n      this.$i18n;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped></style>\r\n","<template>\r\n  <div class=\"container\">\r\n    <div class=\"thumbnail\" style=\"float: left\">\r\n      <img :src=\"getimage()\" width=\"70\" height=\"70\" />\r\n    </div>\r\n    <div style=\"float: left; margin-left: 10px;\">\r\n      <h6 v-if=\"ingredientInfo.ingredient.key\">\r\n        {{ $t(ingredientInfo.ingredient.key) }}\r\n        {{ quantity != 0 ? quantity : \"\" }}\r\n        {{ ingredientInfo.unit ? $t(ingredientInfo.unit.key) : null }}\r\n      </h6>\r\n    </div>\r\n\r\n    <Button\r\n      class=\"round-button p-button-danger\"\r\n      type=\"button\"\r\n      v-if=\"!updateMode\"\r\n      @click=\"deleteIngredient\"\r\n    >\r\n      <i class=\"pi pi-times\"></i>\r\n    </Button>\r\n    <Button\r\n      class=\"round-button\"\r\n      type=\"button\"\r\n      @click=\"setUpdateModeTrue\"\r\n      v-if=\"!updateMode\"\r\n    >\r\n      <i class=\"pi pi-pencil\"></i>\r\n    </Button>\r\n\r\n    <Button\r\n      class=\"p-button-outlined\"\r\n      style=\"float:right; margin-top:27px; margin-right:10px;\"\r\n      icon=\"pi pi-check\"\r\n      v-if=\"updateMode\"\r\n      @click=\"updateQuantityValue\"\r\n    ></Button>\r\n    <InputNumber\r\n      class=\"update-input\"\r\n      v-model=\"updatedQuantity\"\r\n      showButtons\r\n      buttonLayout=\"horizontal\"\r\n      decrementButtonClass=\"p-button-danger\"\r\n      incrementButtonClass=\"p-button-success\"\r\n      incrementButtonIcon=\"pi pi-plus\"\r\n      decrementButtonIcon=\"pi pi-minus\"\r\n      v-if=\"updateMode\"\r\n      :min=\"0\"\r\n    />\r\n  </div>\r\n  <hr class=\"dashed\" />\r\n</template>\r\n\r\n<script>\r\nimport StorageService from \"../../service/StorageService.js\";\r\n\r\nexport default {\r\n  props: {\r\n    ingredientInfo: Object,\r\n    storageTypeId: Number,\r\n  },\r\n  data() {\r\n    return {\r\n      label: null,\r\n      updatedQuantity: null,\r\n      unitOfMeasure: null,\r\n      updateMode: false,\r\n      ingredientId: null,\r\n      unitOfMeasureId: null,\r\n      quantity: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.storageService = new StorageService();\r\n  },\r\n  computed: {\r\n    access_token: function() {\r\n      return this.$store.getters[\"userdata/getAccessToken\"];\r\n    },\r\n    user_id: function() {\r\n      return this.$store.getters[\"profile/id\"];\r\n    },\r\n    languages: function() {\r\n      return this.$store.getters[\"labels/languages\"];\r\n    },\r\n    storage: function() {\r\n      return this.$store.getters[\"storage/getStorage\"];\r\n    },\r\n    activeStorageId: function() {\r\n      return this.$store.getters[\"storage/activeStorageId\"];\r\n    },\r\n    visibleStorage: function() {\r\n      return this.$store.getters[\"storage/visibleStorage\"];\r\n    },\r\n    dataToSend: {\r\n      get() {\r\n        return this.$store.state.storage.dataToSend;\r\n      },\r\n      set(value) {\r\n        return this.$store.commit(\"storage/setDataToSend\", value);\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n    this.quantity = this.ingredientInfo.value;\r\n    this.ingredientId = this.ingredientInfo.ingredient.id;\r\n    this.updatedQuantity = this.quantity;\r\n    this.importIngredientsTranslations(this.ingredientInfo, \"ingredient\");\r\n    this.importIngredientsTranslations(this.ingredientInfo, \"unit\");\r\n  },\r\n  methods: {\r\n    getimage() {\r\n      let url = require(\"@/assets/flags/icons/ingredients.png\");\r\n      return this.ingredientInfo.ingredient.media === null\r\n        ? url\r\n        : this.ingredientInfo.ingredient.media[0].url;\r\n    },\r\n    setUpdateMode() {\r\n      this.updateMode = true;\r\n    },\r\n    async updateQuantityValue() {\r\n      let dataToSend = JSON.parse(JSON.stringify(this.dataToSend));\r\n      let index = dataToSend.storage.findIndex((item) => {\r\n        return item.storageType === this.activeStorageId;\r\n      });\r\n      let indexOfIngredient = dataToSend.storage[index].ingredients.findIndex(\r\n        (item) => {\r\n          return item.ingredient === this.ingredientInfo.ingredient.id;\r\n        }\r\n      );\r\n      dataToSend.storage[index].ingredients[\r\n        indexOfIngredient\r\n      ].value = this.updatedQuantity;\r\n      let responseCode = await this.storageService.setStorageInUser(\r\n        this.access_token,\r\n        this.user_id,\r\n        dataToSend\r\n      );\r\n      if (responseCode == 200) {\r\n        this.quantity = this.updatedQuantity;\r\n        this.updateMode = false;\r\n      }\r\n      this.dataToSend = { ...dataToSend };\r\n    },\r\n    async deleteIngredient() {\r\n      let dataToSend = JSON.parse(JSON.stringify(this.dataToSend));\r\n      let index = dataToSend.storage.findIndex((item) => {\r\n        return item.storageType === this.activeStorageId;\r\n      });\r\n      let indexOfIngredient = dataToSend.storage[index].ingredients.findIndex(\r\n        (item) => {\r\n          return item.ingredient === this.ingredientInfo.ingredient.id;\r\n        }\r\n      );\r\n      dataToSend.storage[index].ingredients = dataToSend.storage[\r\n        index\r\n      ].ingredients.filter((item, index) => {\r\n        return index != indexOfIngredient;\r\n      });\r\n      let ingredients = this.visibleStorage.ingredients.filter((item) => {\r\n        return item.ingredient.id != this.ingredientInfo.ingredient.id;\r\n      });\r\n      this.$store.commit(\"storage/setIngredientsList\", {\r\n        index: index,\r\n        ingredients: ingredients,\r\n      });\r\n      this.$store.commit(\"storage/setVisibleStorageIngredients\", ingredients);\r\n      await this.storageService.setStorageInUser(\r\n        this.access_token,\r\n        this.user_id,\r\n        dataToSend\r\n      );\r\n      this.dataToSend = { ...dataToSend };\r\n    },\r\n    setUpdateModeTrue() {\r\n      this.updateMode = true;\r\n    },\r\n    async importIngredientsTranslations(data, type) {\r\n      let translations = new Array(this.languages.length);\r\n      this.languages.forEach((elem, index) => {\r\n        translations[index] = {};\r\n        translations[index].locale = elem.code;\r\n        translations[index].labels = {};\r\n      });\r\n      if (data[type]) {\r\n        var path = data[type].key;\r\n        data[type].labels.forEach((label) => {\r\n          let index = translations.findIndex((x) => x.locale === label.locale);\r\n          var value = label.value;\r\n          var obj = translations[index].labels;\r\n          var parts = path.split(\".\"),\r\n            part;\r\n          var last = parts.pop();\r\n          // eslint-disable-next-line no-cond-assign\r\n          while ((part = parts.shift())) {\r\n            if (typeof obj[part] != \"object\") obj[part] = {};\r\n            obj = obj[part]; // update \"pointer\"\r\n          }\r\n          obj[last] = value;\r\n        });\r\n      }\r\n      translations.forEach((elem) => {\r\n        let old = this.$i18n.getLocaleMessage(elem.locale);\r\n        this.$i18n.setLocaleMessage(elem.locale, this.merge(old, elem.labels));\r\n      });\r\n    },\r\n    merge(a, b) {\r\n      return Object.entries(b).reduce((o, [k, v]) => {\r\n        o[k] =\r\n          v && typeof v === \"object\"\r\n            ? this.merge((o[k] = o[k] || (Array.isArray(v) ? [] : {})), v)\r\n            : v;\r\n        return o;\r\n      }, a);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.container {\r\n  height: 90px;\r\n  padding-left: 1%;\r\n  position: relative;\r\n}\r\n\r\nh6 {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  margin-top: 36px;\r\n}\r\n\r\n.update-input {\r\n  float: right;\r\n  margin-right: 25px;\r\n  margin-top: 27.5px;\r\n}\r\n\r\n.round-button {\r\n  float: right;\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-right: 25px;\r\n  padding: 0;\r\n  margin-top: 25px;\r\n}\r\n\r\nhr.dashed {\r\n  border-top: 1px dashed #98a6b4;\r\n}\r\n\r\n.thumbnail {\r\n  margin-top: 10px;\r\n  margin-right: 10px;\r\n}\r\n</style>\r\n<style>\r\nspan.update-input\r\n  input.p-inputtext.p-component.p-inputnumber-input.p-inputnumber-input {\r\n  margin: 0;\r\n  text-align: center;\r\n  width: 50px;\r\n}\r\n</style>\r\n","import { render } from \"./StorageIngredient.vue?vue&type=template&id=74a710ac&scoped=true\"\nimport script from \"./StorageIngredient.vue?vue&type=script&lang=js\"\nexport * from \"./StorageIngredient.vue?vue&type=script&lang=js\"\n\nimport \"./StorageIngredient.vue?vue&type=style&index=0&id=74a710ac&scoped=true&lang=scss\"\nimport \"./StorageIngredient.vue?vue&type=style&index=1&id=74a710ac&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-74a710ac\"]])\n\nexport default __exports__","import { render } from \"./SingleStorage.vue?vue&type=template&id=3f2d5bd3\"\nimport script from \"./SingleStorage.vue?vue&type=script&lang=js\"\nexport * from \"./SingleStorage.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./StorageIngredient.vue?vue&type=style&index=1&id=74a710ac&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./StorageIngredient.vue?vue&type=style&index=0&id=74a710ac&scoped=true&lang=scss\"","import axios from \"axios\";\r\nimport Config from \"@/config\"\r\n\r\nexport default class StorageService {\r\n    getStorageInfo(accesstoken, userId) {\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} },\r\n            params: {\r\n                \"fields\":\"username\",\r\n                \"populate[storage][populate][ingredients][populate][ingredient][populate]\":\"labels,media\",\r\n                \"populate[storage][populate][storageType][fields]\":\"id, key\",\r\n                \"populate[storage][populate][ingredients][populate][unit][populate]\":\"labels\"\r\n            }\r\n        };\r\n        return axios\r\n            .get(\r\n                Config.proxy + Config.url(\"storage\") + \"/\" + userId,\r\n                options\r\n            )\r\n            .then(res => res.data.storage)\r\n            .catch(\r\n                function (error) {\r\n                console.log('Show error notification!')\r\n                return Promise.reject(error)\r\n                }\r\n            )\r\n    }\r\n\r\n    setStorageInUser(accesstoken, userId, data){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} },\r\n        }\r\n\r\n        return axios\r\n            .put(\r\n                Config.proxy + Config.url(\"storage\") + \"/\" + userId,\r\n                data,\r\n                options\r\n            )\r\n            .then(res => res.status)\r\n            .catch(\r\n                function (error) {\r\n                console.log('Show error notification!')\r\n                return Promise.reject(error)\r\n                }\r\n            )\r\n    }\r\n    \r\n}\r\n"],"sourceRoot":""}