@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1,290 +1,330 @@
-import { ref as U, onMounted as B, openBlock as n, createElementBlock as s, createVNode as a, withCtx as o, createElementVNode as m, toDisplayString as E, unref as p, createBlock as b, createTextVNode as $, createCommentVNode as z, Fragment as f, renderList as _ } from "vue";
-import { useRoute as F, useRouter as R } from "vue-router";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, createBlock, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import d from "../../../../components/Block/Block.vue.js";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 /* empty css                                 */
-import v from "../../../../components/Field/Field.vue2.js";
-import S from "../../../../components/Checkbox/Checkbox.vue.js";
-import N from "../../../../components/Button/Button.vue2.js";
-import T from "../../../../components/Popup/Popup.vue.js";
-import A from "../../../../components/Feed/Feed.vue.js";
-import L from "../../../../components/EditImages/EditImages.vue.js";
-import D from "../../../icons/navigation/IconDelete.vue.js";
-import q from "../blocks/CardPosition.vue.js";
-import M from "../../../orders/components/blocks/CardOrderItem.vue.js";
-import j from "../sections/EditProductInfo.vue.js";
-import { actions as w } from "../../../globals/views/store/globals.js";
-import { state as e, mutations as G, actions as c } from "../../store/products.js";
-import { actions as H, state as J } from "../../store/categories.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue.js";
+import _sfc_main$a from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$5 from "../blocks/CardPosition.vue.js";
+import _sfc_main$8 from "../../../orders/components/blocks/CardOrderItem.vue.js";
+import _sfc_main$4 from "../sections/EditProductInfo.vue.js";
+import { actions as actions$2 } from "../../../globals/views/store/globals.js";
+import { state, mutations, actions } from "../../store/products.js";
+import { actions as actions$1, state as state$1 } from "../../store/categories.js";
 /* empty css                 */
