@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.js

@@ -1,39 +1,80 @@
-import { ref as w, computed as y, onMounted as $, resolveComponent as O, openBlock as i, createElementBlock as r, createVNode as d, withCtx as _, createElementVNode as e, toDisplayString as s, unref as A, Fragment as f, renderList as v, createBlock as B, createTextVNode as x, Transition as U, createCommentVNode as g, withModifiers as V } from "vue";
-import { useRoute as D, useRouter as E } from "vue-router";
-import "../../../../../node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
-/* empty css                                                               */
+import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, createTextVNode, Transition, createCommentVNode, withModifiers } from "vue";
+import { useRoute, useRouter } from "vue-router";
 /* empty css                                 */
-import q from "../../../../components/Block/Block.vue.js";
-import { state as k, actions as z, getters as F } from "../../store/orders.js";
-import { state as I } from "../../../auth/views/store/auth.js";
+import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
+import { state, actions, getters } from "../../store/orders.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
 /* empty css                       */
-import M from "../../../globals/views/components/blocks/CardHeader.vue.js";
-import R from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
-import S from "../../../../components/Feed/Feed.vue.js";
-import H from "../../../icons/entities/IconTime.vue.js";
-const L = { class: "pd-thin" }, j = { class: "gap-micro flex-nowrap flex" }, G = { class: "w-100 bg-white radius-small pd-small" }, J = /* @__PURE__ */ e("p", { class: "mn-b-thin" }, "Total", -1), K = { class: "w-100 bg-white radius-small pd-small" }, Q = /* @__PURE__ */ e("p", { class: "mn-b-thin" }, "Paid", -1), W = { class: "w-100 bg-white radius-small pd-small" }, X = /* @__PURE__ */ e("p", { class: "mn-b-thin" }, "Unpaid", -1), Y = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" }, Z = { class: "w-100" }, ee = { class: "mn-b-thin" }, te = { class: "t-truncate" }, se = { class: "w-100 t-right" }, ae = { class: "mn-b-thin" }, ne = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" }, le = { class: "mn-r-auto" }, ie = { class: "t-right" }, re = { class: "t-transp" }, oe = { key: 0 }, ce = { class: "mn-r-auto" }, de = { class: "t-right" }, me = { class: "t-transp" }, ue = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" }, pe = { class: "t-medium mn-r-auto" }, _e = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" }, he = /* @__PURE__ */ e("span", { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" }, " Unpaid ", -1), fe = {
+import _sfc_main$4 from "../../../globals/views/components/blocks/CardHeader.vue.js";
+import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
+import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
+import IconTime from "../../../icons/entities/IconTime.vue.js";
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = { class: "gap-micro flex-nowrap flex" };
+const _hoisted_3 = { class: "w-100 bg-white radius-small pd-small" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Total", -1);
+const _hoisted_5 = { class: "w-100 bg-white radius-small pd-small" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1);
+const _hoisted_7 = { class: "w-100 bg-white radius-small pd-small" };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1);
+const _hoisted_9 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_10 = { class: "w-100" };
+const _hoisted_11 = { class: "mn-b-thin" };
+const _hoisted_12 = { class: "t-truncate" };
+const _hoisted_13 = { class: "w-100 t-right" };
+const _hoisted_14 = { class: "mn-b-thin" };
+const _hoisted_15 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
+const _hoisted_16 = { class: "mn-r-auto" };
+const _hoisted_17 = { class: "t-right" };
+const _hoisted_18 = { class: "t-transp" };
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = { class: "mn-r-auto" };
+const _hoisted_21 = { class: "t-right" };
+const _hoisted_22 = { class: "t-transp" };
+const _hoisted_23 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_24 = { class: "t-medium mn-r-auto" };
+const _hoisted_25 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
+const _hoisted_26 = /* @__PURE__ */ createElementVNode("span", { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" }, " Unpaid ", -1);
+const _hoisted_27 = {
   key: 0,
   class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
-}, ve = /* @__PURE__ */ e("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1), Ue = {
+};
+const _hoisted_28 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1);
+const _sfc_main = {
   __name: "Orders",
-  setup(ge) {
-    const C = D();
-    E();
-    const m = w(!1), u = w("all"), b = y(() => N(k.all)), P = y(() => T(k.all, "unpaid"));
-    function N(a) {
-      return a.reduce((o, c) => o + c.positions.reduce((n, t) => n + t.price, 0), 0);
+  setup(__props) {
+    const route = useRoute();
+    useRouter();
+    const spoiler = ref(false);
+    const tab = ref("all");
+    const totalPrice = computed(() => {
+      return calculateTotalSum(state.all);
+    });
+    const totalPriceUnpaid = computed(() => {
+      return calculateSum(state.all, "unpaid");
+    });
+    function calculateTotalSum(orders) {
+      return orders.reduce((totalSum, item) => {
+        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);
+      }, 0);
     }
-    function T(a, o) {
-      return a.reduce((c, n) => n.payment.status === o ? c + n.positions.reduce((t, p) => t + p.price, 0) : c, 0);
+    function calculateSum(orders, status) {
+      return orders.reduce((totalSum, item) => {
+        if (item.payment.status === status) {
+          return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);
+        }
+        return totalSum;
+      }, 0);
     }
-    return $(async () => {
-    }), (a, o) => {
-      const c = O("router-link");
-      return i(), r("div", L, [
-        d(R, {
+    onMounted(async () => {
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
           title: "Orders",
-          "onUpdate:tabs_current": o[0] || (o[0] = (n) => u.value = n),
-          tabs_current: u.value,
+          "onUpdate:tabs_current": _cache[0] || (_cache[0] = (update) => tab.value = update),
+          tabs_current: tab.value,
           tabs: [
             { name: "All", value: "all" },
             { name: "Created", value: "created" },
@@ -49,30 +90,30 @@ const L = { class: "pd-thin" }, j = { class: "gap-micro flex-nowrap flex" }, G =
           ],
           class: "mn-b-small bg-light bg-light radius-big"
         }, null, 8, ["tabs_current"]),
-        d(q, {
+        createVNode(_sfc_main$2, {
           title: "Balance",
           class: "mn-b-thin"
         }, {
-          default: _(() => [
-            e("div", j, [
-              e("div", G, [
-                J,
-                e("h3", null, s(a.formatPrice(b.value)), 1)
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ]),
-              e("div", K, [
-                Q,
-                e("h3", null, s(a.formatPrice(P.value)), 1)
+              createElementVNode("div", _hoisted_5, [
+                _hoisted_6,
+                createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPriceUnpaid.value)), 1)
               ]),
-              e("div", W, [
-                X,
-                e("h3", null, s(a.formatPrice(b.value)), 1)
+              createElementVNode("div", _hoisted_7, [
+                _hoisted_8,
+                createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ])
             ])
           ]),
           _: 1
         }),
-        d(S, {
-          search: !0,
+        createVNode(_sfc_main$3, {
+          search: true,
           states: {
             empty: {
               title: "No Orders Found",
@@ -80,100 +121,106 @@ const L = { class: "pd-thin" }, j = { class: "gap-micro flex-nowrap flex" }, G =
             }
           },
           store: {
-            read: (n) => z.read(n)
+            read: (options) => actions.read(options)
           },
           options: {
             limit: 15,
-            owner: A(C).params._id,
-            ...u.value !== "all" && { status: u.value }
+            owner: unref(route).params._id,
+            ...tab.value !== "all" && { status: tab.value }
           },
           class: "gap-thin cols-3"
         }, {
-          default: _(({
-            items: n
+          default: withCtx(({
+            items
           }) => [
-            (i(!0), r(f, null, v(n, (t) => (i(), B(c, {
-              to: {
-                name: "Order Edit",
-                params: {
-                  order: t._id
-                }
-              },
-              class: "bg-light pos-relative pd-medium radius-big"
-            }, {
-              default: _(() => {
-                var p;
-                return [
-                  d(M, {
-                    entity: t,
-                    entityType: "order",
-                    user: I.user,
-                    owner: t.creator,
-                    creator: t.creator,
-                    date: t.createdAt,
-                    class: "mn-b-small"
-                  }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-                  e("div", Y, [
-                    e("div", Z, [
-                      e("h3", ee, s(((p = t.customer.target.profile) == null ? void 0 : p.name) || t.customer.target.phone || t.customer.target.email || "No name"), 1),
-                      e("p", te, s(t.delivery.address || "Not specified"), 1)
-                    ]),
-                    e("div", se, [
-                      e("h3", ae, s(a.returnCurrency()) + s(F.getTotal(t.positions)), 1),
-                      e("p", null, "#" + s(t._id.slice(0, 4) + "..." + t._id.slice(-4)), 1)
-                    ])
-                  ]),
-                  e("div", ne, [
-                    (i(!0), r(f, null, v(t.positions.slice(0, 2), (l, h) => (i(), r("div", {
-                      key: h,
-                      class: "w-100 flex"
-                    }, [
-                      e("p", le, s(l.name), 1),
-                      e("p", ie, [
-                        x(s(l.quantity) + " " + s(l.type) + " x " + s(l.price) + " ", 1),
-                        e("span", re, s(a.returnCurrency()), 1)
-                      ])
-                    ]))), 128)),
-                    d(U, { name: "fade" }, {
-                      default: _(() => [
-                        m.value && t.positions.length > 2 ? (i(), r("div", oe, [
-                          (i(!0), r(f, null, v(t.positions.slice(2), (l, h) => (i(), r("div", {
-                            key: h + 2,
-                            class: "w-100 flex"
-                          }, [
-                            e("p", ce, s(l.name), 1),
-                            e("p", de, [
-                              x(s(l.quantity) + " " + s(l.type) + " x " + s(l.price) + " ", 1),
-                              e("span", me, s(a.returnCurrency()), 1)
-                            ])
-                          ]))), 128))
-                        ])) : g("", !0)
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (order) => {
+              return openBlock(), createBlock(_component_router_link, {
+                to: {
+                  name: "Order Edit",
+                  params: {
+                    order: order._id
+                  }
+                },
+                class: "bg-light pos-relative pd-medium radius-big"
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createVNode(_sfc_main$4, {
+                      entity: order,
+                      entityType: "order",
+                      user: state$1.user,
+                      owner: order.creator,
+                      creator: order.creator,
+                      date: order.createdAt,
+                      class: "mn-b-small"
+                    }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+                    createElementVNode("div", _hoisted_9, [
+                      createElementVNode("div", _hoisted_10, [
+                        createElementVNode("h3", _hoisted_11, toDisplayString(((_a = order.customer.target.profile) == null ? void 0 : _a.name) || order.customer.target.phone || order.customer.target.email || "No name"), 1),
+                        createElementVNode("p", _hoisted_12, toDisplayString(order.delivery.address || "Not specified"), 1)
                       ]),
-                      _: 2
-                    }, 1024),
-                    t.positions.length > 2 ? (i(), r("button", {
-                      key: 0,
-                      onClick: o[1] || (o[1] = V((l) => m.value = !m.value, ["prevent"])),
-                      class: "radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
-                    }, s(m.value ? "Hide" : `+${t.positions.length - 2} more`), 1)) : g("", !0)
-                  ]),
-                  e("div", ue, [
-                    d(H, {
-                      class: "i-semi t-transp",
-                      fill: "rgb(var(--black)"
-                    }),
-                    e("p", pe, s(a.formatDate(t.deadline)), 1),
-                    e("span", _e, s(t.status), 1),
-                    he
-                  ]),
-                  t.comment ? (i(), r("div", fe, [
-                    ve,
-                    e("p", null, s(t.comment), 1)
-                  ])) : g("", !0)
-                ];
-              }),
-              _: 2
-            }, 1032, ["to"]))), 256))
+                      createElementVNode("div", _hoisted_13, [
+                        createElementVNode("h3", _hoisted_14, toDisplayString(_ctx.returnCurrency()) + toDisplayString(getters.getTotal(order.positions)), 1),
+                        createElementVNode("p", null, "#" + toDisplayString(order._id.slice(0, 4) + "..." + order._id.slice(-4)), 1)
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_15, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(order.positions.slice(0, 2), (position, index) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: index,
+                          class: "w-100 flex"
+                        }, [
+                          createElementVNode("p", _hoisted_16, toDisplayString(position.name), 1),
+                          createElementVNode("p", _hoisted_17, [
+                            createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x " + toDisplayString(position.price) + " ", 1),
+                            createElementVNode("span", _hoisted_18, toDisplayString(_ctx.returnCurrency()), 1)
+                          ])
+                        ]);
+                      }), 128)),
+                      createVNode(Transition, { name: "fade" }, {
+                        default: withCtx(() => [
+                          spoiler.value && order.positions.length > 2 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(order.positions.slice(2), (position, index) => {
+                              return openBlock(), createElementBlock("div", {
+                                key: index + 2,
+                                class: "w-100 flex"
+                              }, [
+                                createElementVNode("p", _hoisted_20, toDisplayString(position.name), 1),
+                                createElementVNode("p", _hoisted_21, [
+                                  createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x " + toDisplayString(position.price) + " ", 1),
+                                  createElementVNode("span", _hoisted_22, toDisplayString(_ctx.returnCurrency()), 1)
+                                ])
+                              ]);
+                            }), 128))
+                          ])) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      order.positions.length > 2 ? (openBlock(), createElementBlock("button", {
+                        key: 0,
+                        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => spoiler.value = !spoiler.value, ["prevent"])),
+                        class: "radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
+                      }, toDisplayString(!spoiler.value ? `+${order.positions.length - 2} more` : `Hide`), 1)) : createCommentVNode("", true)
+                    ]),
+                    createElementVNode("div", _hoisted_23, [
+                      createVNode(IconTime, {
+                        class: "i-semi t-transp",
+                        fill: "rgb(var(--black)"
+                      }),
+                      createElementVNode("p", _hoisted_24, toDisplayString(_ctx.formatDate(order.deadline)), 1),
+                      createElementVNode("span", _hoisted_25, toDisplayString(order.status), 1),
+                      _hoisted_26
+                    ]),
+                    order.comment ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                      _hoisted_28,
+                      createElementVNode("p", null, toDisplayString(order.comment), 1)
+                    ])) : createCommentVNode("", true)
+                  ];
+                }),
+                _: 2
+              }, 1032, ["to"]);
+            }), 256))
           ]),
           _: 1
         }, 8, ["store", "options"])
@@ -182,5 +229,6 @@ const L = { class: "pd-thin" }, j = { class: "gap-micro flex-nowrap flex" }, G =
   }
 };
 export {
-  Ue as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Orders.vue.js.map

package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\"> \n    <SectionPageTitle\n      title=\"Orders\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Confirmed',  value: 'confirmed' },\n        { name: 'Preparing',  value: 'preparing' },\n        { name: 'Prepared',  value: 'prepared' },\n        { name: 'In delivery',  value: 'in delivery' },\n        { name: 'Delivered',  value: 'delivered' },\n        { name: 'Closed',  value: 'closed' }\n      ]\"\n      :actions=\"[\n        { to: { name: 'AdminOrderAdd'}, label: 'Create Order' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      title=\"Balance\"\n      class=\"mn-b-thin\"\n    >\n      <div class=\"gap-micro flex-nowrap flex\">\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Total</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Paid</p>\n          <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Unpaid</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n      </div>\n\n    </Block>\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { status: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3\"\n    >\n      <router-link \n        v-for=\"order in items\" \n        :to=\"{ \n          name: 'Order Edit', \n          params: { \n            order: order._id \n\n          }\n        }\" \n         class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        <CardHeader \n          :entity=\"order\"\n          :entityType=\"'order'\"\n          :user=\"auth.state.user\"\n          :owner=\"order.creator\" \n          :creator=\"order.creator\"\n          :date=\"order.createdAt\"\n          class=\"mn-b-small\"\n        />\n\n        <div class=\"mn-b-small pd-small bg-white radius-small flex-nowrap flex\"> \n          <div class=\"w-100\">\n            <h3 class=\"mn-b-thin\">{{order.customer.target.profile?.name || order.customer.target.phone || order.customer.target.email || 'No name'}}</h3>\n            <p class=\"t-truncate\">{{order.delivery.address || 'Not specified'}}</p> \n          </div>\n\n          <div class=\" w-100 t-right\">\n            <h3 class=\"mn-b-thin\">{{returnCurrency()}}{{orders.getters.getTotal(order.positions)}}</h3>\n            <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> \n          </div>\n        </div>\n     \n        <div class=\"cols-1 mn-b-small gap-thin pd-small bg-white radius-small\">\n          <!-- Always display the first two positions -->\n          <div\n            v-for=\"(position, index) in order.positions.slice(0, 2)\"\n            :key=\"index\"\n            class=\"w-100 flex\"\n          >\n            <p class=\"mn-r-auto\">{{ position.name }}</p>\n            <p class=\"t-right\">\n              {{ position.quantity }} {{ position.type }}\n              x\n              {{ position.price }}\n              <span class=\"t-transp\">{{ returnCurrency() }}</span>\n            </p>\n          </div>\n\n          <transition name=\"fade\">\n            <!-- Display the rest of the positions if there are more than two and spoiler is true -->\n            <div v-if=\"spoiler && order.positions.length > 2\">\n              <div\n                v-for=\"(position, index) in order.positions.slice(2)\"\n                :key=\"index + 2\"\n                class=\"w-100 flex\"\n              >\n                <p class=\"mn-r-auto\">{{ position.name }}</p>\n                <p class=\"t-right\">\n                  {{ position.quantity }} {{ position.type }}\n                  x\n                  {{ position.price }}\n                  <span class=\"t-transp\">{{ returnCurrency() }}</span>\n                </p>\n              </div>\n            </div>\n          </transition>\n\n          <!-- Toggle button for additional positions, visible only if there are more than two positions -->\n          <button\n            v-if=\"order.positions.length > 2\"\n            @click.prevent=\"spoiler = !spoiler\"\n            class=\"radius-big bg-light-transp-50 pd-nano w-100 flex-center flex\"\n          >\n            {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }} \n          </button>\n        </div>\n\n\n        <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\"> \n          <IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n          <p class=\"t-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n          <span \n            class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main\"\n          >\n            {{order.status}}\n          </span>\n\n          <span \n            class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red\"\n          >\n            Unpaid\n          </span>\n        </div>\n      \n\n        <div v-if=\"order.comment\" class=\"pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small\">\n          <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n          <p>{{order.comment}}</p>\n        </div>\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n\n  import CardOrder from '@pf/src/modules/orders/components/blocks/CardOrder.vue'\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@pf/src/modules/icons/entities/IconTime.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const spoiler = ref(false)\n\n  // Tab logic\n  const tab = ref('all')\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n   const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  \n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n\n\n  onMounted(async () => {\n   \n  });\n</script>\n"],"names":["orders.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LE,UAAM,QAAQ;AACC,cAAY;AAE3B,UAAM,UAAU,IAAI,KAAK;AAGzB,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,IAC7C,CAAG;AAEA,UAAM,mBAAmB,SAAS,MAAM;AACvC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,IACjD,CAAG;AAGD,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACnF,GAAE,CAAC;AAAA,IACL;AAED,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACnF;AACD,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACL;AAGD,cAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/partials/ShopCart.vue.cjs

@@ -1 +1,109 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("vue-router"),p=require("vue-i18n"),g=require("../blocks/CardOrderItem.vue.cjs"),h=require("../../../icons/navigation/IconCross.vue.cjs"),t=require("../../store/shopcart.cjs");;/* empty css                */const b={class:"flex-nowrap flex"},_={class:"mn-b-small w-100"},y={class:"mn-b-thin p-big"},k={class:"t-transp p-small"},f={class:"mn-b-big shopcart-content"},v={key:0,class:"mn-t-medium"},S={class:"shopcart-footer pd-b-medium pd-t-medium pd-big transition-cubic bg-black t-white"},E={key:0,class:"mn-b-small total-price"},C={class:"t-transp t-white mn-b-micro"},N={class:"t-demi t-white p-big"},V={__name:"ShopCart",setup(B){i.useRoute();const a=i.useRouter(),c=t.getters.cartTotalPrice,l=t.getters.cartTotalAmount,u={messages:{en:{title:"Your order",subtitle:"You have",positions:"no products in shop cart | 1 product in shop cart | {count} products in shop card",emptystate:"You don't have any positions in your shop cart yet. Maybe something needs to be added?",intotal:"In total",fastorder:"Checkout"},ru:{title:"Ваш заказ",subtitle:"У вас",positions:"нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине",emptystate:"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?",intotal:"Итого",fastorder:"Подтвердить заказ"}}},{t:o}=p.useI18n(u);function d(){a.push({name:"Form Order"}),t.actions.toggleShopcart()}return(m,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",{class:e.normalizeClass(["z-index-4 transition-cubic pd-big bg-white shop-cart",{"shop-cart-active":t.state.currentState===!0}])},[e.createElementVNode("div",b,[e.createElementVNode("div",_,[e.createElementVNode("h4",y,e.toDisplayString(e.unref(o)("title")),1),e.createElementVNode("p",k,e.toDisplayString(e.unref(o)("subtitle"))+" "+e.toDisplayString(e.unref(o)("positions",{count:e.unref(l)})),1)]),e.createVNode(h.default,{onClick:t.actions.toggleShopcart,class:"button-icon"},null,8,["onClick"])]),e.createElementVNode("div",f,[t.state.positions.length>0?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("p",v,[e.createElementVNode("i",null,e.toDisplayString(e.unref(o)("emptystate")),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.state.positions,n=>(e.openBlock(),e.createBlock(g.default,{key:n._id,editable:!0,product:n,increase:r=>t.actions.incrementItemQuantity(r._id),decrease:r=>t.actions.decrementItemQuantity(r._id),remove:r=>t.actions.removeProduct(r._id)},null,8,["product","increase","decrease","remove"]))),128))]),e.createElementVNode("div",S,[t.state.positions.length>0?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("p",C,e.toDisplayString(e.unref(o)("intotal")),1),e.createElementVNode("p",N,e.toDisplayString(e.unref(c))+" "+e.toDisplayString(m.returnCurrency()),1)])):e.createCommentVNode("",!0),t.state.positions.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:s[0]||(s[0]=n=>d()),class:"bg-main t-black w-100 button"},e.toDisplayString(e.unref(o)("fastorder")),1)):e.createCommentVNode("",!0)])],2),e.createElementVNode("div",{onClick:s[1]||(s[1]=(...n)=>t.actions.toggleShopcart&&t.actions.toggleShopcart(...n)),class:e.normalizeClass([{active:t.state.currentState===!0},"color-overlay z-index-3"])},null,2)],64))}};exports.default=V;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
+const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
+const shopcart = require("../../store/shopcart.cjs");
+;/* empty css                */
+const _hoisted_1 = { class: "flex-nowrap flex" };
+const _hoisted_2 = { class: "mn-b-small w-100" };
+const _hoisted_3 = { class: "mn-b-thin p-big" };
+const _hoisted_4 = { class: "t-transp p-small" };
+const _hoisted_5 = { class: "mn-b-big shopcart-content" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mn-t-medium"
+};
+const _hoisted_7 = { class: "shopcart-footer pd-b-medium pd-t-medium pd-big transition-cubic bg-black t-white" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mn-b-small total-price"
+};
+const _hoisted_9 = { class: "t-transp t-white mn-b-micro" };
+const _hoisted_10 = { class: "t-demi t-white p-big" };
+const _sfc_main = {
+  __name: "ShopCart",
+  setup(__props) {
+    vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const cartTotalPrice = shopcart.getters.cartTotalPrice;
+    const StoreCartAmount = shopcart.getters.cartTotalAmount;
+    const text = {
+      messages: {
+        en: {
+          title: "Your order",
+          subtitle: "You have",
+          positions: "no products in shop cart | 1 product in shop cart | {count} products in shop card",
+          emptystate: "You don't have any positions in your shop cart yet. Maybe something needs to be added?",
+          intotal: "In total",
+          fastorder: "Checkout"
+        },
+        ru: {
+          title: "Ваш заказ",
+          subtitle: "У вас",
+          positions: "нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине",
+          emptystate: "У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?",
+          intotal: "Итого",
+          fastorder: "Подтвердить заказ"
+        }
+      }
+    };
+    const { t } = vueI18n.useI18n(text);
+    function openOrder() {
+      router.push({ name: "Form Order" });
+      shopcart.actions.toggleShopcart();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("section", {
+          class: vue.normalizeClass(["z-index-4 transition-cubic pd-big bg-white shop-cart", { "shop-cart-active": shopcart.state.currentState === true }])
+        }, [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("h4", _hoisted_3, vue.toDisplayString(vue.unref(t)("title")), 1),
+              vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("subtitle")) + " " + vue.toDisplayString(vue.unref(t)("positions", { count: vue.unref(StoreCartAmount) })), 1)
+            ]),
+            vue.createVNode(IconCross.default, {
+              onClick: shopcart.actions.toggleShopcart,
+              class: "button-icon"
+            }, null, 8, ["onClick"])
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            !(shopcart.state.positions.length > 0) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, [
+              vue.createElementVNode("i", null, vue.toDisplayString(vue.unref(t)("emptystate")), 1)
+            ])) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(shopcart.state.positions, (product) => {
+              return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                key: product._id,
+                editable: true,
+                product,
+                increase: (product2) => shopcart.actions.incrementItemQuantity(product2._id),
+                decrease: (product2) => shopcart.actions.decrementItemQuantity(product2._id),
+                remove: (product2) => shopcart.actions.removeProduct(product2._id)
+              }, null, 8, ["product", "increase", "decrease", "remove"]);
+            }), 128))
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+              vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(vue.unref(t)("intotal")), 1),
+              vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(vue.unref(cartTotalPrice)) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
+            ])) : vue.createCommentVNode("", true),
+            shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 1,
+              onClick: _cache[0] || (_cache[0] = ($event) => openOrder()),
+              class: "bg-main t-black w-100 button"
+            }, vue.toDisplayString(vue.unref(t)("fastorder")), 1)) : vue.createCommentVNode("", true)
+          ])
+        ], 2),
+        vue.createElementVNode("div", {
+          onClick: _cache[1] || (_cache[1] = (...args) => shopcart.actions.toggleShopcart && shopcart.actions.toggleShopcart(...args)),
+          class: vue.normalizeClass([{ "active": shopcart.state.currentState === true }, "color-overlay z-index-3"])
+        }, null, 2)
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ShopCart.vue.cjs.map

