@ozdao/prometheus-framework 0.2.323 → 0.2.325

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs

@@ -1,13 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                    */
+const IconProfile = require("../../../icons/entities/IconProfile.vue.cjs");
+const IconOrders = require("../../../icons/entities/IconOrders.vue.cjs");
 const vueRouter = require("vue-router");
-require("../../../auth/views/store/auth.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
 require("../../../organizations/store/organizations.cjs");
-const _hoisted_1 = { class: "bg-white" };
+const orders = require("../../../orders/store/orders.cjs");
+const _hoisted_1 = { class: "pd-medium bg-white" };
+const _hoisted_2 = { class: "mn-b-medium cols-3 gap-thin" };
+const _hoisted_3 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_4 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_5 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_6 = { class: "cols-2 gap-thin" };
+const _hoisted_7 = { class: "table" };
 const _sfc_main = {
   __name: "Dashboard",
   props: {
@@ -21,7 +32,111 @@ const _sfc_main = {
     vue.onMounted(async () => {
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[10] || (_cache[10] = vue.createElementVNode("h2", { class: "mn-b-small" }, "Overview", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(Block.default, { class: "pos-relative" }, {
+            default: vue.withCtx(() => [
+              _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createVNode(IconProfile.default, { class: "i-semi mn-small" })
+              ]),
+              _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "h3 mn-b-thin" }, "2,453", -1)),
+              _cache[2] || (_cache[2] = vue.createElementVNode("p", null, "Active Members", -1))
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, { class: "pos-relative" }, {
+            default: vue.withCtx(() => [
+              _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(IconOrders.default, { class: "i-semi mn-small" })
+              ]),
+              _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "h3 mn-b-thin" }, "432", -1)),
+              _cache[5] || (_cache[5] = vue.createElementVNode("p", null, "New Orders", -1))
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, { class: "pos-relative" }, {
+            default: vue.withCtx(() => [
+              _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.createVNode(IconProfile.default, { class: "i-semi mn-small" })
+              ]),
+              _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "h3 mn-b-thin" }, "$23,232", -1)),
+              _cache[8] || (_cache[8] = vue.createElementVNode("p", null, "Monthly Revenue", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createVNode(Block.default, {
+            title: "Recent Orders",
+            class: "pos-relative"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(Feed.default, {
+                showLoadMore: false,
+                LoadMore: false,
+                states: {
+                  empty: {
+                    title: "No Events Today",
+                    description: "Currently, there are no events available."
+                  }
+                },
+                store: {
+                  read: (options) => orders.actions.read(options),
+                  state: orders.state
+                },
+                options: {
+                  user: auth.state.user._id,
+                  limit: 5,
+                  page: 1
+                },
+                class: "cols-1 gap-thin"
+              }, {
+                default: vue.withCtx(({
+                  items
+                }) => [
+                  vue.createElementVNode("table", _hoisted_7, [
+                    _cache[9] || (_cache[9] = vue.createElementVNode("thead", null, [
+                      vue.createElementVNode("tr", null, [
+                        vue.createElementVNode("th", null, "Order ID"),
+                        vue.createElementVNode("th", null, "Customer"),
+                        vue.createElementVNode("th", null, "Items"),
+                        vue.createElementVNode("th", null, "Amount"),
+                        vue.createElementVNode("th", null, "Status"),
+                        vue.createElementVNode("th", null, "Date")
+                      ])
+                    ], -1)),
+                    vue.createElementVNode("tbody", null, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (order, index) => {
+                        var _a, _b;
+                        return vue.openBlock(), vue.createElementBlock("tr", {
+                          key: order._id
+                        }, [
+                          vue.createElementVNode("td", null, vue.toDisplayString(order._id), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(order.customer.target.profile.name), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(((_a = order.positions) == null ? void 0 : _a.length) || 0), 1),
+                          vue.createElementVNode("td", null, "$" + vue.toDisplayString((_b = order.amount) == null ? void 0 : _b.toFixed(2)), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(order.status), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(new Date(order.createdAt).toLocaleDateString()), 1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, {
+            title: "Activity Feed",
+            class: "pos-relative"
+          })
+        ])
+      ]);
     };
   }
 };

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;AAgCcA,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAQGC,QAAG,IAAC,IAAI;AACrBA,QAAG,IAAC,EAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;"}
+{"version":3,"file":"Dashboard.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events Today',\n\t            description: 'Currently, there are no events available.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            user: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{ \n\t          items \n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t      \t<table class=\"table\">\n\t\t\t\t    <thead>\n\t\t\t\t      <tr>\n\t\t\t\t        <th>Order ID</th>\n\t\t\t\t        <th>Customer</th>\n\t\t\t\t        <th>Items</th>\n\t\t\t\t        <th>Amount</th>\n\t\t\t\t        <th>Status</th>\n\t\t\t\t        <th>Date</th>\n\t\t\t\t      </tr>\n\t\t\t\t    </thead>\n\t\t\t\t    <tbody>\n\t\t\t\t      <tr v-for=\"(order, index) in items\" :key=\"order._id\">\n\t\t\t\t        <td>{{ order._id }}</td>\n\t\t\t\t        <td>{{ order.customer.target.profile.name }}</td>\n\t\t\t\t        <td>{{ order.positions?.length || 0}}\n\t\t\t\t        </td>\n\t\t\t\t        <td>${{ order.amount?.toFixed(2) }}</td>\n\t\t\t\t        <td>{{ order.status }}</td>\n\t\t\t\t        <td>{{ new Date(order.createdAt).toLocaleDateString() }}</td>\n\t\t\t\t      </tr>\n\t\t\t\t    </tbody>\n\t\t\t\t  </table>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\n\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\nimport * as orders  from '@pf/src/modules/orders/store/orders'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HcA,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAQGC,QAAG,IAAC,IAAI;AACrBA,QAAG,IAAC,EAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js

@@ -1,11 +1,22 @@
-import { ref, onMounted, openBlock, createElementBlock } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, toDisplayString } from "vue";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                  */
+import _sfc_main$2 from "../../../icons/entities/IconProfile.vue.js";
+import _sfc_main$3 from "../../../icons/entities/IconOrders.vue.js";
 import { useRoute, useRouter } from "vue-router";
-import "../../../auth/views/store/auth.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
 import "../../../organizations/store/organizations.js";
-const _hoisted_1 = { class: "bg-white" };
+import { actions, state } from "../../../orders/store/orders.js";
+const _hoisted_1 = { class: "pd-medium bg-white" };
+const _hoisted_2 = { class: "mn-b-medium cols-3 gap-thin" };
+const _hoisted_3 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_4 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_5 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_6 = { class: "cols-2 gap-thin" };
+const _hoisted_7 = { class: "table" };
 const _sfc_main = {
   __name: "Dashboard",
   props: {
@@ -19,7 +30,111 @@ const _sfc_main = {
     onMounted(async () => {
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[10] || (_cache[10] = createElementVNode("h2", { class: "mn-b-small" }, "Overview", -1)),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, { class: "pos-relative" }, {
+            default: withCtx(() => [
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$2, { class: "i-semi mn-small" })
+              ]),
+              _cache[1] || (_cache[1] = createElementVNode("p", { class: "h3 mn-b-thin" }, "2,453", -1)),
+              _cache[2] || (_cache[2] = createElementVNode("p", null, "Active Members", -1))
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, { class: "pos-relative" }, {
+            default: withCtx(() => [
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_sfc_main$3, { class: "i-semi mn-small" })
+              ]),
+              _cache[4] || (_cache[4] = createElementVNode("p", { class: "h3 mn-b-thin" }, "432", -1)),
+              _cache[5] || (_cache[5] = createElementVNode("p", null, "New Orders", -1))
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, { class: "pos-relative" }, {
+            default: withCtx(() => [
+              _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              createElementVNode("div", _hoisted_5, [
+                createVNode(_sfc_main$2, { class: "i-semi mn-small" })
+              ]),
+              _cache[7] || (_cache[7] = createElementVNode("p", { class: "h3 mn-b-thin" }, "$23,232", -1)),
+              _cache[8] || (_cache[8] = createElementVNode("p", null, "Monthly Revenue", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(_sfc_main$1, {
+            title: "Recent Orders",
+            class: "pos-relative"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                showLoadMore: false,
+                LoadMore: false,
+                states: {
+                  empty: {
+                    title: "No Events Today",
+                    description: "Currently, there are no events available."
+                  }
+                },
+                store: {
+                  read: (options) => actions.read(options),
+                  state
+                },
+                options: {
+                  user: state$1.user._id,
+                  limit: 5,
+                  page: 1
+                },
+                class: "cols-1 gap-thin"
+              }, {
+                default: withCtx(({
+                  items
+                }) => [
+                  createElementVNode("table", _hoisted_7, [
+                    _cache[9] || (_cache[9] = createElementVNode("thead", null, [
+                      createElementVNode("tr", null, [
+                        createElementVNode("th", null, "Order ID"),
+                        createElementVNode("th", null, "Customer"),
+                        createElementVNode("th", null, "Items"),
+                        createElementVNode("th", null, "Amount"),
+                        createElementVNode("th", null, "Status"),
+                        createElementVNode("th", null, "Date")
+                      ])
+                    ], -1)),
+                    createElementVNode("tbody", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(items, (order, index) => {
+                        var _a, _b;
+                        return openBlock(), createElementBlock("tr", {
+                          key: order._id
+                        }, [
+                          createElementVNode("td", null, toDisplayString(order._id), 1),
+                          createElementVNode("td", null, toDisplayString(order.customer.target.profile.name), 1),
+                          createElementVNode("td", null, toDisplayString(((_a = order.positions) == null ? void 0 : _a.length) || 0), 1),
+                          createElementVNode("td", null, "$" + toDisplayString((_b = order.amount) == null ? void 0 : _b.toFixed(2)), 1),
+                          createElementVNode("td", null, toDisplayString(order.status), 1),
+                          createElementVNode("td", null, toDisplayString(new Date(order.createdAt).toLocaleDateString()), 1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, {
+            title: "Activity Feed",
+            class: "pos-relative"
+          })
+        ])
+      ]);
     };
   }
 };

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;AAgCc,aAAU;AACT,cAAW;AAQG,QAAI,IAAI;AACrB,QAAI,EAAE;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;"}
+{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events Today',\n\t            description: 'Currently, there are no events available.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            user: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{ \n\t          items \n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t      \t<table class=\"table\">\n\t\t\t\t    <thead>\n\t\t\t\t      <tr>\n\t\t\t\t        <th>Order ID</th>\n\t\t\t\t        <th>Customer</th>\n\t\t\t\t        <th>Items</th>\n\t\t\t\t        <th>Amount</th>\n\t\t\t\t        <th>Status</th>\n\t\t\t\t        <th>Date</th>\n\t\t\t\t      </tr>\n\t\t\t\t    </thead>\n\t\t\t\t    <tbody>\n\t\t\t\t      <tr v-for=\"(order, index) in items\" :key=\"order._id\">\n\t\t\t\t        <td>{{ order._id }}</td>\n\t\t\t\t        <td>{{ order.customer.target.profile.name }}</td>\n\t\t\t\t        <td>{{ order.positions?.length || 0}}\n\t\t\t\t        </td>\n\t\t\t\t        <td>${{ order.amount?.toFixed(2) }}</td>\n\t\t\t\t        <td>{{ order.status }}</td>\n\t\t\t\t        <td>{{ new Date(order.createdAt).toLocaleDateString() }}</td>\n\t\t\t\t      </tr>\n\t\t\t\t    </tbody>\n\t\t\t\t  </table>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\n\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\nimport * as orders  from '@pf/src/modules/orders/store/orders'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6Hc,aAAU;AACT,cAAW;AAQG,QAAI,IAAI;AACrB,QAAI,EAAE;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
-const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                    */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");
+const IconPayments = require("../../../icons/entities/IconPayments.vue.cjs");
 const IconEvents = require("../../../icons/entities/IconEvents.vue.cjs");
 const IconGroups = require("../../../icons/entities/IconGroups.vue.cjs");
+const IconCommunity = require("../../../icons/entities/IconCommunity.vue.cjs");
 const IconGallery = require("../../../icons/entities/IconGallery.vue.cjs");
 const IconOrders = require("../../../icons/entities/IconOrders.vue.cjs");
 const IconLeftovers = require("../../../icons/entities/IconLeftovers.vue.cjs");
@@ -14,6 +14,11 @@ const vueRouter = require("vue-router");
 require("../../../auth/views/store/auth.cjs");
 require("../../../organizations/store/organizations.cjs");
 const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "pd-semi" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "t-medium" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "t-medium" };
 const _sfc_main = {
   __name: "Sidebar",
   props: {
@@ -24,171 +29,115 @@ const _sfc_main = {
     const router = vueRouter.useRouter();
     vue.ref(null);
     vue.ref([]);
+    const menuItems = [
+      {
+        name: "organizations",
+        title: "Organizations",
+        routeName: "Backoffice Organizations",
+        icon: IconGroups.default
+      },
+      {
+        name: "community",
+        title: "Community",
+        routeName: "Backoffice Community",
+        icon: IconCommunity.default
+      },
+      {
+        name: "products",
+        title: "Products",
+        routeName: "Products",
+        icon: IconProducts.default
+      },
+      {
+        name: "leftovers",
+        title: "Leftovers",
+        routeName: "Leftovers",
+        icon: IconLeftovers.default
+      },
+      {
+        name: "orders",
+        title: "Orders",
+        routeName: "Backoffice Orders",
+        icon: IconOrders.default
+      },
+      {
+        name: "gallery",
+        title: "Gallery",
+        routeName: "Backoffice Gallery",
+        icon: IconGallery.default
+      },
+      {
+        name: "events",
+        title: "Events",
+        routeName: "BackofficeEvents Backoffice",
+        icon: IconEvents.default
+      }
+    ];
+    const generalItems = [
+      {
+        name: "payments",
+        title: "Payments",
+        routeName: "Payments",
+        icon: IconPayments.default
+      },
+      {
+        name: "users",
+        title: "Users",
+        routeName: "Users",
+        icon: null
+      },
+      {
+        name: "pages",
+        title: "Pages",
+        routeName: "Backoffice Pages",
+        icon: null
+      },
+      {
+        name: "reports",
+        title: "Reports",
+        routeName: "Backoffice Reports",
+        icon: null
+      }
+    ];
     vue.onMounted(async () => {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(Menu.default, { class: "bg-light mn-b-semi" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({
-                name: "Organization Members"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconGroups.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[11] || (_cache[11] = vue.createElementVNode("span", null, " Members ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({
-                name: "Backoffice Community"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                vue.createElementVNode("span", null, " Community ", -1)
-              ])),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(router).push({
-                name: "Products"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconProducts.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[13] || (_cache[13] = vue.createElementVNode("span", null, " Products ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(router).push({
-                name: "Leftovers"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconLeftovers.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[14] || (_cache[14] = vue.createElementVNode("span", null, " Leftovers ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[4] || (_cache[4] = ($event) => vue.unref(router).push({
-                name: "Backoffice Orders"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconOrders.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[15] || (_cache[15] = vue.createElementVNode("span", null, " Orders ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[5] || (_cache[5] = ($event) => vue.unref(router).push({
-                name: "Backoffice Gallery"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconGallery.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[16] || (_cache[16] = vue.createElementVNode("span", null, " Gallery ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(router).push({
-                name: "Backoffice Events"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconEvents.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[17] || (_cache[17] = vue.createElementVNode("span", null, " Events ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(router).push({
-                name: "Payments"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[18] || (_cache[18] = [
-                vue.createElementVNode("span", null, " Payments ", -1)
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        vue.createVNode(Menu.default, { class: "bg-light" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[8] || (_cache[8] = ($event) => vue.unref(router).push({
-                name: "Backoffice Organizations"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[19] || (_cache[19] = [
-                vue.createElementVNode("span", null, " Organizations ", -1)
-              ])),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[9] || (_cache[9] = ($event) => vue.unref(router).push({
-                name: "Backoffice Pages"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[20] || (_cache[20] = [
-                vue.createElementVNode("span", null, " Pages ", -1)
-              ])),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[10] || (_cache[10] = ($event) => vue.unref(router).push({
-                name: "Backoffice Reports"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[21] || (_cache[21] = [
-                vue.createElementVNode("span", null, " Reports ", -1)
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
+        _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "br-b h3 h-4r pd-semi br-solid br-black-transp-10" }, "Backoffice", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "pd-thin uppercase t-medium t-transp" }, "Menu", -1)),
+          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItems, (item) => {
+            return vue.createElementVNode("div", {
+              key: item.name,
+              onClick: ($event) => vue.unref(router).push({ name: item.routeName }),
+              class: "flex pd-thin flex-v-center cursor-pointer"
+            }, [
+              item.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                key: 0,
+                class: "i-regular mn-r-thin",
+                icon: true,
+                fill: "rgba(var(--black),0.25)"
+              })) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.title), 1)
+            ], 8, _hoisted_3);
+          }), 64)),
+          _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase t-medium t-transp" }, "General", -1)),
+          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(generalItems, (item) => {
+            return vue.createElementVNode("div", {
+              key: item.name,
+              onClick: ($event) => vue.unref(router).push({ name: item.routeName }),
+              class: "flex pd-thin flex-v-center cursor-pointer"
+            }, [
+              item.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                key: 0,
+                class: "i-regular mn-r-thin",
+                icon: true,
+                fill: "rgba(var(--black),0.25)"
+              })) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(item.title), 1)
+            ], 8, _hoisted_5);
+          }), 64))
+        ])
       ]);
     };
   }