@ozdao/prometheus-framework 0.1.40 → 0.1.42

package/src/components/Sidebar/Sidebar.vue

@@ -1,13 +1,18 @@
 <template>
-  <div :class="['sidebar t-black bg-grey', stateSidebar ? 'open' : '']">
-    <div class="sidebar-content">
+  <div 
+    :class="['sidebar t-black bg-grey', stateSidebar ? 'open' : '']"
+  >
+    <div 
+      class="sidebar-content"
+    >
       <slot></slot>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, } from 'vue';
+import { ref } from 'vue';
+
 import { useRoute, useRouter } from 'vue-router'
 
 const router  = useRouter()
@@ -16,7 +21,6 @@ const route   = useRoute()
 const isOpen = ref(false);
 
 const props = defineProps(['stateSidebar'])
-
 </script>
 
 <style scoped>
@@ -31,12 +35,6 @@ const props = defineProps(['stateSidebar'])
   z-index: 1000;
 }
 
-.active {
-
-}
-
-
-
 .sidebar.open {
   left: 0;
 }

package/src/modules/backoffice/components/admin/ProductEdit.vue

@@ -61,7 +61,6 @@
 <script setup>
 	// Import libs
 	import { reactive, computed, onMounted, toRefs } from 'vue'
-	import { useStore } from 'vuex'
 	import { useRoute, useRouter } from 'vue-router'
 	// Import components
 	import EditProductInfo from '@/components/sections/product/EditProductInfo.vue';
@@ -71,7 +70,6 @@
   import EditModifications from '@/components/sections/product/EditModifications.vue';
   
 	// Accessing router and store
-	const store = useStore()
 	const route = useRoute()
 	const router = useRouter()
 

package/src/modules/products/components/sections/FilterProducts.vue

@@ -82,8 +82,10 @@
 
 <script setup>
 import { ref, watch } from 'vue'
+
 import Spoiler from "@pf/src/components/Spoiler/Spoiler.vue"
 import Checkbox from "@pf/src/components/Checkbox/Checkbox.vue"
+
 import { useI18n } from 'vue-i18n'
 
 import * as categories from '@pf/src/modules/products/store/categories';

package/src/modules/products/components/sections/SortProducts.vue

@@ -28,8 +28,6 @@ import { ref, watch } from 'vue'
 
 import { useI18n }    from 'vue-i18n'
 