package/dist/prometheus-framework/src/modules/orders/components/partials/ShopCart.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShopCart.vue.cjs","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-4 transition-cubic pd-big bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"flex-nowrap flex\">\n      <div class=\"mn-b-small w-100\">\n        <h4 class=\"mn-b-thin p-big\">{{t('title')}}</h4>\n        <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n      </div>\n      <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"mn-b-big shopcart-content\">\n      <!-- Empty State -->\n      <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n      <!-- Shopcart positions -->\n      <CardOrderItem \n        v-for=\"product in shopcart.state.positions\" \n        :key=\"product._id\" \n        :editable=\"true\" \n        :product=\"product\" \n        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer pd-b-medium pd-t-medium pd-big transition-cubic bg-black t-white\">\n      <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n        <p class=\"t-transp t-white mn-b-micro\">{{ t('intotal') }}</p>\n        <p class=\"t-demi t-white p-big\">{{cartTotalPrice}} {{returnCurrency()}}</p>\n      </div>\n      <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n    </div>  \n  </section>\n  <!-- ---------------------------------------------------------------- -->\n  <!-- 04. Color Overlay  -->\n  <!-- ---------------------------------------------------------------- -->\n  <div \n    @click=\"shopcart.actions.toggleShopcart\" \n    :class=\"{'active':shopcart.state.currentState === true}\" \n    class=\"color-overlay z-index-3\">\n  </div>\n</template>\n\n\n<script setup>\n  /////////////////////////////\n  // COMPONENT DEPENDENCIES\n  /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n  // Route\n  import { useRouter,useRoute } from 'vue-router'\n  // i18n\n  import { useI18n } from 'vue-i18n'\n  // Components\n  import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\n\n  import * as shopcart from '@pf/src/modules/orders/store/shopcart';\n  /////////////////////////////\n  // CREATED\n  /////////////////////////////\n  const route = useRoute()\n  const router = useRouter()\n  // Accessing state\n  const cartTotalPrice = shopcart.getters.cartTotalPrice\n  const StoreCartAmount = shopcart.getters.cartTotalAmount\n  // \n  // router.beforeEach((to, from, next) => {\n  //   if (shopcart.state.currentState === true) {\n  //     shopcart.actions.toggleShopcart();\n  //   }\n  //   next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n  // });\n\n  /////////////////////////////\n  // LOCALIZATION\n  /////////////////////////////\n  const text = {\n    messages: {\n      en: {\n        title: 'Your order',\n        subtitle: 'You have',\n        positions: 'no products in shop cart | 1 product in shop cart | {count} products in shop card',\n        emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n        intotal: 'In total',\n        fastorder: 'Checkout'\n      },\n      ru: {\n        title: 'Ваш заказ',\n        subtitle: 'У вас',\n        positions: 'нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине',\n        emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n        intotal: 'Итого',\n        fastorder: 'Подтвердить заказ'\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n  /////////////////////////////\n  // MOUNTED\n  /////////////////////////////\n  function openOrder() {\n    // store.dispatch(\"shopcart/toggleShopCart\");\n    // store.dispatch(\"shopcart/setSearch\");\n    router.push({name: 'Form Order'})\n    shopcart.actions.toggleShopcart();\n  }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n  display: block;\n  position: fixed;\n\n  right: -33%;\n  top: 0;\n\n  height: 100%;\n  width: 33%;\n\n  overflow-y: scroll; \n\n  .shopcart-footer {\n    position: fixed;\n    bottom: 0;\n    \n    width: 33%;\n    right: -33%;\n  }\n}\n\n.shop-cart-active {\n  right: 0;\n\n  .shopcart-footer {\n    right: 0;\n  }\n}\n\n@media screen and (max-width: 1025px) {\n  .shop-cart {\n    width: 100%;\n    right: -100%;\n\n    .shopcart-footer {\n      width: 100%;\n      right: -100%;\n    }\n\n    &-active {\n      right: 0;\n\n      .shopcart-footer {\n        right: 0;\n      }\n    }\n  }\n}\n</style>\n\n\n"],"names":["useRoute","useRouter","shopcart.getters","useI18n","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgBA,uBAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,UAAM,iBAAiBC,SAAAA,QAAiB;AACxC,UAAM,kBAAkBA,SAAAA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACZ;AAAA,QACD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAED,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;AAI1B,aAAS,YAAY;AAGnB,aAAO,KAAK,EAAC,MAAM,aAAY,CAAC;AAChCC,eAAgB,QAAC,eAAc;AAAA,IAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}