-const K = { class: "for-transition w-100 cols-1 pd-thin gap-thin" }, Q = { class: "mn-r-auto" }, W = { class: "cols-2 gap-thin" }, X = {
+const _hoisted_1 = { class: "for-transition w-100 cols-1 pd-thin gap-thin" };
+const _hoisted_2 = { class: "mn-r-auto" };
+const _hoisted_3 = { class: "cols-2 gap-thin" };
+const _hoisted_4 = {
   key: 0,
   class: "cols-1 gap-thin"
-}, Y = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big" }, Z = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" }, ee = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red" }, xe = {
+};
+const _hoisted_5 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big" };
+const _hoisted_6 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_7 = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red" };
+const _sfc_main = {
   __name: "ProductEdit",
-  setup(te) {
-    const l = F(), k = R(), P = U(e.all), y = U(!1);
-    function O(g) {
-      y.value = !0;
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const Products = ref(state.all);
+    const isOpenIngredientPopup = ref(false);
+    function openIngredientPopup(member) {
+      isOpenIngredientPopup.value = true;
     }
-    function u() {
-      y.value = !1;
+    function closeIngredientPopup() {
+      isOpenIngredientPopup.value = false;
     }
-    B(async () => {
-      G.resetProduct(), l.params.product && await c.read({ _id: l.params.product }), e.current.ingredients || (e.current.ingredients = []), await H.fetchCategories();
+    onMounted(async () => {
+      mutations.resetProduct();
+      if (route.params.product) {
+        await actions.read({ _id: route.params.product });
+      }
+      if (!state.current.ingredients) {
+        state.current.ingredients = [];
+      }
+      await actions$1.fetchCategories();
       try {
-        const g = await c.read({
-          organization: l.params._id,
+        const productsResponse = await actions.read({
+          organization: route.params._id,
           limit: 100
         });
-        P.value = g;
-      } catch {
+        Products.value = productsResponse;
+      } catch (error) {
         console.error("error");
       }
     });
-    function I() {
-      l.params.product ? c.update(l.params.product, e.current) : c.create(l.params._id, e.current);
+    function onSubmit() {
+      if (route.params.product) {
+        actions.update(route.params.product, state.current);
+      } else {
+        actions.create(route.params._id, state.current);
+      }
     }
-    function V() {
-      c.deleteProduct(e.current._id);
+    function onDelete() {
+      actions.deleteProduct(state.current._id);
     }
-    function C() {
-      k.push({
+    function redirectTo() {
+      router.push({
         name: "Organization",
         params: {
-          _id: l.params._id
+          _id: route.params._id
         }
       });
     }
-    return (g, h) => (n(), s("div", K, [
-      a(d, { class: "flex-nowrap flex-v-center flex" }, {
-        default: o(() => [
-          m("h1", Q, E(p(l).params.product ? e.current.name : "Create Product"), 1),
-          p(l).params.product ? (n(), b(N, {
-            key: 0,
-            submit: V,
-            callback: C,
-            class: "bg-red mn-r-thin"
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { class: "flex-nowrap flex-v-center flex" }, {
+          default: withCtx(() => [
+            createElementVNode("h1", _hoisted_2, toDisplayString(unref(route).params.product ? state.current.name : "Create Product"), 1),
+            unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              submit: onDelete,
+              callback: redirectTo,
+              class: "bg-red mn-r-thin"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" Delete ")
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              submit: onSubmit,
+              callback: redirectTo,
+              class: "bg-main"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" Save ")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$1, {
+          placeholder: "The product doesn't have any images yet.",
+          class: "h-min"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
+              images: state.current.images,
+              uploadPath: "photos",
+              "onUpdate:images": _cache[0] || (_cache[0] = (imagesNew) => {
+                state.current.images = imagesNew;
+              })
+            }, null, 8, ["images"])
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(_sfc_main$1, { title: "Profile" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                product: state.current
+              }, null, 8, ["product"])
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, {
+            title: "Ingredients",
+            placeholder: "No ingridients added yet",
+            actions: [{
+              label: "+",
+              function: () => openIngredientPopup()
+            }]
           }, {
-            default: o(() => [
-              $(" Delete ")
+            default: withCtx(() => [
+              state.current.ingredients.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.ingredients, (product, index) => {
+                  return openBlock(), createBlock(_sfc_main$5, {
+                    key: product._id,
+                    product,
+                    array: state.current.ingredients,
+                    products: Products.value,
+                    showPrice: false,
+                    onAdd: _cache[1] || (_cache[1] = (item) => {
+                      actions$2.add(state.current.ingredients, item);
+                      closeIngredientPopup();
+                    }),
+                    onUpdate: (item) => {
+                      actions$2.update(state.current.ingredients, item, index);
+                      closeIngredientPopup();
+                    },
+                    onDelete: (item) => {
+                      actions$2.delete(state.current.ingredients, item, index);
+                      closeIngredientPopup();
+                    }
+                  }, null, 8, ["product", "array", "products", "onUpdate", "onDelete"]);
+                }), 128))
+              ])) : createCommentVNode("", true)
             ]),
             _: 1
-          })) : z("", !0),
-          a(N, {
-            submit: I,
-            callback: C,
-            class: "bg-main"
+          }, 8, ["actions"]),
+          createVNode(_sfc_main$6, {
+            title: "Add ingredient",
+            onClosePopup: closeIngredientPopup,
+            isPopupOpen: isOpenIngredientPopup.value,
+            class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
           }, {
-            default: o(() => [
-              $(" Save ")
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_5, [
+                createVNode(_sfc_main$7, {
+                  search: {
+                    class: "bg-white mn-b-thin"
+                  },
+                  states: {
+                    empty: {
+                      title: "No Products Found",
+                      description: "Currently, there are no such products available."
+                    }
+                  },
+                  store: {
+                    read: (options) => actions.read(options),
+                    state: null
+                  },
+                  options: {
+                    organization: unref(route).params._id
+                  },
+                  class: ""
+                }, {
+                  default: withCtx(({
+                    items
+                  }) => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product, index) => {
+                      return openBlock(), createBlock(_sfc_main$8, {
+                        key: product._id,
+                        editable: false,
+                        product,
+                        onClick: () => {
+                          let p = { ...product };
+                          p.quantity = 1;
+                          p.type = "pcs";
+                          actions$2.add(state.current.ingredients, p);
+                          closeIngredientPopup();
+                        },
+                        class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                      }, null, 8, ["product", "onClick"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["store", "options"])
+              ])
             ]),
             _: 1
-          })
+          }, 8, ["isPopupOpen"])
         ]),
-        _: 1
-      }),
-      a(d, {
-        placeholder: "The product doesn't have any images yet.",
-        class: "h-min"
-      }, {
-        default: o(() => [
-          a(L, {
-            images: e.current.images,
-            uploadPath: "photos",
-            "onUpdate:images": h[0] || (h[0] = (t) => {
-              e.current.images = t;
+        createVNode(_sfc_main$1, {
+          title: "Categories",
+          actions: [{
+            label: "+",
+            function: () => unref(router).push({
+              name: "Categories Organization",
+              params: {
+                _id: unref(route).params._id
+              }
             })
-          }, null, 8, ["images"])
-        ]),
-        _: 1
-      }),
-      m("div", W, [
-        a(d, { title: "Profile" }, {
-          default: o(() => [
-            a(j, {
-              product: e.current
-            }, null, 8, ["product"])
+          }]
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state$1.all, (category, index) => {
+              return openBlock(), createBlock(_sfc_main$9, {
+                label: category.name,
+                name: "categories",
+                value: category.url,
+                class: "w-100 mn-t-small bg-white radius-small pd-small",
+                radio: state.current.category,
+                "onUpdate:radio": (event) => state.current.category = event
+              }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
+            }), 256))
           ]),
           _: 1
-        }),
-        a(d, {
-          title: "Ingredients",
-          placeholder: "No ingridients added yet",
+        }, 8, ["actions"]),
+        createVNode(_sfc_main$1, {
+          title: "Parameters",
+          placeholder: "No parameters added yet",
           actions: [{
             label: "+",
-            function: () => O()
-          }]
+            function: () => state.current.information.push({ name: "", value: "" })
+          }],
+          class: "cols-1 gap-thin"
         }, {
-          default: o(() => [
-            e.current.ingredients.length > 0 ? (n(), s("div", X, [
-              (n(!0), s(f, null, _(e.current.ingredients, (t, i) => (n(), b(q, {
-                key: t._id,
-                product: t,
-                array: e.current.ingredients,
-                products: P.value,
-                showPrice: !1,
-                onAdd: h[1] || (h[1] = (r) => {
-                  w.add(e.current.ingredients, r), u();
-                }),
-                onUpdate: (r) => {
-                  w.update(e.current.ingredients, r, i), u();
-                },
-                onDelete: (r) => {
-                  w.delete(e.current.ingredients, r, i), u();
-                }
-              }, null, 8, ["product", "array", "products", "onUpdate", "onDelete"]))), 128))
-            ])) : z("", !0)
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.information, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "gap-thin flex-nowrap flex",
+                key: index
+              }, [
+                createVNode(Field, {
+                  field: item.name,
+                  "onUpdate:field": ($event) => item.name = $event,
+                  placeholder: "Название параметра",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                createVNode(Field, {
+                  field: item.value,
+                  "onUpdate:field": ($event) => item.value = $event,
+                  placeholder: "Значение параметра",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                createElementVNode("div", _hoisted_6, [
+                  createVNode(_sfc_main$a, {
+                    onClick: () => state.current.information.splice(index, 1),
+                    class: "i-medium"
+                  }, null, 8, ["onClick"])
+                ])
+              ]);
+            }), 128))
           ]),
           _: 1
         }, 8, ["actions"]),
-        a(T, {
-          title: "Add ingredient",
-          onClosePopup: u,
-          isPopupOpen: y.value,
-          class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
+        createVNode(_sfc_main$1, {
+          title: "Localization",
+          placeholder: "No localizations added yet",
+          actions: [{
+            label: "+",
+            function: () => state.current.localization.push({ name: "", value: "" })
+          }]
         }, {
-          default: o(() => [
-            m("div", Y, [
-              a(A, {
-                search: {
-                  class: "bg-white mn-b-thin"
-                },
-                states: {
-                  empty: {
-                    title: "No Products Found",
-                    description: "Currently, there are no such products available."
-                  }
-                },
-                store: {
-                  read: (t) => c.read(t),
-                  state: null
-                },
-                options: {
-                  organization: p(l).params._id
-                },
-                class: ""
-              }, {
-                default: o(({
-                  items: t
-                }) => [
-                  (n(!0), s(f, null, _(t, (i, r) => (n(), b(M, {
-                    key: i._id,
-                    editable: !1,
-                    product: i,
-                    onClick: () => {
-                      let x = { ...i };
-                      x.quantity = 1, x.type = "pcs", w.add(e.current.ingredients, x), u();
-                    },
-                    class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
-                  }, null, 8, ["product", "onClick"]))), 128))
-                ]),
-                _: 1
-              }, 8, ["store", "options"])
-            ])
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.localization, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "gap-thin mn-b-thin flex-nowrap flex",
+                key: index
+              }, [
+                createVNode(Field, {
+                  field: item.name,
+                  "onUpdate:field": ($event) => item.name = $event,
+                  placeholder: "Название параметра",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                createVNode(Field, {
+                  field: item.value,
+                  "onUpdate:field": ($event) => item.value = $event,
+                  placeholder: "Значение параметра",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(_sfc_main$a, {
+                    onClick: () => state.current.localization.splice(index, 1),
+                    class: "i-medium"
+                  }, null, 8, ["onClick"])
+                ])
+              ]);
+            }), 128))
           ]),
           _: 1
-        }, 8, ["isPopupOpen"])
-      ]),
-      a(d, {
-        title: "Categories",
-        actions: [{
-          label: "+",
-          function: () => p(k).push({
-            name: "Categories Organization",
-            params: {
-              _id: p(l).params._id
-            }
-          })
-        }]
-      }, {
-        default: o(() => [
-          (n(!0), s(f, null, _(J.all, (t, i) => (n(), b(S, {
-            label: t.name,
-            name: "categories",
-            value: t.url,
-            class: "w-100 mn-t-small bg-white radius-small pd-small",
-            radio: e.current.category,
-            "onUpdate:radio": (r) => e.current.category = r
-          }, null, 8, ["label", "value", "radio", "onUpdate:radio"]))), 256))
-        ]),
-        _: 1
-      }, 8, ["actions"]),
-      a(d, {
-        title: "Parameters",
-        placeholder: "No parameters added yet",
-        actions: [{
-          label: "+",
-          function: () => e.current.information.push({ name: "", value: "" })
-        }],
-        class: "cols-1 gap-thin"
-      }, {
-        default: o(() => [
-          (n(!0), s(f, null, _(e.current.information, (t, i) => (n(), s("div", {
-            class: "gap-thin flex-nowrap flex",
-            key: i
-          }, [
-            a(v, {
-              field: t.name,
-              "onUpdate:field": (r) => t.name = r,
-              placeholder: "Название параметра",
-              class: "w-100 bg-white radius-small pd-medium"
-            }, null, 8, ["field", "onUpdate:field"]),
-            a(v, {
-              field: t.value,
-              "onUpdate:field": (r) => t.value = r,
-              placeholder: "Значение параметра",
-              class: "w-100 bg-white radius-small pd-medium"
-            }, null, 8, ["field", "onUpdate:field"]),
-            m("div", Z, [
-              a(D, {
-                onClick: () => e.current.information.splice(i, 1),
-                class: "i-medium"
-              }, null, 8, ["onClick"])
-            ])
-          ]))), 128))
-        ]),
-        _: 1
-      }, 8, ["actions"]),
-      a(d, {
-        title: "Localization",
-        placeholder: "No localizations added yet",
-        actions: [{
-          label: "+",
-          function: () => e.current.localization.push({ name: "", value: "" })
-        }]
-      }, {
-        default: o(() => [
-          (n(!0), s(f, null, _(e.current.localization, (t, i) => (n(), s("div", {
-            class: "gap-thin mn-b-thin flex-nowrap flex",
-            key: i
-          }, [
-            a(v, {
-              field: t.name,
-              "onUpdate:field": (r) => t.name = r,
-              placeholder: "Название параметра",
-              class: "w-100 bg-white radius-small pd-medium"
-            }, null, 8, ["field", "onUpdate:field"]),
-            a(v, {
-              field: t.value,
-              "onUpdate:field": (r) => t.value = r,
-              placeholder: "Значение параметра",
-              class: "w-100 bg-white radius-small pd-medium"
-            }, null, 8, ["field", "onUpdate:field"]),
-            m("div", ee, [
-              a(D, {
-                onClick: () => e.current.localization.splice(i, 1),
-                class: "i-medium"
-              }, null, 8, ["onClick"])
-            ])
-          ]))), 128))
-        ]),
-        _: 1
-      }, 8, ["actions"])
-    ]));
+        }, 8, ["actions"])
+      ]);
+    };
   }
 };
 export {
-  xe as default
+  _sfc_main as default
 };
