@perevorot/shop 2.0.91 → 2.0.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),t=require("vuex"),l=require("@perevorot/shop/dist/helpers"),o=require("vue-toastification").useToast(),c=e.defineComponent({setup:function(){var c=t.useStore(),n=e.computed((function(){return c.getters["compare/modal"]})),r=e.ref(!0),a=e.ref(!1),s=function(e,t){if(!t){var l=document.getElementById("compare-toggler"),o=document.getElementById("compare-overlay");l.classList.remove("is-open"),o.classList.remove("is-open"),document.querySelector("html").classList.remove("is-no-scroll")}c.commit("compare/modal",null)};return{modal:n,close:s,pluralize:l.pluralize,showAll:r,deleteCategory:function(e,t
|
|
1
|
+
"use strict";var e=require("vue"),t=require("vuex"),l=require("@perevorot/shop/dist/helpers"),o=require("vue-toastification").useToast(),c=e.defineComponent({setup:function(){var c=t.useStore(),n=e.computed((function(){return c.getters["compare/modal"]})),r=e.ref(!0),a=e.ref(!1),s=function(e,t){if(!t){var l=document.getElementById("compare-toggler"),o=document.getElementById("compare-overlay");l.classList.remove("is-open"),o.classList.remove("is-open"),document.querySelector("html").classList.remove("is-no-scroll")}c.commit("compare/modal",null)},i=function(e,t,l){a.value||(a.value=!0,c.dispatch("compare/category",{slug:t,finally:function(){o(__("shop.compare.category_deleted",{category:l}),{type:"success"}),s(),a.value=!1}}))};return{modal:n,close:s,pluralize:l.pluralize,showAll:r,deleteCategory:i,remove:function(e,t){var l=[];n.value.products.forEach((function(e){e.id!=t&&l.push(e.id)})),c.dispatch("compare/delete",{id:t,callback:function(e){o(__("shop.compare.product_deleted"),{type:"success"}),l.length>0?c.dispatch("compare/modal",{id:n.value.category.slug+"/"+l.join(","),finally:function(){a.value=!1}}):i(0,n.value.category.slug,n.value.category.name)},finally:function(){a.value=!1}})}}}}),n={key:0,class:"shop-comparsion"},r={class:"comparsion-head"},a={key:0,class:"page-title"},s=["textContent"],i=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#close"})],-1)],d={class:"comparsion-controls"},m={class:"compare-switcher"},u={class:"switcher checkbox-label"},p=e.createElementVNode("input",{id:"comparsion-show",type:"checkbox",name:"compare-view",hidden:""},null,-1),E=e.createElementVNode("span",{class:"checkbox-custom"},null,-1),v=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#icon-trash"})],-1),e.createElementVNode("span",null,"Очистити список",-1)],N=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#compare"})],-1),e.createElementVNode("span",null,"Всі списки порівнянь",-1)],V={class:"scroll-wrapper"},h={class:"comparsion-body"},k={class:"products"},f={class:"product-item"},g=["href"],y={class:"image"},B=["src"],b={class:"product-item-info"},C=["href"],x={class:"product-item-controls"},w=["onClick"],L=[e.createElementVNode("span",{class:"product-remove"},[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#icon-trash"})])],-1)],S={class:"product-item-add"},_={class:"prices"},D=["innerHTML"],T=["innerHTML"],z=["innerHTML"],H={class:"availability"},M={key:0,class:"has-text-success"},q={key:1,class:"available has-text-danger"},F={class:"row-title-mobile"},A=["colspan"],I={class:"row-title-text"},O={class:"property-title property-title-desktop"},j={class:"property-value"},G={"shop-product":""},J={class:"is-hidden","shop-product-name":""},K={class:"is-hidden","shop-product-price":""},P={class:"is-hidden","shop-product-code":""};c.render=function(t,l,o,c,Q,R){var U=e.resolveComponent("wishlist-add"),W=e.resolveComponent("cart-add");return t.modal&&t.modal.category&&t.modal.products?(e.openBlock(),e.createElementBlock("section",n,[e.createElementVNode("div",r,[t.modal.category?(e.openBlock(),e.createElementBlock("h1",a,[e.createTextVNode(" Порівнюємо "+e.toDisplayString(t.modal.category.name)+" ",1),e.createElementVNode("span",{class:"badge",textContent:e.toDisplayString(t.pluralize(t.modal.products.length,t.__("shop.pluralize.products")))},null,8,s)])):e.createCommentVNode("v-if",!0),e.createElementVNode("button",{class:"button comparsion-close",onClick:l[0]||(l[0]=function(e){return t.close(e,!0)})},i)]),e.createElementVNode("div",d,[e.createElementVNode("div",m,[e.createElementVNode("label",u,[p,E,e.createElementVNode("span",{class:"checkbox-text all-char",onClick:l[1]||(l[1]=function(e){return t.showAll=!0})},"Всі параметри"),e.createElementVNode("span",{class:"checkbox-text diff",onClick:l[2]||(l[2]=function(e){return t.showAll=!1})},"Тільки відмінності")])]),e.createElementVNode("button",{class:"button compare reset-compare",onClick:l[3]||(l[3]=function(e){return t.deleteCategory(e,t.modal.category.slug,t.modal.category.name)})},v),e.createElementVNode("button",{class:"all-compare-lists",onClick:l[4]||(l[4]=function(e){return t.close(e,!0)})},N)]),e.createElementVNode("div",V,[e.createElementVNode("div",h,[e.createElementVNode("div",k,[e.createElementVNode("table",{class:e.normalizeClass(["comparsion table",{"only-difference":!t.showAll}]),id:"comparsion-header"},[e.createElementVNode("thead",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modal.products,(function(l){return e.openBlock(),e.createElementBlock("th",null,[e.createElementVNode("div",f,[e.createElementVNode("a",{class:"product-item-image",href:l.href},[e.createElementVNode("figure",y,[e.createElementVNode("img",{src:l.image},null,8,B)])],8,g),e.createElementVNode("div",b,[e.createElementVNode("a",{class:"product-item-title",href:l.href},e.toDisplayString(l.name),9,C)]),e.createElementVNode("div",x,[e.createVNode(U,{id:l.id},null,8,["id"]),e.createElementVNode("button",{class:"button compare",onClick:function(e){return t.remove(e,l.id)}},L,8,w)]),e.createElementVNode("div",S,[e.createElementVNode("div",_,[l.price?(e.openBlock(),e.createElementBlock("div",{key:0,class:"current-price",innerHTML:l.price},null,8,D)):e.createCommentVNode("v-if",!0),l.priceOld?(e.openBlock(),e.createElementBlock("div",{key:1,class:"old-price",innerHTML:l.priceOld},null,8,T)):e.createCommentVNode("v-if",!0),l.discount?(e.openBlock(),e.createElementBlock("div",{key:2,class:"discount",innerHTML:l.discount},null,8,z)):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",H,[l.available?(e.openBlock(),e.createElementBlock("div",M,"В наявності")):(e.openBlock(),e.createElementBlock("div",q,"Товар очікується"))])])])])})),256))]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modal.properties,(function(l){return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("tr",F,[e.createElementVNode("td",{colspan:t.modal.products.length},[e.createElementVNode("div",I,[e.createElementVNode("p",null,e.toDisplayString(l.name),1)])],8,A)]),e.createElementVNode("tr",{class:e.normalizeClass(l.is_same?"is-same":"is-differs")},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.values,(function(t){return e.openBlock(),e.createElementBlock("td",null,[e.createElementVNode("div",O,e.toDisplayString(l.name),1),e.createElementVNode("div",j,e.toDisplayString(t||"—"),1)])})),256))],2)],64)})),256))]),e.createElementVNode("tfoot",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modal.products,(function(o){return e.openBlock(),e.createElementBlock("td",G,[e.createElementVNode("span",J,e.toDisplayString(o.name),1),e.createElementVNode("span",K,e.toDisplayString(o.price),1),e.createElementVNode("span",P,e.toDisplayString(o.code),1),e.createElementVNode("div",{class:"cell-btn-wrapper",onClick:l[5]||(l[5]=function(e){return t.close(e)})},[e.createVNode(W,{id:o.cart_id,"is-simple":!0},null,8,["id"])])])})),256))])])],2)])])])])):e.createCommentVNode("v-if",!0)},module.exports=c;
|
|
2
2
|
//# sourceMappingURL=ComparsionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparsionModal.js","sources":["../../../../src/components/shop/compare/ComparsionModal.vue","../../../../src/components/shop/compare/ComparsionModal.vue?vue&type=template&id=263d3f27&lang.js"],"sourcesContent":["<template>\n <section class=\"shop-comparsion\" v-if=\"modal && modal.category && modal.products\">\n <div class=\"comparsion-head\">\n <h1 class=\"page-title\" v-if=\"modal.category\">\n Порівнюємо {{ modal.category.name }}\n <span class=\"badge\" v-text=\"pluralize(modal.products.length, __('shop.pluralize.products'))\"></span>\n </h1>\n <button class=\"button comparsion-close\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#close\"></use>\n </svg>\n </button>\n </div>\n <div class=\"comparsion-controls\">\n <div class=\"compare-switcher\">\n <label class=\"switcher checkbox-label\">\n <input id=\"comparsion-show\" type=\"checkbox\" name=\"compare-view\" hidden />\n <span class=\"checkbox-custom\"></span>\n <span class=\"checkbox-text all-char\" @click=\"showAll = true\">Всі параметри</span>\n <span class=\"checkbox-text diff\" @click=\"showAll = false\">Тільки відмінності</span>\n </label>\n </div>\n\n <button class=\"button compare reset-compare\" @click=\"deleteCategory($event, modal.category.slug, modal.category.name)\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n <span>Очистити список</span>\n </button>\n\n <button class=\"all-compare-lists\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#compare\"></use>\n </svg>\n <span>Всі списки порівнянь</span>\n </button>\n </div>\n <div class=\"scroll-wrapper\">\n <div class=\"comparsion-body\">\n <div class=\"products\">\n <table class=\"comparsion table\" id=\"comparsion-header\" v-bind:class=\"{ 'only-difference': !showAll }\">\n <thead>\n <th v-for=\"product in modal.products\">\n <div class=\"product-item\">\n <a class=\"product-item-image\" :href=\"product.href\">\n <figure class=\"image\">\n <img :src=\"product.image\">\n </figure>\n </a>\n <div class=\"product-item-info\">\n <a class=\"product-item-title\" :href=\"product.href\">\n {{ product.name }}\n </a>\n </div>\n <div class=\"product-item-controls\">\n <wishlist-add :id=\"product.id\"></wishlist-add>\n <compare-delete :id=\"product.id\">\n <span class=\"product-remove\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n </span>\n </compare-delete>\n </div>\n <div class=\"product-item-add\">\n <div class=\"prices\">\n <div class=\"current-price\" v-html=\"product.price\" v-if=\"product.price\"></div>\n <div class=\"old-price\" v-html=\"product.priceOld\" v-if=\"product.priceOld\"></div>\n <div class=\"discount\" v-html=\"product.discount\" v-if=\"product.discount\"></div>\n </div>\n <div class=\"availability\">\n <div class=\"has-text-success\" v-if=\"product.available\">В наявності</div>\n <div class=\"available has-text-danger\" v-else>Товар очікується</div>\n </div>\n </div>\n </div>\n </th>\n </thead>\n <tbody>\n <template v-for=\"property in modal.properties\">\n <tr class=\"row-title-mobile\">\n <td :colspan=\"modal.products.length\">\n <div class=\"row-title-text\">\n <p>{{ property.name }}</p>\n </div>\n </td>\n </tr>\n <tr :class=\"property.is_same ? 'is-same' : 'is-differs'\">\n <td v-for=\"value in property.values\">\n <div class=\"property-title property-title-desktop\">\n {{ property.name }}\n </div>\n <div class=\"property-value\">\n {{ value ? value : '—' }}\n </div>\n </td>\n </tr>\n </template>\n </tbody>\n <tfoot>\n <tr>\n <td v-for=\"product in modal.products\" shop-product>\n <span class=\"is-hidden\" shop-product-name>{{ product.name }}</span>\n <span class=\"is-hidden\" shop-product-price>{{ product.price }}</span>\n <span class=\"is-hidden\" shop-product-code>{{ product.code }}</span>\n <div class=\"cell-btn-wrapper\" @click=\"close($event)\">\n <cart-add :id=\"product.cart_id\" :is-simple=\"true\"></cart-add>\n </div>\n </td>\n </tr>\n </tfoot>\n </table>\n </div>\n </div>\n </div>\n </section>\n</template>\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport { useToast } from \"vue-toastification\";\n\nconst toast = useToast();\n\nexport default /*#__PURE__*/ defineComponent({\n setup() {\n const store = useStore();\n const modal = computed(() => store.getters['compare/modal']);\n const showAll = ref(true);\n const loading = ref(false);\n\n const close = (e, isKeepCompare) => {\n if (!isKeepCompare) {\n const compareToggler = document.getElementById('compare-toggler');\n const compareOverlay = document.getElementById('compare-overlay');\n\n compareToggler.classList.remove('is-open');\n compareOverlay.classList.remove('is-open');\n\n document.querySelector('html').classList.remove('is-no-scroll');\n }\n\n store.commit('compare/modal', null);\n };\n\n const deleteCategory = ($event, slug, name) => {\n if (!loading.value) {\n loading.value = true;\n\n store.dispatch(\"compare/category\", {\n slug: slug,\n finally: () => {\n toast(\n __(\"shop.compare.category_deleted\", {\n category: name,\n }),\n {\n type: \"success\",\n }\n );\n\n close();\n\n loading.value = false;\n },\n });\n }\n };\n\n return {\n modal,\n close,\n pluralize,\n showAll,\n deleteCategory\n }\n }\n});\n</script>","<template>\n <section class=\"shop-comparsion\" v-if=\"modal && modal.category && modal.products\">\n <div class=\"comparsion-head\">\n <h1 class=\"page-title\" v-if=\"modal.category\">\n Порівнюємо {{ modal.category.name }}\n <span class=\"badge\" v-text=\"pluralize(modal.products.length, __('shop.pluralize.products'))\"></span>\n </h1>\n <button class=\"button comparsion-close\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#close\"></use>\n </svg>\n </button>\n </div>\n <div class=\"comparsion-controls\">\n <div class=\"compare-switcher\">\n <label class=\"switcher checkbox-label\">\n <input id=\"comparsion-show\" type=\"checkbox\" name=\"compare-view\" hidden />\n <span class=\"checkbox-custom\"></span>\n <span class=\"checkbox-text all-char\" @click=\"showAll = true\">Всі параметри</span>\n <span class=\"checkbox-text diff\" @click=\"showAll = false\">Тільки відмінності</span>\n </label>\n </div>\n\n <button class=\"button compare reset-compare\" @click=\"deleteCategory($event, modal.category.slug, modal.category.name)\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n <span>Очистити список</span>\n </button>\n\n <button class=\"all-compare-lists\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#compare\"></use>\n </svg>\n <span>Всі списки порівнянь</span>\n </button>\n </div>\n <div class=\"scroll-wrapper\">\n <div class=\"comparsion-body\">\n <div class=\"products\">\n <table class=\"comparsion table\" id=\"comparsion-header\" v-bind:class=\"{ 'only-difference': !showAll }\">\n <thead>\n <th v-for=\"product in modal.products\">\n <div class=\"product-item\">\n <a class=\"product-item-image\" :href=\"product.href\">\n <figure class=\"image\">\n <img :src=\"product.image\">\n </figure>\n </a>\n <div class=\"product-item-info\">\n <a class=\"product-item-title\" :href=\"product.href\">\n {{ product.name }}\n </a>\n </div>\n <div class=\"product-item-controls\">\n <wishlist-add :id=\"product.id\"></wishlist-add>\n <compare-delete :id=\"product.id\">\n <span class=\"product-remove\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n </span>\n </compare-delete>\n </div>\n <div class=\"product-item-add\">\n <div class=\"prices\">\n <div class=\"current-price\" v-html=\"product.price\" v-if=\"product.price\"></div>\n <div class=\"old-price\" v-html=\"product.priceOld\" v-if=\"product.priceOld\"></div>\n <div class=\"discount\" v-html=\"product.discount\" v-if=\"product.discount\"></div>\n </div>\n <div class=\"availability\">\n <div class=\"has-text-success\" v-if=\"product.available\">В наявності</div>\n <div class=\"available has-text-danger\" v-else>Товар очікується</div>\n </div>\n </div>\n </div>\n </th>\n </thead>\n <tbody>\n <template v-for=\"property in modal.properties\">\n <tr class=\"row-title-mobile\">\n <td :colspan=\"modal.products.length\">\n <div class=\"row-title-text\">\n <p>{{ property.name }}</p>\n </div>\n </td>\n </tr>\n <tr :class=\"property.is_same ? 'is-same' : 'is-differs'\">\n <td v-for=\"value in property.values\">\n <div class=\"property-title property-title-desktop\">\n {{ property.name }}\n </div>\n <div class=\"property-value\">\n {{ value ? value : '—' }}\n </div>\n </td>\n </tr>\n </template>\n </tbody>\n <tfoot>\n <tr>\n <td v-for=\"product in modal.products\" shop-product>\n <span class=\"is-hidden\" shop-product-name>{{ product.name }}</span>\n <span class=\"is-hidden\" shop-product-price>{{ product.price }}</span>\n <span class=\"is-hidden\" shop-product-code>{{ product.code }}</span>\n <div class=\"cell-btn-wrapper\" @click=\"close($event)\">\n <cart-add :id=\"product.cart_id\" :is-simple=\"true\"></cart-add>\n </div>\n </td>\n </tr>\n </tfoot>\n </table>\n </div>\n </div>\n </div>\n </section>\n</template>\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport { useToast } from \"vue-toastification\";\n\nconst toast = useToast();\n\nexport default /*#__PURE__*/ defineComponent({\n setup() {\n const store = useStore();\n const modal = computed(() => store.getters['compare/modal']);\n const showAll = ref(true);\n const loading = ref(false);\n\n const close = (e, isKeepCompare) => {\n if (!isKeepCompare) {\n const compareToggler = document.getElementById('compare-toggler');\n const compareOverlay = document.getElementById('compare-overlay');\n\n compareToggler.classList.remove('is-open');\n compareOverlay.classList.remove('is-open');\n\n document.querySelector('html').classList.remove('is-no-scroll');\n }\n\n store.commit('compare/modal', null);\n };\n\n const deleteCategory = ($event, slug, name) => {\n if (!loading.value) {\n loading.value = true;\n\n store.dispatch(\"compare/category\", {\n slug: slug,\n finally: () => {\n toast(\n __(\"shop.compare.category_deleted\", {\n category: name,\n }),\n {\n type: \"success\",\n }\n );\n\n close();\n\n loading.value = false;\n },\n });\n }\n };\n\n return {\n modal,\n close,\n pluralize,\n showAll,\n deleteCategory\n }\n }\n});\n</script>"],"names":["toast","defineComponent","setup","store","useStore","modal","computed","getters","showAll","ref","loading","close","e","isKeepCompare","compareToggler","document","getElementById","compareOverlay","classList","remove","querySelector","commit","pluralize","deleteCategory","$event","slug","name","value","dispatch","__","category","type","_createElementVNode","id","hidden","_ctx","products","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_toDisplayString","length","onClick","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_18","_hoisted_19","_hoisted_20","product","_hoisted_21","href","_hoisted_23","src","image","_hoisted_25","_hoisted_27","_createVNode","_hoisted_28","_hoisted_29","_hoisted_30","price","innerHTML","priceOld","discount","_hoisted_34","available","_hoisted_35","_hoisted_36","properties","property","_hoisted_37","colspan","_hoisted_39","is_same","values","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","code","cart_id"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ComparsionModal.js","sources":["../../../../src/components/shop/compare/ComparsionModal.vue","../../../../src/components/shop/compare/ComparsionModal.vue?vue&type=template&id=6dc18d2a&lang.js"],"sourcesContent":["<template>\n <section class=\"shop-comparsion\" v-if=\"modal && modal.category && modal.products\">\n <div class=\"comparsion-head\">\n <h1 class=\"page-title\" v-if=\"modal.category\">\n Порівнюємо {{ modal.category.name }}\n <span class=\"badge\" v-text=\"pluralize(modal.products.length, __('shop.pluralize.products'))\"></span>\n </h1>\n <button class=\"button comparsion-close\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#close\"></use>\n </svg>\n </button>\n </div>\n <div class=\"comparsion-controls\">\n <div class=\"compare-switcher\">\n <label class=\"switcher checkbox-label\">\n <input id=\"comparsion-show\" type=\"checkbox\" name=\"compare-view\" hidden />\n <span class=\"checkbox-custom\"></span>\n <span class=\"checkbox-text all-char\" @click=\"showAll = true\">Всі параметри</span>\n <span class=\"checkbox-text diff\" @click=\"showAll = false\">Тільки відмінності</span>\n </label>\n </div>\n\n <button class=\"button compare reset-compare\" @click=\"deleteCategory($event, modal.category.slug, modal.category.name)\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n <span>Очистити список</span>\n </button>\n\n <button class=\"all-compare-lists\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#compare\"></use>\n </svg>\n <span>Всі списки порівнянь</span>\n </button>\n </div>\n <div class=\"scroll-wrapper\">\n <div class=\"comparsion-body\">\n <div class=\"products\">\n <table class=\"comparsion table\" id=\"comparsion-header\" v-bind:class=\"{ 'only-difference': !showAll }\">\n <thead>\n <th v-for=\"product in modal.products\">\n <div class=\"product-item\">\n <a class=\"product-item-image\" :href=\"product.href\">\n <figure class=\"image\">\n <img :src=\"product.image\">\n </figure>\n </a>\n <div class=\"product-item-info\">\n <a class=\"product-item-title\" :href=\"product.href\">\n {{ product.name }}\n </a>\n </div>\n <div class=\"product-item-controls\">\n <wishlist-add :id=\"product.id\"></wishlist-add>\n <button class=\"button compare\" @click=\"remove($event, product.id)\">\n <span class=\"product-remove\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n </span>\n </button>\n </div>\n <div class=\"product-item-add\">\n <div class=\"prices\">\n <div class=\"current-price\" v-html=\"product.price\" v-if=\"product.price\"></div>\n <div class=\"old-price\" v-html=\"product.priceOld\" v-if=\"product.priceOld\"></div>\n <div class=\"discount\" v-html=\"product.discount\" v-if=\"product.discount\"></div>\n </div>\n <div class=\"availability\">\n <div class=\"has-text-success\" v-if=\"product.available\">В наявності</div>\n <div class=\"available has-text-danger\" v-else>Товар очікується</div>\n </div>\n </div>\n </div>\n </th>\n </thead>\n <tbody>\n <template v-for=\"property in modal.properties\">\n <tr class=\"row-title-mobile\">\n <td :colspan=\"modal.products.length\">\n <div class=\"row-title-text\">\n <p>{{ property.name }}</p>\n </div>\n </td>\n </tr>\n <tr :class=\"property.is_same ? 'is-same' : 'is-differs'\">\n <td v-for=\"value in property.values\">\n <div class=\"property-title property-title-desktop\">\n {{ property.name }}\n </div>\n <div class=\"property-value\">\n {{ value ? value : '—' }}\n </div>\n </td>\n </tr>\n </template>\n </tbody>\n <tfoot>\n <tr>\n <td v-for=\"product in modal.products\" shop-product>\n <span class=\"is-hidden\" shop-product-name>{{ product.name }}</span>\n <span class=\"is-hidden\" shop-product-price>{{ product.price }}</span>\n <span class=\"is-hidden\" shop-product-code>{{ product.code }}</span>\n <div class=\"cell-btn-wrapper\" @click=\"close($event)\">\n <cart-add :id=\"product.cart_id\" :is-simple=\"true\"></cart-add>\n </div>\n </td>\n </tr>\n </tfoot>\n </table>\n </div>\n </div>\n </div>\n </section>\n</template>\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport { useToast } from \"vue-toastification\";\n\nconst toast = useToast();\n\nexport default /*#__PURE__*/ defineComponent({\n setup() {\n const store = useStore();\n const modal = computed(() => store.getters['compare/modal']);\n const showAll = ref(true);\n const loading = ref(false);\n\n const close = (e, isKeepCompare) => {\n if (!isKeepCompare) {\n const compareToggler = document.getElementById('compare-toggler');\n const compareOverlay = document.getElementById('compare-overlay');\n\n compareToggler.classList.remove('is-open');\n compareOverlay.classList.remove('is-open');\n\n document.querySelector('html').classList.remove('is-no-scroll');\n }\n\n store.commit('compare/modal', null);\n };\n\n const deleteCategory = ($event, slug, name) => {\n if (!loading.value) {\n loading.value = true;\n\n store.dispatch(\"compare/category\", {\n slug: slug,\n finally: () => {\n toast(\n __(\"shop.compare.category_deleted\", {\n category: name,\n }),\n {\n type: \"success\",\n }\n );\n\n close();\n\n loading.value = false;\n },\n });\n }\n };\n\n const remove = ($event, id) => {\n let slug = [];\n\n modal.value.products.forEach((product) => {\n if (product.id != id) {\n slug.push(product.id);\n }\n });\n\n store.dispatch(\"compare/delete\", {\n id: id,\n callback: (data) => {\n toast(\n __(\"shop.compare.product_deleted\"),\n {\n type: \"success\",\n }\n );\n\n if (slug.length > 0) {\n store.dispatch(\"compare/modal\", {\n id: modal.value.category.slug + '/' + slug.join(','),\n finally: () => {\n loading.value = false;\n },\n });\n } else {\n deleteCategory(null, modal.value.category.slug, modal.value.category.name)\n }\n },\n finally: () => {\n loading.value = false;\n },\n });\n }\n\n return {\n modal,\n close,\n pluralize,\n showAll,\n deleteCategory,\n remove\n }\n }\n});\n</script>","<template>\n <section class=\"shop-comparsion\" v-if=\"modal && modal.category && modal.products\">\n <div class=\"comparsion-head\">\n <h1 class=\"page-title\" v-if=\"modal.category\">\n Порівнюємо {{ modal.category.name }}\n <span class=\"badge\" v-text=\"pluralize(modal.products.length, __('shop.pluralize.products'))\"></span>\n </h1>\n <button class=\"button comparsion-close\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#close\"></use>\n </svg>\n </button>\n </div>\n <div class=\"comparsion-controls\">\n <div class=\"compare-switcher\">\n <label class=\"switcher checkbox-label\">\n <input id=\"comparsion-show\" type=\"checkbox\" name=\"compare-view\" hidden />\n <span class=\"checkbox-custom\"></span>\n <span class=\"checkbox-text all-char\" @click=\"showAll = true\">Всі параметри</span>\n <span class=\"checkbox-text diff\" @click=\"showAll = false\">Тільки відмінності</span>\n </label>\n </div>\n\n <button class=\"button compare reset-compare\" @click=\"deleteCategory($event, modal.category.slug, modal.category.name)\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n <span>Очистити список</span>\n </button>\n\n <button class=\"all-compare-lists\" @click=\"close($event, true)\">\n <svg>\n <use xlink:href=\"#compare\"></use>\n </svg>\n <span>Всі списки порівнянь</span>\n </button>\n </div>\n <div class=\"scroll-wrapper\">\n <div class=\"comparsion-body\">\n <div class=\"products\">\n <table class=\"comparsion table\" id=\"comparsion-header\" v-bind:class=\"{ 'only-difference': !showAll }\">\n <thead>\n <th v-for=\"product in modal.products\">\n <div class=\"product-item\">\n <a class=\"product-item-image\" :href=\"product.href\">\n <figure class=\"image\">\n <img :src=\"product.image\">\n </figure>\n </a>\n <div class=\"product-item-info\">\n <a class=\"product-item-title\" :href=\"product.href\">\n {{ product.name }}\n </a>\n </div>\n <div class=\"product-item-controls\">\n <wishlist-add :id=\"product.id\"></wishlist-add>\n <button class=\"button compare\" @click=\"remove($event, product.id)\">\n <span class=\"product-remove\">\n <svg>\n <use xlink:href=\"#icon-trash\"></use>\n </svg>\n </span>\n </button>\n </div>\n <div class=\"product-item-add\">\n <div class=\"prices\">\n <div class=\"current-price\" v-html=\"product.price\" v-if=\"product.price\"></div>\n <div class=\"old-price\" v-html=\"product.priceOld\" v-if=\"product.priceOld\"></div>\n <div class=\"discount\" v-html=\"product.discount\" v-if=\"product.discount\"></div>\n </div>\n <div class=\"availability\">\n <div class=\"has-text-success\" v-if=\"product.available\">В наявності</div>\n <div class=\"available has-text-danger\" v-else>Товар очікується</div>\n </div>\n </div>\n </div>\n </th>\n </thead>\n <tbody>\n <template v-for=\"property in modal.properties\">\n <tr class=\"row-title-mobile\">\n <td :colspan=\"modal.products.length\">\n <div class=\"row-title-text\">\n <p>{{ property.name }}</p>\n </div>\n </td>\n </tr>\n <tr :class=\"property.is_same ? 'is-same' : 'is-differs'\">\n <td v-for=\"value in property.values\">\n <div class=\"property-title property-title-desktop\">\n {{ property.name }}\n </div>\n <div class=\"property-value\">\n {{ value ? value : '—' }}\n </div>\n </td>\n </tr>\n </template>\n </tbody>\n <tfoot>\n <tr>\n <td v-for=\"product in modal.products\" shop-product>\n <span class=\"is-hidden\" shop-product-name>{{ product.name }}</span>\n <span class=\"is-hidden\" shop-product-price>{{ product.price }}</span>\n <span class=\"is-hidden\" shop-product-code>{{ product.code }}</span>\n <div class=\"cell-btn-wrapper\" @click=\"close($event)\">\n <cart-add :id=\"product.cart_id\" :is-simple=\"true\"></cart-add>\n </div>\n </td>\n </tr>\n </tfoot>\n </table>\n </div>\n </div>\n </div>\n </section>\n</template>\n<script>\nimport { ref, computed, defineComponent } from 'vue';\nimport { useStore } from 'vuex';\nimport { pluralize } from '@perevorot/shop/dist/helpers';\nimport { useToast } from \"vue-toastification\";\n\nconst toast = useToast();\n\nexport default /*#__PURE__*/ defineComponent({\n setup() {\n const store = useStore();\n const modal = computed(() => store.getters['compare/modal']);\n const showAll = ref(true);\n const loading = ref(false);\n\n const close = (e, isKeepCompare) => {\n if (!isKeepCompare) {\n const compareToggler = document.getElementById('compare-toggler');\n const compareOverlay = document.getElementById('compare-overlay');\n\n compareToggler.classList.remove('is-open');\n compareOverlay.classList.remove('is-open');\n\n document.querySelector('html').classList.remove('is-no-scroll');\n }\n\n store.commit('compare/modal', null);\n };\n\n const deleteCategory = ($event, slug, name) => {\n if (!loading.value) {\n loading.value = true;\n\n store.dispatch(\"compare/category\", {\n slug: slug,\n finally: () => {\n toast(\n __(\"shop.compare.category_deleted\", {\n category: name,\n }),\n {\n type: \"success\",\n }\n );\n\n close();\n\n loading.value = false;\n },\n });\n }\n };\n\n const remove = ($event, id) => {\n let slug = [];\n\n modal.value.products.forEach((product) => {\n if (product.id != id) {\n slug.push(product.id);\n }\n });\n\n store.dispatch(\"compare/delete\", {\n id: id,\n callback: (data) => {\n toast(\n __(\"shop.compare.product_deleted\"),\n {\n type: \"success\",\n }\n );\n\n if (slug.length > 0) {\n store.dispatch(\"compare/modal\", {\n id: modal.value.category.slug + '/' + slug.join(','),\n finally: () => {\n loading.value = false;\n },\n });\n } else {\n deleteCategory(null, modal.value.category.slug, modal.value.category.name)\n }\n },\n finally: () => {\n loading.value = false;\n },\n });\n }\n\n return {\n modal,\n close,\n pluralize,\n showAll,\n deleteCategory,\n remove\n }\n }\n});\n</script>"],"names":["toast","defineComponent","setup","store","useStore","modal","computed","getters","showAll","ref","loading","close","e","isKeepCompare","compareToggler","document","getElementById","compareOverlay","classList","remove","querySelector","commit","deleteCategory","$event","slug","name","value","dispatch","__","category","type","pluralize","id","products","forEach","product","push","callback","data","length","join","_createElementVNode","hidden","_ctx","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_toDisplayString","onClick","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","href","_hoisted_23","src","image","_hoisted_25","_hoisted_27","_createVNode","_hoisted_31","_hoisted_32","price","innerHTML","priceOld","discount","_hoisted_36","available","_hoisted_37","_hoisted_38","properties","property","_hoisted_39","colspan","_hoisted_41","is_same","values","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","code","cart_id"],"mappings":"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"}
|