@ozdao/prometheus-framework 0.2.308 → 0.2.310

package/dist/prometheus-framework/src/modules/products/components/blocks/CardCategory.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 require("./CardCategory.vue2.cjs");
-const _hoisted_1 = { class: "flex-v-center flex" };
+const _hoisted_1 = { class: "flex-v-center flex-column flex" };
 const _hoisted_2 = { class: "mn-r-auto" };
 const _sfc_main = {
   __name: "CardCategory",
@@ -21,10 +21,10 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("h4", _hoisted_2, vue.toDisplayString(__props.category.name), 1),
+        vue.createElementVNode("h4", _hoisted_2, vue.toDisplayString(__props.category.order) + " / " + vue.toDisplayString(__props.category.name), 1),
         vue.createVNode(_component_router_link, {
           to: {
-            name: "CategoryEdit",
+            name: "Category Edit",
             params: {
               _id: vue.unref(route).params._id,
               category: __props.category.url

package/dist/prometheus-framework/src/modules/products/components/blocks/CardCategory.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center flex\">\n    <h4 class=\"mn-r-auto\">{{category.name}}</h4>\n\n    <router-link \n    \t:to=\"{\n\t\t\t\tname: 'CategoryEdit', \n\t\t\t\tparams: { \n\t\t\t\t\t_id: route.params._id,\n\t\t\t\t\tcategory: category.url\n\t\t\t\t} \n\t\t\t}\"\n    \tclass=\"mn-r-medium nav-link\"\n    >\n    \tEdit\n   \t</router-link>\n    <a \n    \tclass=\"nav-link\" \n    \t@click=\"deleteCategory(category)\"\n    >\n  \t\tDelete\n  \t</a>\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n<style lang=\"scss\">\n.categories-card {\n\n}\n</style>\n\n\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAAA,UAAY;AAE3B,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center flex-column flex\">\n    <h4 class=\"mn-r-auto\">{{category.order}} / {{category.name}}</h4>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n    <router-link \n    \t:to=\"{\n\t\t\t\tname: 'Category Edit', \n\t\t\t\tparams: { \n\t\t\t\t\t_id: route.params._id,\n\t\t\t\t\tcategory: category.url\n\t\t\t\t} \n\t\t\t}\"\n    \tclass=\"mn-r-medium nav-link\"\n    >\n    \tEdit\n   \t</router-link>\n\n    <a \n    \tclass=\"nav-link\" \n    \t@click=\"deleteCategory(category)\"\n    >\n  \t\tDelete\n  \t</a>\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n<style lang=\"scss\">\n.categories-card {\n\n}\n</style>\n\n\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAAA,UAAY;AAE3B,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardCategory.vue.js

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import "./CardCategory.vue2.js";
-const _hoisted_1 = { class: "flex-v-center flex" };
+const _hoisted_1 = { class: "flex-v-center flex-column flex" };
 const _hoisted_2 = { class: "mn-r-auto" };
 const _sfc_main = {
   __name: "CardCategory",
@@ -19,10 +19,10 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("h4", _hoisted_2, toDisplayString(__props.category.name), 1),
+        createElementVNode("h4", _hoisted_2, toDisplayString(__props.category.order) + " / " + toDisplayString(__props.category.name), 1),
         createVNode(_component_router_link, {
           to: {
-            name: "CategoryEdit",
+            name: "Category Edit",
             params: {
               _id: unref(route).params._id,
               category: __props.category.url

package/dist/prometheus-framework/src/modules/products/components/blocks/CardCategory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center flex\">\n    <h4 class=\"mn-r-auto\">{{category.name}}</h4>\n\n    <router-link \n    \t:to=\"{\n\t\t\t\tname: 'CategoryEdit', \n\t\t\t\tparams: { \n\t\t\t\t\t_id: route.params._id,\n\t\t\t\t\tcategory: category.url\n\t\t\t\t} \n\t\t\t}\"\n    \tclass=\"mn-r-medium nav-link\"\n    >\n    \tEdit\n   \t</router-link>\n    <a \n    \tclass=\"nav-link\" \n    \t@click=\"deleteCategory(category)\"\n    >\n  \t\tDelete\n  \t</a>\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n<style lang=\"scss\">\n.categories-card {\n\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAY;AAE3B,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center flex-column flex\">\n    <h4 class=\"mn-r-auto\">{{category.order}} / {{category.name}}</h4>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n    <router-link \n    \t:to=\"{\n\t\t\t\tname: 'Category Edit', \n\t\t\t\tparams: { \n\t\t\t\t\t_id: route.params._id,\n\t\t\t\t\tcategory: category.url\n\t\t\t\t} \n\t\t\t}\"\n    \tclass=\"mn-r-medium nav-link\"\n    >\n    \tEdit\n   \t</router-link>\n\n    <a \n    \tclass=\"nav-link\" \n    \t@click=\"deleteCategory(category)\"\n    >\n  \t\tDelete\n  \t</a>\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n<style lang=\"scss\">\n.categories-card {\n\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAY;AAE3B,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-;/* empty css                                                   */
+;/* empty css                                                    */
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const _hoisted_1 = { class: "gap-thin" };

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode, unref } from "vue";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";
 const _hoisted_1 = { class: "gap-thin" };

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.cjs

@@ -10,7 +10,7 @@ const _hoisted_1 = { class: "radius-big cols-1 o-hidden pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 2,
-  class: "pos-absolute bg-light t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium"
+  class: "pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium"
 };
 const _hoisted_4 = { class: "pd-medium t-left product-card-content" };
 const _hoisted_5 = { class: "mn-b-thin t-semi h4" };
@@ -24,6 +24,13 @@ const _sfc_main = {
     product: {
       type: Object
     },
+    access: {
+      type: Boolean,
+      default: false
+    },
+    organization: {
+      type: String
+    },
     user: {
       type: [Object, String]
     },
@@ -37,15 +44,9 @@ const _sfc_main = {
       var _a, _b;
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        __props.user && __props.user.roles && (__props.user.roles.includes("ROLE_MODERATOR") || __props.user.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+        __props.access ? (vue.openBlock(), vue.createBlock(_component_router_link, {
           key: 0,
-          to: {
-            name: "ProductEdit",
-            params: {
-              _id: _ctx.$route.params.organization,
-              product: __props.product._id
-            }
-          },
+          to: __props.organization ? { name: "Organization_ProductEdit", params: { _id: __props.organization, product: __props.product._id } } : { name: "ProductEdit" },
           class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
         }, {
           default: vue.withCtx(() => [
@@ -59,7 +60,7 @@ const _sfc_main = {
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "o-hidden w-100 pos-relative aspect-1x1",
-            __props.product.information[2] && __props.product.information[2].value === "AAAA" ? "bg-black" : "bg-white"
+            __props.product.information[2] && __props.product.information[2].value === "AAAA" ? "bg-dark" : "bg-light"
           ])
         }, [
           __props.product.images[0] ? (vue.openBlock(), vue.createElementBlock("img", {

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardProduct.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-big \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<router-link\n\t\t\tv-if=\"user && user.roles && (user.roles.includes('ROLE_MODERATOR') || user.roles.includes('ROLE_ADMIN'))\"\n      :to=\"{\n        name: 'ProductEdit', \n        params: {\n          _id: $route.params.organization,\n          product: product._id\n        }\n      }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-black' \n\t\t\t\t: 'bg-white'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"pos-absolute h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0\" class=\"pos-absolute bg-light t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-medium t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<p class=\"mn-b-thin t-semi h4\">\n\t\t\t\t{{product.name}}\n\t\t\t</p>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<!-- <p v-if=\"product.localization && product.localization.length > 1\" class=\"mn-b-small t-transp p-small\">\n\t\t\t\t<span v-if=\"$i18n.locale === 'en'\">{{product.localization[0].text.substring(0, 99)}}...</span>\n\t\t\t\t<span v-if=\"$i18n.locale === 'ru'\">{{product.localization[1].text.substring(0, 99)}}...</span>\n\t\t\t</p> -->\n\t\t\t\n\t\t\t<Price \n\t\t\t\t:product=\"product\" \n\t\t\t\tsize=\"small\" \n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 'bg-third t-white' \n\t\t\t\t\t: ''\n\t\t\t\t\" \n\t\t\t/>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIgBA,oBAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardProduct.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-big \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { _id: organization, product: product._id\t} } : { name: 'ProductEdit' }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-dark' \n\t\t\t\t: 'bg-light'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"pos-absolute h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0\" class=\"pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-medium t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<p class=\"mn-b-thin t-semi h4\">\n\t\t\t\t{{product.name}}\n\t\t\t</p>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<!-- <p v-if=\"product.localization && product.localization.length > 1\" class=\"mn-b-small t-transp p-small\">\n\t\t\t\t<span v-if=\"$i18n.locale === 'en'\">{{product.localization[0].text.substring(0, 99)}}...</span>\n\t\t\t\t<span v-if=\"$i18n.locale === 'ru'\">{{product.localization[1].text.substring(0, 99)}}...</span>\n\t\t\t</p> -->\n\t\t\t\n\t\t\t<Price \n\t\t\t\t:product=\"product\" \n\t\t\t\tsize=\"small\" \n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 'bg-third t-white' \n\t\t\t\t\t: ''\n\t\t\t\t\" \n\t\t\t/>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIgBA,oBAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.js

@@ -8,7 +8,7 @@ const _hoisted_1 = { class: "radius-big cols-1 o-hidden pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 2,
-  class: "pos-absolute bg-light t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium"
+  class: "pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium"
 };
 const _hoisted_4 = { class: "pd-medium t-left product-card-content" };
 const _hoisted_5 = { class: "mn-b-thin t-semi h4" };
@@ -22,6 +22,13 @@ const _sfc_main = {
     product: {
       type: Object
     },
+    access: {
+      type: Boolean,
+      default: false
+    },
+    organization: {
+      type: String
+    },
     user: {
       type: [Object, String]
     },
@@ -35,15 +42,9 @@ const _sfc_main = {
       var _a, _b;
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.user && __props.user.roles && (__props.user.roles.includes("ROLE_MODERATOR") || __props.user.roles.includes("ROLE_ADMIN")) ? (openBlock(), createBlock(_component_router_link, {
+        __props.access ? (openBlock(), createBlock(_component_router_link, {
           key: 0,
-          to: {
-            name: "ProductEdit",
-            params: {
-              _id: _ctx.$route.params.organization,
-              product: __props.product._id
-            }
-          },
+          to: __props.organization ? { name: "Organization_ProductEdit", params: { _id: __props.organization, product: __props.product._id } } : { name: "ProductEdit" },
           class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
         }, {
           default: withCtx(() => [
@@ -57,7 +58,7 @@ const _sfc_main = {
         createElementVNode("div", {
           class: normalizeClass([
             "o-hidden w-100 pos-relative aspect-1x1",
-            __props.product.information[2] && __props.product.information[2].value === "AAAA" ? "bg-black" : "bg-white"
+            __props.product.information[2] && __props.product.information[2].value === "AAAA" ? "bg-dark" : "bg-light"
           ])
         }, [
           __props.product.images[0] ? (openBlock(), createElementBlock("img", {

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardProduct.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-big \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<router-link\n\t\t\tv-if=\"user && user.roles && (user.roles.includes('ROLE_MODERATOR') || user.roles.includes('ROLE_ADMIN'))\"\n      :to=\"{\n        name: 'ProductEdit', \n        params: {\n          _id: $route.params.organization,\n          product: product._id\n        }\n      }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-black' \n\t\t\t\t: 'bg-white'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"pos-absolute h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0\" class=\"pos-absolute bg-light t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-medium t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<p class=\"mn-b-thin t-semi h4\">\n\t\t\t\t{{product.name}}\n\t\t\t</p>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<!-- <p v-if=\"product.localization && product.localization.length > 1\" class=\"mn-b-small t-transp p-small\">\n\t\t\t\t<span v-if=\"$i18n.locale === 'en'\">{{product.localization[0].text.substring(0, 99)}}...</span>\n\t\t\t\t<span v-if=\"$i18n.locale === 'ru'\">{{product.localization[1].text.substring(0, 99)}}...</span>\n\t\t\t</p> -->\n\t\t\t\n\t\t\t<Price \n\t\t\t\t:product=\"product\" \n\t\t\t\tsize=\"small\" \n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 'bg-third t-white' \n\t\t\t\t\t: ''\n\t\t\t\t\" \n\t\t\t/>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIgB,YAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardProduct.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-big \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { _id: organization, product: product._id\t} } : { name: 'ProductEdit' }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-dark' \n\t\t\t\t: 'bg-light'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"pos-absolute h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0\" class=\"pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-medium t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<p class=\"mn-b-thin t-semi h4\">\n\t\t\t\t{{product.name}}\n\t\t\t</p>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<!-- <p v-if=\"product.localization && product.localization.length > 1\" class=\"mn-b-small t-transp p-small\">\n\t\t\t\t<span v-if=\"$i18n.locale === 'en'\">{{product.localization[0].text.substring(0, 99)}}...</span>\n\t\t\t\t<span v-if=\"$i18n.locale === 'ru'\">{{product.localization[1].text.substring(0, 99)}}...</span>\n\t\t\t</p> -->\n\t\t\t\n\t\t\t<Price \n\t\t\t\t:product=\"product\" \n\t\t\t\tsize=\"small\" \n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 'bg-third t-white' \n\t\t\t\t\t: ''\n\t\t\t\t\" \n\t\t\t/>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIgB,YAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs

@@ -1,47 +1,94 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const vueDraggableNext_esmBundler = require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
 const vueRouter = require("vue-router");
+const globals = require("../../../globals/views/store/globals.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const CardCategory = require("../blocks/CardCategory.vue.cjs");
-const _hoisted_1 = { class: "pd-thin" };
+;/* empty css                                         */
+;/* empty css                                             */
+;/* empty css                                               */
+;/* empty css                                        */
+;/* empty css                                           */
+;/* empty css                                      */
+require("../blocks/CardCategory.vue2.cjs");
+const CategoriesTree = require("../sections/CategoriesTree.vue.cjs");
+const IconPlus = require("../../../icons/navigation/IconPlus.vue.cjs");
+const _hoisted_1 = { class: "pd-thin bg-white" };
 const _sfc_main = {
   __name: "Categories",
-  setup(__props) {
-    vueRouter.useRoute();
-    vueRouter.useRouter();
+  async setup(__props) {
+    let __temp, __restore;
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    globals.state.navigation_bar.actions = [{
+      component: IconPlus.default,
+      props: {
+        fill: "rgb(var(--main))"
+      },
+      condition: () => auth.state.user && auth.state.user._id,
+      action: () => route.params._id ? router.push({ name: "Category Add", params: { _id: route.params._id } }) : router.push({ name: "Category Add" })
+    }], vue.onUnmounted(() => {
+      globals.state.navigation_bar.actions = [];
+    });
+    categories.state.all = ([__temp, __restore] = vue.withAsyncContext(() => categories.actions.read({
+      user: auth.state.user._id,
+      rootOnly: true,
+      limit: 10
+    })), __temp = await __temp, __restore(), __temp);
     vue.onMounted(async () => {
-      await categories.actions.fetchCategories();
     });
-    function updateOrder() {
-      categories.state.all.forEach((category, index) => {
-        category.order = index;
-      });
-      updateCategoriesOrder();
-    }
-    async function updateCategoriesOrder() {
-      await categories.actions.updateCategories(categories.state.all);
+    vue.computed(() => {
+      const recursiveMap = (data) => {
+        return data.map((item) => ({
+          // id: item._id, 
+          parent: item.parent,
+          _id: item._id,
+          order: item.order,
+          name: item.name,
+          children: item.children ? recursiveMap(item.children) : []
+        }));
+      };
+      return recursiveMap(categories.state.all);
+    });
+    function flattenCategoryTree(categories2) {
+      let flatCategories = [];
+      function flatten(category) {
+        const { children, ...categoryWithoutChildren } = category;
+        flatCategories.push(categoryWithoutChildren);
+        if (children && Array.isArray(children)) {
+          children.forEach((child) => flatten(child));
+        }
+      }
+      categories2.forEach((category) => flatten(category));
+      return flatCategories;
     }
-    async function deleteCategory(category) {
-      const isConfirmed = confirm(`Are you sure you want to delete the category "${category.name}"?`);
-      if (isConfirmed) {
-        await categories.actions.deleteCategory(category.url);
-      } else {
-        alert("Category deletion cancelled");
+    async function updateCategoriesOrder(category) {
+      try {
+        const allCategories = categories.state.all;
+        const flattenedCategories = flattenCategoryTree(allCategories);
+        console.log("flated", flattenedCategories);
+        await categories.actions.update(flattenedCategories);
+        console.log("Categories order updated successfully");
+      } catch (error) {
+        console.error("Error updating categories order:", error);
+        throw error;
       }
     }
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(Block.default, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
+        !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 0,
+          class: "radius-big mn-b-thin flex-nowrap flex-v-center flex"
+        }, {
           default: vue.withCtx(() => [
-            _cache[2] || (_cache[2] = vue.createElementVNode("h1", { class: "mn-r-auto" }, " Product Categories ", -1)),
+            _cache[2] || (_cache[2] = vue.createElementVNode("h2", { class: "mn-r-auto" }, " Product Categories ", -1)),
             vue.createVNode(_component_router_link, {
               to: {
-                name: "CategoryAdd",
+                name: "Category Add",
                 params: {
                   _id: _ctx.$route.params._id
                 }
@@ -64,25 +111,13 @@ const _sfc_main = {
             })
           ]),
           _: 1
-        }),
-        vue.createVNode(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
-          class: "dragArea list-group w-full",
-          list: categories.state.all,
-          "item-key": "order",
-          onEnd: updateOrder
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.all, (category, index) => {
-              return vue.openBlock(), vue.createBlock(CardCategory.default, {
-                key: category.id,
-                category,
-                onDelete: deleteCategory,
-                class: "pd-medium bg-light radius-medium mn-b-thin"
-              }, null, 8, ["category"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["list"])
+        })) : vue.createCommentVNode("", true),
+        categories.state.all ? (vue.openBlock(), vue.createBlock(CategoriesTree.default, {
+          key: 1,
+          items: categories.state.all,
+          state: categories.state.all,
+          onUpdate: updateCategoriesOrder
+        }, null, 8, ["items", "state"])) : vue.createCommentVNode("", true)
       ]);
     };
   }

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1 class=\"mn-r-auto\">\n        Product Categories\n      </h1>\n\n      <router-link \n        :to=\"{\n          name: 'CategoryAdd', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n\n    <VueDraggableNext \n      class=\"dragArea list-group w-full\" \n      :list=\"categories.state.all\" \n      item-key=\"order\" \n      @end=\"updateOrder\"\n    >\n      <CardCategory \n        v-for=\"(category, index) in categories.state.all\"\n        :key=\"category.id\"\n        :category=\"category\" \n        @delete=\"deleteCategory\"\n        class=\"pd-medium bg-light radius-medium mn-b-thin\"\n      />\n    </VueDraggableNext>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n\n  onMounted(async () => {\n    await categories.actions.fetchCategories();\n  });\n\n  function updateOrder() {\n    categories.state.all.forEach((category, index) => {\n      category.order = index;\n    });\n    updateCategoriesOrder();\n  }\n\n  async function updateCategoriesOrder() {\n    await categories.actions.updateCategories(categories.state.all);\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","onMounted","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;AAoDgBA,uBAAW;AACVC,wBAAY;AAM3BC,QAAAA,UAAU,YAAY;AACpB,YAAMC,WAAAA,QAAmB;IAC7B,CAAG;AAED,aAAS,cAAc;AACrBC,iBAAAA,MAAiB,IAAI,QAAQ,CAAC,UAAU,UAAU;AAChD,iBAAS,QAAQ;AAAA,MACvB,CAAK;AACD;IACD;AAED,mBAAe,wBAAwB;AACrC,YAAMD,mBAAmB,iBAAiBC,WAAgB,MAAC,GAAG;AAAA,IAC/D;AAED,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMD,mBAAmB,eAAe,SAAS,GAAG;AAAA,MAC1D,OAAW;AACL,cAAM,6BAA6B;AAAA,MACpC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n    <!-- <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => categories.actions.read(options),\n        state: categories.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    > -->\n      <CategoryList \n        v-if=\"categories.state.all\" \n        :items=\"categories.state.all\" \n        :state=\"categories.state.all\" \n        @update=\"updateCategoriesOrder\" \n      />\n\n     <!--  <VueDraggableNext \n        class=\"dragArea list-group w-full\" \n        :list=\"items\" \n        item-key=\"order\" \n        @end=\"updateOrder\"\n      >\n        <CardCategory \n          v-for=\"(category,index) in items\"\n          :key=\"category.id\"\n          :category=\"category\" \n          @delete=\"deleteCategory\"\n          class=\"pd-medium bg-light radius-medium mn-b-thin\"\n        />\n      </VueDraggableNext> -->\n    <!-- </Feed> -->\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n  import CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\ncategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      limit: 10\n    })\n  onMounted(async () => {\n    \n  });\n\n  const mappedCategories = computed(() => {\n   const recursiveMap = (data) => {\n     return data.map(item => ({\n       // id: item._id, \n      parent: item.parent,\n      _id: item._id,\n      order: item.order,\n      name: item.name, \n      children: item.children ? recursiveMap(item.children) : []\n     }));\n   };\n   \n   return recursiveMap(categories.state.all);\n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.update(flattenedCategories);\n      \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","globals.state","IconPlus","auth.state","onUnmounted","categories.state","_withAsyncContext","categories.actions","onMounted","computed","categories"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmFE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAWfC,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,SAAQ;AAAA,MACnB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,gBAAgB;AAAA,IACnJ,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU;IAC3C,CAAG;AAEHI,eAAAA,MAAiB,OAAY,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAAC,WAAkB,QAAC,KAAK;AAAA,MAC/C,MAAMJ,KAAAA,MAAW,KAAK;AAAA,MACtB,UAAU;AAAA,MACV,OAAO;AAAA,IACb,CAAK,CAAA;AACHK,QAAAA,UAAU,YAAY;AAAA,IAExB,CAAG;AAEwBC,QAAAA,SAAS,MAAM;AACvC,YAAM,eAAe,CAAC,SAAS;AAC7B,eAAO,KAAK,IAAI,WAAS;AAAA;AAAA,UAExB,QAAQ,KAAK;AAAA,UACb,KAAK,KAAK;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,UAAU,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI,CAAE;AAAA,QAC1D,EAAC;AAAA,MACP;AAEG,aAAO,aAAaJ,iBAAiB,GAAG;AAAA,IAC3C,CAAG;AAED,aAAS,oBAAoBK,aAAY;AACvC,UAAI,iBAAiB,CAAA;AAErB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QACzC;AAAA,MACF;AAED,MAAAA,YAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACR;AAGD,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBL,WAAgB,MAAC;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAME,WAAkB,QAAC,OAAO,mBAAmB;AAEnD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACP;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js

@@ -1,45 +1,92 @@
-import { onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, createBlock } from "vue";
-import { VueDraggableNext } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+import { onUnmounted, withAsyncContext, onMounted, computed, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import { actions, state } from "../../store/categories.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../blocks/CardCategory.vue.js";
-const _hoisted_1 = { class: "pd-thin" };
+import { state } from "../../../globals/views/store/globals.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { state as state$2, actions } from "../../store/categories.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
+/* empty css                                       */
+/* empty css                                           */
+/* empty css                                             */
+/* empty css                                      */
+/* empty css                                         */
+/* empty css                                    */
+import "../blocks/CardCategory.vue2.js";
+import _sfc_main$4 from "../sections/CategoriesTree.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";
+const _hoisted_1 = { class: "pd-thin bg-white" };
 const _sfc_main = {
   __name: "Categories",
-  setup(__props) {
-    useRoute();
-    useRouter();
+  async setup(__props) {
+    let __temp, __restore;
+    const route = useRoute();
+    const router = useRouter();
+    state.navigation_bar.actions = [{
+      component: _sfc_main$1,
+      props: {
+        fill: "rgb(var(--main))"
+      },
+      condition: () => state$1.user && state$1.user._id,
+      action: () => route.params._id ? router.push({ name: "Category Add", params: { _id: route.params._id } }) : router.push({ name: "Category Add" })
+    }], onUnmounted(() => {
+      state.navigation_bar.actions = [];
+    });
+    state$2.all = ([__temp, __restore] = withAsyncContext(() => actions.read({
+      user: state$1.user._id,
+      rootOnly: true,
+      limit: 10
+    })), __temp = await __temp, __restore(), __temp);
     onMounted(async () => {
-      await actions.fetchCategories();
     });
-    function updateOrder() {
-      state.all.forEach((category, index) => {
-        category.order = index;
-      });
-      updateCategoriesOrder();
-    }
-    async function updateCategoriesOrder() {
-      await actions.updateCategories(state.all);
+    computed(() => {
+      const recursiveMap = (data) => {
+        return data.map((item) => ({
+          // id: item._id, 
+          parent: item.parent,
+          _id: item._id,
+          order: item.order,
+          name: item.name,
+          children: item.children ? recursiveMap(item.children) : []
+        }));
+      };
+      return recursiveMap(state$2.all);
+    });
+    function flattenCategoryTree(categories) {
+      let flatCategories = [];
+      function flatten(category) {
+        const { children, ...categoryWithoutChildren } = category;
+        flatCategories.push(categoryWithoutChildren);
+        if (children && Array.isArray(children)) {
+          children.forEach((child) => flatten(child));
+        }
+      }
+      categories.forEach((category) => flatten(category));
+      return flatCategories;
     }
-    async function deleteCategory(category) {
-      const isConfirmed = confirm(`Are you sure you want to delete the category "${category.name}"?`);
-      if (isConfirmed) {
-        await actions.deleteCategory(category.url);
-      } else {
-        alert("Category deletion cancelled");
+    async function updateCategoriesOrder(category) {
+      try {
+        const allCategories = state$2.all;
+        const flattenedCategories = flattenCategoryTree(allCategories);
+        console.log("flated", flattenedCategories);
+        await actions.update(flattenedCategories);
+        console.log("Categories order updated successfully");
+      } catch (error) {
+        console.error("Error updating categories order:", error);
+        throw error;
       }
     }
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
+        !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          class: "radius-big mn-b-thin flex-nowrap flex-v-center flex"
+        }, {
           default: withCtx(() => [
-            _cache[2] || (_cache[2] = createElementVNode("h1", { class: "mn-r-auto" }, " Product Categories ", -1)),
+            _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-r-auto" }, " Product Categories ", -1)),
             createVNode(_component_router_link, {
               to: {
-                name: "CategoryAdd",
+                name: "Category Add",
                 params: {
                   _id: _ctx.$route.params._id
                 }
@@ -51,7 +98,7 @@ const _sfc_main = {
               ])),
               _: 1
             }, 8, ["to"]),
-            createVNode(_sfc_main$2, {
+            createVNode(_sfc_main$3, {
               onClick: updateCategoriesOrder,
               class: "pd-small radius-big bg-black t-white uppercase t-medium"
             }, {
@@ -62,25 +109,13 @@ const _sfc_main = {
             })
           ]),
           _: 1
-        }),
-        createVNode(unref(VueDraggableNext), {
-          class: "dragArea list-group w-full",
-          list: state.all,
-          "item-key": "order",
-          onEnd: updateOrder
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(state.all, (category, index) => {
-              return openBlock(), createBlock(_sfc_main$3, {
-                key: category.id,
-                category,
-                onDelete: deleteCategory,
-                class: "pd-medium bg-light radius-medium mn-b-thin"
-              }, null, 8, ["category"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["list"])
+        })) : createCommentVNode("", true),
+        state$2.all ? (openBlock(), createBlock(_sfc_main$4, {
+          key: 1,
+          items: state$2.all,
+          state: state$2.all,
+          onUpdate: updateCategoriesOrder
+        }, null, 8, ["items", "state"])) : createCommentVNode("", true)
       ]);
     };
   }