+//# sourceMappingURL=ProductEdit.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 pd-thin gap-thin\">\n    \n    <Block class=\"flex-nowrap flex-v-center flex\">\n      \n      <h1 class=\"mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h1>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red mn-r-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            organization: route.params._id\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n  \t\t\ttitle=\"Categories\"\n  \t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => router.push({\n\t\t\t\t\t\tname: 'Categories Organization', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t      }]\"\n  \t\t>\n\t\t\t\t<Checkbox \n\t\t\t\t\tv-for=\"(category, index) in categories.state.all\"\n          :label=\"category.name\"\n          name=\"categories\"\n          :value=\"category.url\"\n          class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n          :radio=\"products.state.current.category\"\n          @update:radio=\"event => products.state.current.category = event\"\n        />\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@pf/src/components/Block/Block.vue';\n\timport Tab from \"@pf/src/components/Tab/Tab.vue\";\n\timport Field from \"@pf/src/components/Field/Field.vue\";\n\timport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@pf/src/components/Button/Button.vue\";\n\timport Popup from \"@pf/src/components/Popup/Popup.vue\";\n\timport Feed from \"@pf/src/components/Feed/Feed.vue\";\n\n\timport EditImages           from '@pf/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@pf/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@pf/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tawait categories.actions.fetchCategories()\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tfunction onSubmit() {\n\t\tif (route.params.product) {\n\t\t\tproducts.actions.update(route.params.product, products.state.current)\n\t\t} else {\n\t\t\tproducts.actions.create(route.params._id, products.state.current)\n\t\t}\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["products.state","products.mutations","products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwSC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAEzB,UAAM,WAAW,IAAIA,MAAe,GAAG;AACvC,UAAM,wBAAwB,IAAI,KAAK;AAGvC,aAAS,oBAAoB,QAAQ;AACpC,4BAAsB,QAAQ;AAAA,IAE/B;AAED,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAE/B;AAEA,cAAU,YAAW;AACpBC,gBAAmB,aAAY;AAE/B,UAAI,MAAM,OAAO,SAAS;AACzB,cAAMC,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAO,CAAE;AAAA,MACzD;AAED,UAAI,CAACF,MAAe,QAAQ,aAAa;AACxCA,cAAe,QAAQ,cAAc,CAAE;AAAA,MACvC;AAGD,YAAMG,UAAmB,gBAAiB;AAEzC,UAAI;AACF,cAAM,mBAAmB,MAAMD,QAAiB,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MACtB;AAAA,IACL,CAAG;AAMF,aAAS,WAAW;AACnB,UAAI,MAAM,OAAO,SAAS;AACzBA,gBAAiB,OAAO,MAAM,OAAO,SAASF,MAAe,OAAO;AAAA,MACvE,OAAS;AACNE,gBAAiB,OAAO,MAAM,OAAO,KAAKF,MAAe,OAAO;AAAA,MAChE;AAAA,IACD;AAED,aAAS,WAAW;AACnBE,cAAiB,cAAcF,MAAe,QAAQ,GAAG;AAAA,IACzD;AAED,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,UACP,KAAK,MAAM,OAAO;AAAA,QAClB;AAAA,MACJ,CAAG;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}