@ozdao/prometheus-framework 0.1.24 → 0.1.26

package/dist/BackofficeGallery-0e0132f5.mjs

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

package/dist/BackofficeGallery-a52a27b6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./Button-ee08e6bf.js"),q=require("./Select-b9299fb6.js"),C=require("./index-7ecbf72a.js"),D=require("./vue-draggable-next.esm-bundler-80731ae0.js"),M=require("./UploadImageMultiple-297b3897.js"),j=require("./_plugin-vue_export-helper-f246444f.js");require("./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-0ea8fbf8.js");const G=process.env.API_URL,V=C.axios.create({baseURL:G,withCredentials:!0}),u=e.reactive({gallery:[]}),v={async fetchGallery(a,t){const c=[];a&&c.push(`page=${a}`),t&&c.push(`limit=${t}`);const o=`/api/gallery${c.length?`?${c.join("&")}`:""}`;try{const s=await V.get(o);if(console.log(s),s&&s.data)return u.gallery=[...u.gallery,...s.data],s.data}catch(s){throw console.error("Error fetching gallery:",s),s}},async createPhoto(a){try{const t=await V.post("/api/gallery/create",a);console.log(t.data),u.gallery=[...t.data,...u.gallery]}catch(t){console.error(t)}},async updatePhoto(a){try{const t={...a,categories:typeof a.categories=="string"?a.categories.split(",").map(s=>s.trim()):a.categories},c=await C.axios.post("/api/gallery/update",t),o=u.gallery.findIndex(s=>s._id===a._id);o!==-1&&(u.gallery[o]=c.data)}catch(t){console.error(t)}},async deletePhoto(a){try{const t=await V.post(`/api/gallery/delete/${a}`),c=u.gallery.findIndex(o=>o._id===a);c!==-1&&u.gallery.splice(c,1)}catch(t){console.error(t)}}};const L={class:"pos-relative"},R=["src"],T=["onClick"],A={__name:"EditImages",props:{images:Array},emits:["update"],setup(a,{emit:t}){const c=a,o=e.ref([...c.images]);e.watchEffect(()=>{o.value=[...c.images]});const s=()=>{t("update:images",o.value)},_=i=>{o.value=[...o.value,...i],s()},h=i=>{o.value.splice(i,1),s()};return(i,f)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(M._sfc_main,{"onUpdate:images":_,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),e.createVNode(e.unref(D.VueDraggableNext),{class:"gap-small flex dragArea list-group w-full",modelValue:o.value,"onUpdate:modelValue":f[0]||(f[0]=m=>o.value=m),onChange:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(m,E)=>(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("img",{class:"i-extra radius-small o-hidden mn-thin",src:(i.FILE_SERVER_URL||"")+m},null,8,R),e.createElementVNode("a",{onClick:p=>h(E),class:"pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"},"X",8,T)]))),256))]),_:1},8,["modelValue"])]))}};const b=a=>(e.pushScopeId("data-v-26ef6b15"),a=a(),e.popScopeId(),a),F={class:"pos-relative w-100"},O={class:"w-100 o-hidden"},H={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},X=["data-id"],J=["src","onClick"],K={key:1,class:"pd-small radius-small bg-white"},Q=["src","onClick"],W={class:"t-black p-small mn-small"},Y=b(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),Z=b(()=>e.createElementVNode("br",null,null,-1)),ee={class:"pd-2px radius-big d-inline-block bg-grey"},te={class:"t-black p-small mn-small uppe"},le=b(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),ae=b(()=>e.createElementVNode("br",null,null,-1)),oe={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},se={class:"flex-nowrap flex"},ne=["onClick"],ce={class:"modal pd-thin"},re={class:"modal-content radius-big"},ie={class:""},de=["src"],ue={key:0,class:"flex-v-center flex m modal pd-big"},me={class:"modal-content radius-small pd-medium bg-white"},pe=["src"],ge=["src"],ve={__name:"BackofficeGallery",setup(a){const t=e.ref(!0),c=e.ref(null);let o=1;const s=10;let _=e.ref(null),h=e.ref(!1);const i=e.ref([]),f=r=>{i.value=r},m=e.computed(()=>x.value==="all"?u.gallery:u.gallery.filter(r=>r.categories.includes(x.value))),E=async()=>{h.value=!0,await v.fetchGallery(o,s),h.value=!1},p=e.ref(null),l=e.ref({categories:"",size:"",image:!1}),y=e.ref(null),w=r=>{console.log(t.value),t.value?I(r):(p.value="modal",l.value.image=r,N())},I=r=>{p.value="edit-modal",l.value=r||{categories:"",size:"",image:null},N()},g=()=>{l.value={categories:"",size:"",image:!1},y.value=null,S()},N=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},S=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},$=[{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"}],P=async r=>{await v.deletePhoto(r)},z=async()=>{await v.updatePhoto(l.value),g()},U=async r=>{if(i.length<1||!l.value.categories||!l.value.size){console.error("All fields are required.");return}await v.createPhoto({images:i.value,size:l.value.size,categories:typeof l.value.categories=="string"?l.value.categories.split(",").map(d=>d.trim()):l.value.categories}),g()};let x=e.ref("all");return e.onMounted(async()=>{await v.fetchGallery(o,s),typeof window<"u"&&new IntersectionObserver(d=>{d.some(n=>n.isIntersecting)&&(o+=1,E())}).observe(_.value)}),(r,d)=>(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",O,[e.createElementVNode("div",H,[t.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:d[0]||(d[0]=n=>w(null)),class:"mn-r-small t-white t-black bg-second button-small button"},"Add photos +")):e.createCommentVNode("",!0)])]),e.createElementVNode("div",{ref_key:"grid",ref:c,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(n,he)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"data-id":n.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[!t.value&&c.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+n.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:k=>w(n.image)},null,8,J)):(e.openBlock(),e.createElementBlock("div",K,[e.createTextVNode(e.toDisplayString(n._id)+" ",1),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+n.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:k=>w(n)},null,8,Q),e.createElementVNode("p",W,[Y,Z,e.createElementVNode("span",ee,e.toDisplayString(n.size.name),1)]),e.createElementVNode("p",te,[le,ae,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.categories,k=>(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(k),1))),256))]),e.createElementVNode("div",se,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:k=>P(n._id)},"Delete",8,ne)])]))]),_:2},1024)],8,X))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:_,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",ce,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,[e.createElementVNode("span",{class:"close",onClick:g},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.value.image},null,8,de)])])],512),[[e.vShow,l.value.image!==!1&&p.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[l.value.image!==!1&&p.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",me,[e.createElementVNode("span",{class:"close",onClick:g},"×"),typeof y.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:y.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,pe)):e.createCommentVNode("",!0),typeof y.value=="object"&&l.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+l.value.cover},null,8,ge)):e.createCommentVNode("",!0),e.createVNode(q.Select,{options:$,label:"Size",select:l.value.size,"onUpdate:select":d[1]||(d[1]=n=>l.value.size=n),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(B.Field,{field:l.value.categories,"onUpdate:field":d[2]||(d[2]=n=>l.value.categories=n),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"]),e.createVNode(A,{images:i.value,"onUpdate:images":f,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(B._sfc_main,{submit:l.value._id?z:U,callback:g,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},_e=j._export_sfc(ve,[["__scopeId","data-v-26ef6b15"]]);exports.default=_e;