-
-// Пропсы и данные, которые вы передаёте в компонент
 const props = defineProps({
   categories: Array,
   prices: Array,

package/src/modules/products/store/categories.js

@@ -1,12 +1,12 @@
-import { reactive, watch, computed } from "vue";
-
-import Cookies from "js-cookie";
-import axios from "axios";
-
-import { setError } from "@pf/src/modules/globals/store/globals";
-
-const clientUrl = process.env.API_URL;
-const $axios = axios.create({ baseURL: clientUrl, withCredentials: true });
+/////////////////////////////
+// DEPENDENCIES
+/////////////////////////////
+import { reactive, watch, computed  } from "vue";
+import axios from 'axios';
+// Globals 
+import { setError }   from '@pf/src/modules/globals/store/globals'
+// Setup Axios
+const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) 
 
 const state = reactive({
   all: [],

package/src/modules/products/store/leftovers.js

@@ -1,9 +1,12 @@
-import { reactive, watch } from "vue";
-import axios from "axios";
-import { setError } from "@pf/src/modules/globals/store/globals";
-
-const clientUrl = process.env.API_URL;
-const $axios = axios.create({ baseURL: clientUrl, withCredentials: true });
+/////////////////////////////
+// DEPENDENCIES
+/////////////////////////////
+import { reactive, watch, computed  } from "vue";
+import axios from 'axios';
+// Globals 
+import { setError }   from '@pf/src/modules/globals/store/globals'
+// Setup Axios
+const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) 
 
 const state = reactive({
   all: [],

package/src/modules/products/store/products.js

@@ -2,8 +2,6 @@
 // DEPENDENCIES
 /////////////////////////////
 import { reactive, watch, computed  } from "vue";
-// Dependencies
-import Cookies from 'js-cookie'
 import axios from 'axios';
 // Globals 
 import { setError }   from '@pf/src/modules/globals/store/globals'

package/dist/BackofficeGallery-02c9721b.mjs

@@ -1,304 +0,0 @@
-import { reactive as q, ref as p, watchEffect as X, openBlock as r, createElementBlock as c, createVNode as _, unref as R, withCtx as b, Fragment as G, renderList as M, createElementVNode as e, computed as H, onMounted as J, createCommentVNode as S, Transition as z, toDisplayString as U, withDirectives as K, vShow as Q, createTextVNode as W, pushScopeId as Y, popScopeId as Z } from "vue";
-import { F as ee, _ as te } from "./Button-c59d387c.mjs";
-import { S as ae } from "./Select-11ddabf5.mjs";
-import { a as L } from "./index-a661083c.mjs";
-import { V as se } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
-import { _ as le } from "./UploadImageMultiple-cb6c7188.mjs";
-import { _ as oe } from "./_plugin-vue_export-helper-dad06003.mjs";
-import "./Button.vue_vue_type_style_index_0_lang-4ed993c7.mjs";
-const ie = process.env.API_URL, V = L.create({ baseURL: ie, withCredentials: !0 }), g = q({
-  gallery: []
-}), y = {
-  async fetchGallery(s, t) {
-    const n = [];
-    s && n.push(`page=${s}`), t && n.push(`limit=${t}`);
-    const l = `/api/gallery${n.length ? `?${n.join("&")}` : ""}`;
-    try {
-      const o = await V.get(l);
-      if (console.log(o), o && o.data)
-        return g.gallery = [...g.gallery, ...o.data], o.data;
-    } catch (o) {
-      throw console.error("Error fetching gallery:", o), o;
-    }
-  },
-  async createPhoto(s) {
-    try {
-      const t = await V.post("/api/gallery/create", s);
-      console.log(t.data), g.gallery = [...t.data, ...g.gallery];
-    } catch (t) {
-      console.error(t);
-    }
-  },
-  async updatePhoto(s) {
-    try {
-      const t = {
-        ...s,
-        categories: typeof s.categories == "string" ? s.categories.split(",").map((o) => o.trim()) : s.categories
-      }, n = await L.post("/api/gallery/update", t), l = g.gallery.findIndex((o) => o._id === s._id);
-      l !== -1 && (g.gallery[l] = n.data);
-    } catch (t) {
-      console.error(t);
-    }
-  },
-  async deletePhoto(s) {
-    try {
-      const t = await V.post(`/api/gallery/delete/${s}`), n = g.gallery.findIndex((l) => l._id === s);
-      n !== -1 && g.gallery.splice(n, 1);
-    } catch (t) {
-      console.error(t);
-    }
-  }
-};
-const ne = { class: "pos-relative" }, re = ["src"], ce = ["onClick"], de = {
-  __name: "EditImages",
-  props: {
-    images: Array
-  },
-  emits: ["update"],
-  setup(s, { emit: t }) {
-    const n = s, l = p([...n.images]);
-    X(() => {
-      l.value = [...n.images];
-    });
-    const o = () => {
-      t("update:images", l.value);
-    }, k = (u) => {
-      l.value = [...l.value, ...u], o();
-    }, x = (u) => {
-      l.value.splice(u, 1), o();
-    };
-    return (u, C) => (r(), c("div", null, [
-      _(le, {
-        "onUpdate:images": k,
-        uploadPath: "photos",
-        class: "mn-semi pd-small w-100 button bg-black t-white"
-      }),
-      _(R(se), {
-        class: "gap-small flex dragArea list-group w-full",
-        modelValue: l.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (v) => l.value = v),
-        onChange: o
-      }, {
-        default: b(() => [
-          (r(!0), c(G, null, M(l.value, (v, E) => (r(), c("div", ne, [
-            e("img", {
-              class: "i-extra radius-small o-hidden mn-thin",
-              src: (u.FILE_SERVER_URL || "") + v
-            }, null, 8, re),
-            e("a", {
-              onClick: (h) => x(E),
-              class: "pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"
-            }, "X", 8, ce)
-          ]))), 256))
-        ]),
-        _: 1
-      }, 8, ["modelValue"])
-    ]));
-  }
-};
-const w = (s) => (Y("data-v-d6a1c805"), s = s(), Z(), s), ue = { class: "pos-relative w-100" }, me = { class: "mn-semi flex-v-center flex-nowrap flex" }, pe = /* @__PURE__ */ w(() => /* @__PURE__ */ e("h1", { class: "mn-r-small" }, "Manage Gallery", -1)), ge = ["data-id"], _e = ["src", "onClick"], ve = {
-  key: 1,
-  class: "radius-small bg-white"
-}, he = ["src", "onClick"], fe = { class: "t-black p-small mn-thin" }, ye = /* @__PURE__ */ w(() => /* @__PURE__ */ e("span", { class: "uppercase t-transp" }, "Size", -1)), be = /* @__PURE__ */ w(() => /* @__PURE__ */ e("br", null, null, -1)), we = { class: "pd-2px radius-big d-inline-block bg-grey" }, ke = { class: "t-black p-small mn-small uppe" }, xe = /* @__PURE__ */ w(() => /* @__PURE__ */ e("span", { class: "uppercase t-transp" }, "Categories", -1)), Ce = /* @__PURE__ */ w(() => /* @__PURE__ */ e("br", null, null, -1)), Ie = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, $e = { class: "flex-nowrap flex" }, Se = ["onClick"], Ee = { class: "modal pd-thin" }, Pe = { class: "modal-content radius-big" }, ze = { class: "" }, Ue = ["src"], Ve = {
-  key: 0,
-  class: "flex-v-center flex m modal pd-big"
-}, Ge = { class: "modal-content radius-small pd-medium bg-white" }, Me = ["src"], je = ["src"], Be = {
-  __name: "BackofficeGallery",
-  setup(s) {
-    const t = p(!0), n = p(null);
-    let l = 1;
-    const o = 10;
-    let k = p(null), x = p(!1);
-    const u = p([]), C = (d) => {
-      u.value = d;
-    }, v = H(() => B.value === "all" ? g.gallery : g.gallery.filter((d) => d.categories.includes(B.value))), E = async () => {
-      x.value = !0, await y.fetchGallery(l, o), x.value = !1;
-    }, h = p(null), a = p({
-      categories: "",
-      size: "",
-      image: !1
-    }), I = p(null), P = (d) => {
-      console.log(t.value), t.value ? N(d) : (h.value = "modal", a.value.image = d, j());
-    }, N = (d) => {
-      h.value = "edit-modal", a.value = d || {
-        categories: "",
-        size: "",
-        image: null
-      }, j();
-    }, f = () => {
-      a.value = {
-        categories: "",
-        size: "",
-        image: !1
-      }, I.value = null, A();
-    }, j = () => {
-      document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden";
-    }, A = () => {
-      document.body.style.overflow = "", document.documentElement.style.overflow = "";
-    }, D = [
-      { name: "Small", value: "" },
-      { name: "Regular", value: "grid-item--width1 grid-item--height1" },
-      { name: "Medium", value: "grid-item--width2 grid-item--height2" },
-      { name: "Big", value: "grid-item--width3 grid-item--height3" }
-    ], F = async (d) => {
-      await y.deletePhoto(d);
-    }, O = async () => {
-      await y.updatePhoto(a.value), f();
-    }, T = async (d) => {
-      if (u.length < 1 || !a.value.categories || !a.value.size) {
-        console.error("All fields are required.");
-        return;
-      }
-      await y.createPhoto({
-        images: u.value,
-        size: a.value.size,
-        categories: typeof a.value.categories == "string" ? a.value.categories.split(",").map((m) => m.trim()) : a.value.categories
-      }), f();
-    };
-    let B = p("all");
-    return J(async () => {
-      await y.fetchGallery(l, o), typeof window < "u" && new IntersectionObserver((m) => {
-        m.some((i) => i.isIntersecting) && (l += 1, E());
-      }).observe(k.value);
-    }), (d, m) => (r(), c("div", ue, [
-      e("div", me, [
-        pe,
-        t.value ? (r(), c("button", {
-          key: 0,
-          onClick: m[0] || (m[0] = (i) => P(null)),
-          class: "t-white t-black bg-second i-big radius-extra"
-        }, "+")) : S("", !0)
-      ]),
-      e("div", {
-        ref_key: "grid",
-        ref: n,
-        class: "cols-4 gap-thin"
-      }, [
-        (r(!0), c(G, null, M(R(v), (i, Re) => (r(), c("div", {
-          key: i.id,
-          "data-id": i.id
-        }, [
-          _(z, {
-            name: "scaleIn",
-            mode: "in-out"
-          }, {
-            default: b(() => [
-              !t.value && n.value ? (r(), c("img", {
-                key: 0,
-                src: "https://thecommunephuket.com/photos/" + i.cover,
-                class: "w-100 h-100 o-hidden radius-medium object-fit-cover",
-                onClick: ($) => P(i.image)
-              }, null, 8, _e)) : (r(), c("div", ve, [
-                e("img", {
-                  src: "https://thecommunephuket.com/photos/" + i.cover,
-                  class: "w-100 radius-small mn-small h-10r object-fit-cover",
-                  onClick: ($) => P(i)
-                }, null, 8, he),
-                e("p", fe, [
-                  ye,
-                  be,
-                  e("span", we, U(i.size.name), 1)
-                ]),
-                e("p", ke, [
-                  xe,
-                  Ce,
-                  (r(!0), c(G, null, M(i.categories, ($) => (r(), c("span", Ie, U($), 1))), 256))
-                ]),
-                e("div", $e, [
-                  e("button", {
-                    class: "button-small w-100 button",
-                    onClick: ($) => F(i._id)
-                  }, "Delete", 8, Se)
-                ])
-              ]))
-            ]),
-            _: 2
-          }, 1024)
-        ], 8, ge))), 128)),
-        e("div", {
-          ref_key: "sentinel",
-          ref: k,
-          class: "sentinel"
-        }, null, 512),
-        _(z, { name: "modal" }, {
-          default: b(() => [
-            K(e("div", Ee, [
-              e("div", Pe, [
-                e("div", ze, [
-                  e("span", {
-                    class: "close",
-                    onClick: f
-                  }, "×"),
-                  e("img", {
-                    src: "https://thecommunephuket.com/photos/" + a.value.image
-                  }, null, 8, Ue)
-                ])
-              ])
-            ], 512), [
-              [Q, a.value.image !== !1 && h.value === "modal"]
-            ])
-          ]),
-          _: 1
-        }),
-        _(z, { name: "modal" }, {
-          default: b(() => [
-            a.value.image !== !1 && h.value === "edit-modal" ? (r(), c("div", Ve, [
-              e("div", Ge, [
-                e("span", {
-                  class: "close",
-                  onClick: f
-                }, "×"),
-                typeof I.value == "string" ? (r(), c("img", {
-                  key: 0,
-                  src: I.value,
-                  class: "radius-small w-100 mn-small h-20r object-fit-cover"
-                }, null, 8, Me)) : S("", !0),
-                typeof I.value == "object" && a.value.image !== null ? (r(), c("img", {
-                  key: 1,
-                  class: "radius-small w-100 mn-small h-20r object-fit-cover",
-                  src: "/photos/" + a.value.cover
-                }, null, 8, je)) : S("", !0),
-                _(ae, {
-                  options: D,
-                  label: "Size",
-                  select: a.value.size,
-                  "onUpdate:select": m[1] || (m[1] = (i) => a.value.size = i),
-                  placeholder: "Select Size",
-                  class: "bg-grey pd-thin radius-small mn-thin t-black"
-                }, null, 8, ["select"]),
-                _(ee, {
-                  field: a.value.categories,
-                  "onUpdate:field": m[2] || (m[2] = (i) => a.value.categories = i),
-                  type: "text",
-                  label: "Categories",
-                  placeholder: "Enter categories for image (comma separated)",
-                  class: "bg-grey pd-thin radius-small mn-medium t-black"
-                }, null, 8, ["field"]),
-                _(de, {
-                  images: u.value,
-                  "onUpdate:images": C,
-                  uploadPath: "photos",
-                  class: "mn-semi"
-                }, null, 8, ["images"]),
-                _(te, {
-                  submit: a.value._id ? O : T,
-                  callback: f,
-                  class: "mn-thin"
-                }, {
-                  default: b(() => [
-                    W(U(a.value._id ? "Update" : "Create"), 1)
-                  ]),
-                  _: 1
-                }, 8, ["submit"])
-              ])
-            ])) : S("", !0)
-          ]),
-          _: 1
-        })
-      ], 512)
-    ]));
-  }
-}, Xe = /* @__PURE__ */ oe(Be, [["__scopeId", "data-v-d6a1c805"]]);
-export {
-  Xe as default
-};