@ozdao/martyrs 0.2.423

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js

@@ -0,0 +1,298 @@
+import { computed, ref, onMounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$6 from "../blocks/CardOrderItem.vue.js";
+/* empty css                                                 */
+/* empty css                                        */
+import _sfc_main$7 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$a from "../sections/FormAddCustomer.vue.js";
+import _sfc_main$8 from "../sections/FormDelivery.vue.js";
+import _sfc_main$9 from "../sections/FormPayment.vue.js";
+import { actions as actions$1 } from "../../../globals/views/store/globals.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { mutations, state, actions as actions$2 } from "../../store/orders.js";
+import { actions } from "../../../products/store/products.js";
+import customers from "../../store/customers.store.js";
+/* empty css                           */
+const _hoisted_1 = { class: "h-100 flex flex-column pd-thin" };
+const _hoisted_2 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_3 = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" };
+const _hoisted_4 = {
+  key: 0,
+  class: "w-100"
+};
+const _hoisted_5 = { class: "h3 flex" };
+const _sfc_main = {
+  __name: "OrderCreateBackoffice",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    mutations.resetOrder(state.current);
+    let cartTotalPrice = computed(() => {
+      return Number(state.current.positions.reduce((total, product) => {
+        return total + product.price * product.quantity;
+      }, 0));
+    });
+    const tabOrderCreate = ref("positions");
+    const isOpenProductsPopup = ref(false);
+    function openProductsPopup() {
+      isOpenProductsPopup.value = true;
+    }
+    function closeProductsPopup() {
+      isOpenProductsPopup.value = false;
+    }
+    const isOpenCustomerPopup = ref(false);
+    function openCustomerPopup() {
+      isOpenCustomerPopup.value = true;
+    }
+    function closeCustomerPopup() {
+      isOpenCustomerPopup.value = false;
+    }
+    let order = ref(null);
+    async function onSubmit() {
+      state.current.creator = {
+        type: "User",
+        target: state$1.user._id
+      };
+      state.current.owner = {
+        type: "Organization",
+        target: route.params._id
+      };
+      state.current.customer = {
+        type: "Customer",
+        target: state.current.customer._id || null
+      };
+      order.value = await actions$2.create(state.current);
+    }
+    function redirectTo() {
+      router.push({
+        name: route.meta.context === "backoffice" ? "BackofficeOrderEdit" : "OrganizationOrderEdit",
+        params: {
+          order: order.value._id,
+          _id: route.params._id
+        }
+      });
+    }
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { class: "mn-b-thin" }, {
+          default: withCtx(() => [
+            createElementVNode("header", _hoisted_2, [
+              _cache[3] || (_cache[3] = createElementVNode("h2", { class: "mn-r-auto" }, "Create Order", -1)),
+              createVNode(_sfc_main$2, {
+                submit: onSubmit,
+                callback: redirectTo,
+                class: "pd-small radius-big bg-main t-black uppercase t-medium"
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createTextVNode(" Add Order ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$3, {
+          selected: tabOrderCreate.value,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabOrderCreate.value = $event),
+          tabs: [
+            { name: "Positions", value: "positions" },
+            { name: "Customer", value: "customer" },
+            { name: "Delivery", value: "delivery" },
+            { name: "Payment", value: "payment" }
+          ],
+          class: "t-medium radius-medium bg-light mn-b-small"
+        }, null, 8, ["selected"]),
+        createVNode(_sfc_main$4, {
+          onClosePopup: closeProductsPopup,
+          isPopupOpen: isOpenProductsPopup.value,
+          class: "bg-white flex flex-column radius-big pd-medium pos-relative"
+        }, {
+          default: withCtx(() => [
+            _cache[4] || (_cache[4] = createElementVNode("h3", { class: "mn-b-small" }, "Add to order", -1)),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_sfc_main$5, {
+                showLoadMore: false,
+                search: {
+                  placeholder: "Search products...",
+                  class: "bg-white mn-b-thin"
+                },
+                states: {
+                  empty: {
+                    title: "No Products Found",
+                    description: "Currently, there are no such products available."
+                  },
+                  skeleton: {
+                    hide: true
+                  }
+                },
+                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$6, {
+                      key: product._id,
+                      editable: false,
+                      product,
+                      onClick: () => {
+                        let p = { ...product };
+                        p.quantity = 1;
+                        actions$1.add(state.current.positions, p);
+                        closeProductsPopup();
+                      },
+                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                    }, null, 8, ["product", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        tabOrderCreate.value === "positions" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          title: "Positions",
+          actions: [{
+            label: "+",
+            function: () => openProductsPopup()
+          }],
+          class: "mn-b-small"
+        }, {
+          default: withCtx(() => [
+            state.current.positions.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_4, " No positions added yet ")) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.positions, (product, index) => {
+              return openBlock(), createBlock(_sfc_main$6, {
+                key: product._id,
+                editable: true,
+                product,
+                onIncrease: () => {
+                  actions$1.increment(state.current.positions, product);
+                },
+                onDecrease: () => {
+                  actions$1.decrement(state.current.positions, product);
+                },
+                onRemove: () => {
+                  actions$1.delete(state.current.positions, product);
+                },
+                э: "",
+                onUpdateRentDates: (product2, dates) => mutations.updateRentDates({ positions: state.current.positions, productId: product2._id, dates }),
+                class: "mn-b-thin pd-thin radius-medium bg-white"
+              }, null, 8, ["product", "onIncrease", "onDecrease", "onRemove", "onUpdateRentDates"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"])) : createCommentVNode("", true),
+        tabOrderCreate.value === "customer" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          title: "Customer",
+          class: "mn-b-semi",
+          actions: [{
+            label: "+",
+            function: () => openCustomerPopup()
+          }]
+        }, {
+          default: withCtx(() => [
+            state.current.customer._id ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 0,
+              user: state.current.customer,
+              photo: state.current.customer.profile.photo,
+              name: state.current.customer.profile.name || state.current.customer.phone || state.current.customer.email,
+              onClick: _cache[1] || (_cache[1] = () => {
+                mutations.resetCustomer(state.current.customer);
+              }),
+              class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
+            }, null, 8, ["user", "photo", "name"])) : (openBlock(), createBlock(_sfc_main$5, {
+              key: 1,
+              search: {
+                placeholder: "Search customer...",
+                class: "bg-white mn-b-thin"
+              },
+              states: {
+                empty: {
+                  title: "No Products Found",
+                  description: "Currently, there are no such products available."
+                }
+              },
+              store: {
+                read: (options) => unref(customers).read(options),
+                state: null
+              },
+              options: {
+                owner: unref(route).params._id
+              },
+              class: "bg-light h-max-20r o-scroll"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user, index) => {
+                  return openBlock(), createBlock(_sfc_main$7, {
+                    key: user._id,
+                    user,
+                    photo: user.profile.photo,
+                    name: user.profile.name || user.phone || user.email,
+                    onClick: () => {
+                      state.current.customer = user;
+                    },
+                    class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["user", "photo", "name", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"]))
+          ]),
+          _: 1
+        }, 8, ["actions"])) : createCommentVNode("", true),
+        tabOrderCreate.value === "delivery" ? (openBlock(), createBlock(_sfc_main$8, {
+          key: 2,
+          order: state.current
+        }, null, 8, ["order"])) : createCommentVNode("", true),
+        tabOrderCreate.value === "payment" ? (openBlock(), createBlock(_sfc_main$9, {
+          key: 3,
+          order: state.current
+        }, null, 8, ["order"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$4, {
+          title: "Add customer",
+          onClosePopup: closeCustomerPopup,
+          isPopupOpen: isOpenCustomerPopup.value,
+          class: normalizeClass("bg-white w-min-30r w-max-30r radius-big pd-medium")
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$a, { onCallbackCustomer: closeCustomerPopup })
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$1, { class: "mn-b-semi" }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_5, [
+              _cache[5] || (_cache[5] = createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1)),
+              createElementVNode("span", null, toDisplayString(unref(cartTotalPrice)) + " " + toDisplayString(_ctx.returnCurrency()), 1)
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=OrderCreateBackoffice.vue.js.map

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              globals.actions.add(orders.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"product._id\"\n        :editable=\"true\" \n        :product=\"product\" \n        @increase=\"() => { globals.actions.increment(orders.state.current.positions, product) }\"\n        @decrease=\"() => { globals.actions.decrement(orders.state.current.positions, product) }\"\n        @remove=\"() => { globals.actions.delete(orders.state.current.positions, product) }\"э\n        @updateRentDates=\"(product, dates) => orders.mutations.updateRentDates({ positions: orders.state.current.positions, productId: product._id, dates })\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"  \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as orders from '@martyrs/src/modules/orders/store/orders';\n  import * as products from '@martyrs/src/modules/products/store/products';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  onMounted(() => {\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","auth.state","orders.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsOE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAEvBA,cAAiB,WAAWC,MAAa,OAAO;AAEjD,QAAI,iBAAiB,SAAS,MAAM;AAClC,aAAO,OAAOA,MAAa,QAAQ,UAAU,OAAO,CAAC,OAAO,YAAY;AACtE,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MACxC,GAAE,CAAC,CAAC;AAAA,IACN,CAAA;AAGD,UAAM,iBAAiB,IAAI,WAAW;AAGtC,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAGE,QAAI,QAAQ,IAAI,IAAI;AAEpB,mBAAe,WAAW;AAExBA,YAAa,QAAQ,UAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQC,QAAW,KAAK;AAAA,MAC9B;AAEID,YAAa,QAAQ,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ,MAAM,OAAO;AAAA,MAC3B;AAEIA,YAAa,QAAQ,WAAW;AAAA,QAC9B,MAAM;AAAA,QACN,QAAQA,MAAa,QAAQ,SAAS,OAAO;AAAA,MACnD;AAEI,YAAM,QAAQ,MAAME,UAAe,OAAOF,MAAa,OAAO;AAAA,IAClE;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM,MAAM,KAAK,YAAY,eAAe,wBAAwB;AAAA,QACpE,QAAQ;AAAA,UACN,OAAO,MAAM,MAAM;AAAA,UACnB,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;AAEE,cAAU,MAAM;AAAA,IAKf,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.cjs

@@ -0,0 +1,235 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+;/* empty css                                    */
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const orders = require("../../store/orders.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const CardOrderUser = require("../blocks/CardOrderUser.vue.cjs");
+const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
+const _hoisted_1 = { class: "mobile:pd-thin pd-medium" };
+const _hoisted_2 = { class: "gap-micro flex-nowrap flex" };
+const _hoisted_3 = { class: "w-100 bg-white radius-small pd-small" };
+const _hoisted_4 = { class: "w-100 bg-white radius-small pd-small" };
+const _hoisted_5 = { class: "w-100 bg-white radius-small pd-small" };
+const _hoisted_6 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_7 = { class: "w-100" };
+const _hoisted_8 = { class: "t-truncate" };
+const _hoisted_9 = { class: "w-100 t-right" };
+const _hoisted_10 = { class: "mn-b-thin" };
+const _hoisted_11 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
+const _hoisted_12 = { class: "mn-r-auto" };
+const _hoisted_13 = { class: "t-right" };
+const _hoisted_14 = { class: "t-transp" };
+const _hoisted_15 = { key: 0 };
+const _hoisted_16 = { class: "mn-r-auto" };
+const _hoisted_17 = { class: "t-right" };
+const _hoisted_18 = { class: "t-transp" };
+const _hoisted_19 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_20 = { class: "t-medium mn-r-auto" };
+const _hoisted_21 = { 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_22 = {
+  key: 0,
+  class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
+};
+const _sfc_main = {
+  __name: "Orders",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    vueRouter.useRouter();
+    const spoiler = vue.ref(false);
+    const tab = vue.ref("all");
+    const totalPrice = vue.computed(() => {
+      return calculateTotalSum(orders.state.all);
+    });
+    const totalPriceUnpaid = vue.computed(() => {
+      return calculateSum(orders.state.all, "unpaid");
+    });
+    function calculateTotalSum(orders2) {
+      return orders2.reduce((totalSum, item) => {
+        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);
+      }, 0);
+    }
+    function calculateSum(orders2, status) {
+      return orders2.reduce((totalSum, item) => {
+        if (item.payment.status === status) {
+          return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);
+        }
+        return totalSum;
+      }, 0);
+    }
+    vue.onMounted(async () => {
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(SectionPageTitle.default, {
+          key: 0,
+          title: "Orders",
+          actions: [
+            ...vue.unref(route).meta.context !== "user" ? [{ to: { name: "BackofficeAdminCreateOrder" }, label: "Create Order" }] : []
+          ],
+          class: "mn-b-small"
+        }, null, 8, ["actions"])) : vue.createCommentVNode("", true),
+        vue.unref(route).meta.context !== "user" ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 1,
+          title: "Balance",
+          class: "mn-b-small"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
+                vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_4, [
+                _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
+                vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPriceUnpaid.value)), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_5, [
+                _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
+                vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
+              ])
+            ])
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.createVNode(Feed.default, {
+          search: true,
+          states: {
+            empty: {
+              title: "No Orders Found",
+              description: "Currently, there are no orders."
+            }
+          },
+          store: {
+            read: (options) => orders.actions.read(options)
+          },
+          options: {
+            limit: 15,
+            ...vue.unref(route).meta.context === "organization" && { organization: vue.unref(route).params._id },
+            ...vue.unref(route).meta.context === "user" && { customer: vue.unref(route).params._id },
+            ...tab.value !== "all" && { status: tab.value }
+          },
+          class: "gap-thin cols-3"
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            vue.unref(route).meta.context !== "user" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(items, (order) => {
+              return vue.openBlock(), vue.createBlock(_component_router_link, {
+                to: {
+                  name: vue.unref(route).meta.context === "backoffice" ? "BackofficeOrderEdit" : "OrganizationOrderEdit",
+                  params: vue.unref(route).meta.context === "backoffice" ? { order: order._id } : { order: order._id, organization: order.owner.target || order.owner._id }
+                },
+                class: "bg-light pos-relative pd-medium radius-big"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(CardHeader.default, {
+                    entity: order,
+                    entityType: "order",
+                    user: auth.state.user,
+                    owner: order.creator,
+                    creator: order.creator,
+                    date: order.createdAt,
+                    class: "mn-b-small"
+                  }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createElementVNode("div", _hoisted_7, [
+                      vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(order.delivery.address || "Not specified"), 1)
+                    ]),
+                    vue.createElementVNode("div", _hoisted_9, [
+                      vue.createElementVNode("h3", _hoisted_10, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(orders.getters.getTotal(order.positions)), 1),
+                      vue.createElementVNode("p", null, "#" + vue.toDisplayString(order._id.slice(0, 4) + "..." + order._id.slice(-4)), 1)
+                    ])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_11, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.positions.slice(0, 2), (position, index) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: index,
+                        class: "w-100 flex"
+                      }, [
+                        vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(position.name), 1),
+                        vue.createElementVNode("p", _hoisted_13, [
+                          vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x " + vue.toDisplayString(position.price) + " ", 1),
+                          vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(_ctx.returnCurrency()), 1)
+                        ])
+                      ]);
+                    }), 128)),
+                    vue.createVNode(vue.Transition, { name: "fade" }, {
+                      default: vue.withCtx(() => [
+                        spoiler.value && order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.positions.slice(2), (position, index) => {
+                            return vue.openBlock(), vue.createElementBlock("div", {
+                              key: index + 2,
+                              class: "w-100 flex"
+                            }, [
+                              vue.createElementVNode("p", _hoisted_16, vue.toDisplayString(position.name), 1),
+                              vue.createElementVNode("p", _hoisted_17, [
+                                vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x " + vue.toDisplayString(position.price) + " ", 1),
+                                vue.createElementVNode("span", _hoisted_18, vue.toDisplayString(_ctx.returnCurrency()), 1)
+                              ])
+                            ]);
+                          }), 128))
+                        ])) : vue.createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("button", {
+                      key: 0,
+                      onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => spoiler.value = !spoiler.value, ["prevent"])),
+                      class: "radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
+                    }, vue.toDisplayString(!spoiler.value ? `+${order.positions.length - 2} more` : `Hide`), 1)) : vue.createCommentVNode("", true)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_19, [
+                    vue.createVNode(IconTime.default, {
+                      class: "i-semi t-transp",
+                      fill: "rgb(var(--black)"
+                    }),
+                    vue.createElementVNode("p", _hoisted_20, vue.toDisplayString(_ctx.formatDate(order.deadline)), 1),
+                    vue.createElementVNode("span", _hoisted_21, vue.toDisplayString(order.status), 1),
+                    _cache[4] || (_cache[4] = vue.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))
+                  ]),
+                  order.comment ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
+                    _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
+                    vue.createElementVNode("p", null, vue.toDisplayString(order.comment), 1)
+                  ])) : vue.createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["to"]);
+            }), 256)) : vue.createCommentVNode("", true),
+            vue.unref(route).meta.context === "user" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items, (order) => {
+              return vue.openBlock(), vue.createBlock(_component_router_link, {
+                to: {
+                  name: "UserOrder",
+                  params: {
+                    order: order._id
+                  }
+                }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(CardOrderUser.default, {
+                    orderId: order._id,
+                    status: order.status,
+                    createdAt: order.createdAt,
+                    updatedAt: order.updatedAt,
+                    positions: order.positions,
+                    total: orders.getters.getTotal(order.positions)
+                  }, null, 8, ["orderId", "status", "createdAt", "updatedAt", "positions", "total"])
+                ]),
+                _: 2
+              }, 1032, ["to"]);
+            }), 256)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Orders.vue.cjs.map

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Orders.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\"> \n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        ...(route.meta.context !== 'user' ? [{ to: { name: 'BackofficeAdminCreateOrder'}, label: 'Create Order' }] : [])\n      ]\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\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        ...(route.meta.context === 'organization' && { organization: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: 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-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n          params: route.meta.context === 'backoffice' \n            ? { order: order._id } \n            : { order: order._id, organization: order.owner.target || order.owner._id  }\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\n      <router-link \n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: 'UserOrder', \n          params: { \n            order: order._id \n          }\n        }\" \n      >\n      <CardOrderUser\n        :orderId=\"order._id\"\n        :status=\"order.status\"\n        :createdAt=\"order.createdAt\"\n        :updatedAt=\"order.updatedAt\"\n        :positions=\"order.positions\"\n        :total=\"orders.getters.getTotal(order.positions)\"\n      />\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 '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\n  import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@martyrs/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":["useRoute","useRouter","ref","computed","orders.state","orders","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0ME,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,UAAUC,IAAAA,IAAI,KAAK;AAGzB,UAAM,MAAMA,IAAAA,IAAI,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAAA,MAAa,GAAG;AAAA,IAC7C,CAAG;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,aAAa,KAAI,QAAQ;AAAA,IACjD,CAAG;AAGD,aAAS,kBAAkBC,SAAQ;AACjC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACnF,GAAE,CAAC;AAAA,IACR;AAEE,aAAS,aAAaA,SAAQ,QAAQ;AACpC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QAC1F;AACM,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACR;AAGEC,QAAAA,UAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}