{"version":3,"sources":["vueCategoryProducts.js"],"names":["vueCategoryProducts","Vue","name","el","data","mixins","sortId","requestServiceMixin","productServiceMixin","vatMixin","ratingsMixin","mounted","methods","getProducts","vm","this","categoryId","GLOBAL","CATEGORY","ID","getCategoryProducts","then","response","content","errors","showingNProducts","classList","remove","loadingProducts","add","products","length","loadingProductItems","setTimeout","$refs","productList"],"mappings":"aAAA,MAAMA,oBAAsB,IAAIC,IAAI,CACnCC,KAAM,sBADPC,GAAA,uBAGCC,KAFI,CACJD,SAAI,GACJC,OAAM,GAINC,OAFCC,CAAMC,oBAAEC,oBAAAC,SAAAC,cAGTC,UADAN,KAAAA,eAIAO,QAFMC,CACNA,YAAC,WACDD,MAAOE,EAAEC,KAEPX,EAAQ,CAGPY,WADSC,OAAGC,SAAAC,IAIbL,EAAAA,oBAAGM,GAAoBhB,MAAMiB,SAAKC,GACjC,IAAAA,EAAKA,OAEL,MAEAC,EAAYC,EAAMpB,KAAKmB,QAAvB,GAEKE,OAFDF,EAECE,OAAmBX,CADvBd,oBAEAyB,SAA0BF,EAD1B,IAAIE,EAEaC,EAAAA,MAAUC,iBAD3BF,EAGIG,UAAoBH,EAAOG,UAAgBF,QAAUG,MAAIf,EAAQgB,SAACC,QAFtEN,EAAiBC,UAAUC,OAAO,UAK5BK,EAAAA,MAAmBJ,gBAAYI,UAAAA,IAAmB,UAAxD,MAGAC,EAAiBnB,EAAAoB,MAAAF,oBAFXG,EAGLH,EAAAA,MAAoBL,YAFrBK,EAGaN,UAAUC,IAAAA,cAFvBM,YAGCE,KAFAH,EAGQL,SAFRQ,EAGFT,UAAAC,OAAA,UACDQ,EAAET,UAAAC,OAAA,gBACH","file":"../vueCategoryProducts.js","sourcesContent":["const vueCategoryProducts = new Vue({\r\n\tname: 'vueCategoryProducts',\r\n\tel: '#vueCategoryProducts',\r\n\tdata: {\r\n\t\tproducts: [],\r\n\t\tsortId: 0,\r\n\t},\r\n\tmixins: [requestServiceMixin, productServiceMixin, vatMixin, ratingsMixin],\r\n\tmounted() {\r\n\t\tthis.getProducts();\r\n\t},\r\n\tmethods: {\r\n\t\tgetProducts: function () {\r\n\t\t\tconst vm = this;\r\n\r\n\t\t\tconst data = {\r\n\t\t\t\tcategoryId: GLOBAL.CATEGORY.ID,\r\n\t\t\t};\r\n\r\n\t\t\tvm.getCategoryProducts(data).then(function (response) {\r\n\t\t\t\tif (!response) return;\r\n\r\n\t\t\t\tconst content = response.data.content;\r\n\r\n\t\t\t\tif (content.errors !== null) {\r\n\t\t\t\t\tvueCategoryProducts.products = content;\r\n\t\t\t\t\tlet showingNProducts = vm.$refs.showingNProducts;\r\n\t\t\t\t\tshowingNProducts.innerHTML = showingNProducts.innerHTML.replace('{0}', vm.products.length);\r\n\t\t\t\t\tshowingNProducts.classList.remove('d-none');\r\n\r\n\t\t\t\t\tlet loadingProducts = vm.$refs.loadingProducts.classList.add('d-none');\r\n\r\n\t\t\t\t\t// Hide the loading products and show real ones\r\n\t\t\t\t\tconst loadingProductItems = vm.$refs.loadingProductItems;\r\n\t\t\t\t\tconst productList = vm.$refs.productList;\r\n\t\t\t\t\tloadingProductItems.classList.add('no-opacity');\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tloadingProductItems.remove();\r\n\t\t\t\t\t\tproductList.classList.remove('d-none');\r\n\t\t\t\t\t\tproductList.classList.remove('no-opacity');\r\n\t\t\t\t\t}, '300');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n});\r\n"]}