@ozdao/prometheus-framework 0.1.20 → 0.1.22

package/dist/BackofficeGallery-08d96af1.mjs

@@ -0,0 +1,305 @@
+import { reactive as X, ref as p, watchEffect as H, openBlock as c, createElementBlock as r, 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 { a as L, F as ee, _ as te } from "./index-9128ade5.mjs";
+import { S as se } from "./Select-90d4b7c8.mjs";
+import { V as le } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import { _ as ae } from "./UploadImageMultiple-ebcc51e6.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" }, ce = ["src"], re = ["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) => (c(), r("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(() => [
+          (c(!0), r(G, null, j(a.value, (v, P) => (c(), r("div", ne, [
+            e("img", {
+              class: "i-extra radius-small o-hidden mn-thin",
+              src: (u.FILE_SERVER_URL || "") + v
+            }, null, 8, ce),
+            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, re)
+          ]))), 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) => (c(), r("div", ue, [
+      e("div", me, [
+        e("div", pe, [
+          t.value ? (c(), r("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"
+      }, [
+        (c(!0), r(G, null, j(A(v), (i, Re) => (c(), r("div", {
+          key: i.id,
+          "data-id": i.id
+        }, [
+          _(U, {
+            name: "scaleIn",
+            mode: "in-out"
+          }, {
+            default: b(() => [
+              !t.value && n.value ? (c(), r("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)) : (c(), r("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,
+                  (c(!0), r(G, null, j(i.categories, (I) => (c(), r("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" ? (c(), r("div", Ve, [
+              e("div", Ge, [
+                e("span", {
+                  class: "close",
+                  onClick: f
+                }, "×"),
+                typeof C.value == "string" ? (c(), r("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 ? (c(), r("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)
+    ]));
+  }
+}, qe = /* @__PURE__ */ oe(Me, [["__scopeId", "data-v-26ef6b15"]]);
+export {
+  qe as default
+};

package/dist/BackofficeGallery-2e695fed.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("./index-2a0269fc.js"),U=require("./Select-b9299fb6.js"),q=require("./vue-draggable-next.esm-bundler-80731ae0.js"),D=require("./UploadImageMultiple-b4c8d627.js"),M=require("./_plugin-vue_export-helper-f246444f.js");require("./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-0ea8fbf8.js");const j=process.env.API_URL,N=b.axios.create({baseURL:j,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 N.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 N.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 b.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 N.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 G={class:"pos-relative"},L=["src"],R=["onClick"],T={__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(D._sfc_main,{"onUpdate:images":_,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),e.createVNode(e.unref(q.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,w)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("img",{class:"i-extra radius-small o-hidden mn-thin",src:(i.FILE_SERVER_URL||"")+m},null,8,L),e.createElementVNode("a",{onClick:p=>h(w),class:"pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"},"X",8,R)]))),256))]),_:1},8,["modelValue"])]))}};const E=a=>(e.pushScopeId("data-v-26ef6b15"),a=a(),e.popScopeId(),a),A={class:"pos-relative w-100"},F={class:"w-100 o-hidden"},O={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},H=["data-id"],X=["src","onClick"],J={key:1,class:"pd-small radius-small bg-white"},K=["src","onClick"],Q={class:"t-black p-small mn-small"},W=E(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),Y=E(()=>e.createElementVNode("br",null,null,-1)),Z={class:"pd-2px radius-big d-inline-block bg-grey"},ee={class:"t-black p-small mn-small uppe"},te=E(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),le=E(()=>e.createElementVNode("br",null,null,-1)),ae={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},oe={class:"flex-nowrap flex"},se=["onClick"],ne={class:"modal pd-thin"},ce={class:"modal-content radius-big"},re={class:""},ie=["src"],de={key:0,class:"flex-v-center flex m modal pd-big"},ue={class:"modal-content radius-small pd-medium bg-white"},me=["src"],pe=["src"],ge={__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(()=>B.value==="all"?u.gallery:u.gallery.filter(r=>r.categories.includes(B.value))),w=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),V=r=>{console.log(t.value),t.value?C(r):(p.value="modal",l.value.image=r,x())},C=r=>{p.value="edit-modal",l.value=r||{categories:"",size:"",image:null},x()},g=()=>{l.value={categories:"",size:"",image:!1},y.value=null,I()},x=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},I=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},S=[{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"}],$=async r=>{await v.deletePhoto(r)},P=async()=>{await v.updatePhoto(l.value),g()},z=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 B=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,w())}).observe(_.value)}),(r,d)=>(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",F,[e.createElementVNode("div",O,[t.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:d[0]||(d[0]=n=>V(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,_e)=>(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=>V(n.image)},null,8,X)):(e.openBlock(),e.createElementBlock("div",J,[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=>V(n)},null,8,K),e.createElementVNode("p",Q,[W,Y,e.createElementVNode("span",Z,e.toDisplayString(n.size.name),1)]),e.createElementVNode("p",ee,[te,le,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.categories,k=>(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(k),1))),256))]),e.createElementVNode("div",oe,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:k=>$(n._id)},"Delete",8,se)])]))]),_:2},1024)],8,H))),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",ne,[e.createElementVNode("div",ce,[e.createElementVNode("div",re,[e.createElementVNode("span",{class:"close",onClick:g},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.value.image},null,8,ie)])])],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",de,[e.createElementVNode("div",ue,[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,me)):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,pe)):e.createCommentVNode("",!0),e.createVNode(U.Select,{options:S,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(T,{images:i.value,"onUpdate:images":f,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(b._sfc_main,{submit:l.value._id?P:z,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)]))}},ve=M._export_sfc(ge,[["__scopeId","data-v-26ef6b15"]]);exports.default=ve;

package/dist/BackofficeGallery-7ae8fbba.mjs

@@ -0,0 +1,307 @@
+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 R, createElementVNode as e, computed as J, onMounted as K, createCommentVNode as $, Transition as U, createTextVNode as M, toDisplayString as S, withDirectives as Q, vShow as W, pushScopeId as Y, popScopeId as Z } from "vue";
+import { a as L, F as ee, _ as te } from "./index-9128ade5.mjs";
+import { S as ae } from "./Select-90d4b7c8.mjs";
+import { V as se } from "./vue-draggable-next.esm-bundler-ff6e3f52.mjs";
+import { _ as le } from "./UploadImageMultiple-ebcc51e6.mjs";
+import { useRoute as oe } from "vue-router";
+import { _ as ie } from "./_plugin-vue_export-helper-dad06003.mjs";
+import "./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-4ed993c7.mjs";
+const ne = process.env.API_URL, V = L.create({ baseURL: ne, withCredentials: !0 }), g = X({
+  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 re = { class: "pos-relative" }, ce = ["src"], de = ["onClick"], ue = {
+  __name: "EditImages",
+  props: {
+    images: Array
+  },
+  emits: ["update"],
+  setup(s, { emit: t }) {
+    const n = s, l = p([...n.images]);
+    H(() => {
+      l.value = [...n.images];
+    });
+    const o = () => {
+      t("update:images", l.value);
+    }, w = (u) => {
+      l.value = [...l.value, ...u], o();
+    }, k = (u) => {
+      l.value.splice(u, 1), o();
+    };
+    return (u, x) => (r(), c("div", null, [
+      _(le, {
+        "onUpdate:images": w,
+        uploadPath: "photos",
+        class: "mn-semi pd-small w-100 button bg-black t-white"
+      }),
+      _(A(se), {
+        class: "gap-small flex dragArea list-group w-full",
+        modelValue: l.value,
+        "onUpdate:modelValue": x[0] || (x[0] = (v) => l.value = v),
+        onChange: o
+      }, {
+        default: b(() => [
+          (r(!0), c(G, null, R(l.value, (v, P) => (r(), c("div", re, [
+            e("img", {
+              class: "i-extra radius-small o-hidden mn-thin",
+              src: (u.FILE_SERVER_URL || "") + v
+            }, null, 8, ce),
+            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, de)
+          ]))), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+};
+const E = (s) => (Y("data-v-e82aa4af"), s = s(), Z(), s), me = { class: "pos-relative w-100" }, pe = { class: "w-100 o-hidden" }, ge = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" }, _e = ["data-id"], ve = ["src", "onClick"], he = {
+  key: 1,
+  class: "pd-small radius-small bg-white"
+}, fe = ["src", "onClick"], ye = { class: "t-black p-small mn-small" }, be = /* @__PURE__ */ E(() => /* @__PURE__ */ e("span", { class: "uppercase t-transp" }, "Size", -1)), we = /* @__PURE__ */ E(() => /* @__PURE__ */ e("br", null, null, -1)), ke = { class: "pd-2px radius-big d-inline-block bg-grey" }, xe = { class: "t-black p-small mn-small uppe" }, Ce = /* @__PURE__ */ E(() => /* @__PURE__ */ e("span", { class: "uppercase t-transp" }, "Categories", -1)), Ie = /* @__PURE__ */ E(() => /* @__PURE__ */ e("br", null, null, -1)), $e = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, Se = { class: "flex-nowrap flex" }, Ee = ["onClick"], Pe = { class: "modal pd-thin" }, ze = { class: "modal-content radius-big" }, Ue = { class: "" }, Ve = ["src"], Ge = {
+  key: 0,
+  class: "flex-v-center flex m modal pd-big"
+}, Re = { class: "modal-content radius-small pd-medium bg-white" }, je = ["src"], Be = ["src"], Me = {
+  __name: "BackofficeGallery",
+  setup(s) {
+    oe();
+    const t = p(!0), n = p(null);
+    let l = 1;
+    const o = 10;
+    let w = p(null), k = p(!1);
+    const u = p([]), x = (d) => {
+      u.value = d;
+    }, v = J(() => B.value === "all" ? g.gallery : g.gallery.filter((d) => d.categories.includes(B.value))), P = async () => {
+      k.value = !0, await y.fetchGallery(l, o), k.value = !1;
+    }, h = p(null), a = p({
+      categories: "",
+      size: "",
+      image: !1
+    }), C = p(null), z = (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
+      }, C.value = null, D();
+    }, j = () => {
+      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(a.value), f();
+    }, q = 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 K(async () => {
+      await y.fetchGallery(l, o), typeof window < "u" && new IntersectionObserver((m) => {
+        m.some((i) => i.isIntersecting) && (l += 1, P());
+      }).observe(w.value);
+    }), (d, m) => (r(), c("div", me, [
+      e("div", pe, [
+        e("div", ge, [
+          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, R(A(v), (i, Ae) => (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, ve)) : (r(), c("div", he, [
+                M(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, fe),
+                e("p", ye, [
+                  be,
+                  we,
+                  e("span", ke, S(i.size.name), 1)
+                ]),
+                e("p", xe, [
+                  Ce,
+                  Ie,
+                  (r(!0), c(G, null, R(i.categories, (I) => (r(), c("span", $e, S(I), 1))), 256))
+                ]),
+                e("div", Se, [
+                  e("button", {
+                    class: "button-small w-100 button",
+                    onClick: (I) => O(i._id)
+                  }, "Delete", 8, Ee)
+                ])
+              ]))
+            ]),
+            _: 2
+          }, 1024)
+        ], 8, _e))), 128)),
+        e("div", {
+          ref_key: "sentinel",
+          ref: w,
+          class: "sentinel"
+        }, null, 512),
+        _(U, { name: "modal" }, {
+          default: b(() => [
+            Q(e("div", Pe, [
+              e("div", ze, [
+                e("div", Ue, [
+                  e("span", {
+                    class: "close",
+                    onClick: f
+                  }, "×"),
+                  e("img", {
+                    src: "https://thecommunephuket.com/photos/" + a.value.image
+                  }, null, 8, Ve)
+                ])
+              ])
+            ], 512), [
+              [W, a.value.image !== !1 && h.value === "modal"]
+            ])
+          ]),
+          _: 1
+        }),
+        _(U, { name: "modal" }, {
+          default: b(() => [
+            a.value.image !== !1 && h.value === "edit-modal" ? (r(), c("div", Ge, [
+              e("div", Re, [
+                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" && 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, Be)) : $("", !0),
+                _(ae, {
+                  options: F,
+                  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"]),
+                _(ue, {
+                  images: u.value,
+                  "onUpdate:images": x,
+                  uploadPath: "photos",
+                  class: "mn-semi"
+                }, null, 8, ["images"]),
+                _(te, {
+                  submit: a.value._id ? T : q,
+                  callback: f,
+                  class: "mn-thin"
+                }, {
+                  default: b(() => [
+                    M(S(a.value._id ? "Update" : "Create"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["submit"])
+              ])
+            ])) : $("", !0)
+          ]),
+          _: 1
+        })
+      ], 512)
+    ]));
+  }
+}, He = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-e82aa4af"]]);
+export {
+  He as default
+};

package/dist/BackofficeGallery-fe39cff3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("./index-2a0269fc.js"),U=require("./Select-b9299fb6.js"),q=require("./vue-draggable-next.esm-bundler-80731ae0.js"),D=require("./UploadImageMultiple-b4c8d627.js"),M=require("vue-router"),R=require("./_plugin-vue_export-helper-f246444f.js");require("./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-0ea8fbf8.js");const j=process.env.API_URL,N=b.axios.create({baseURL:j,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 N.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 N.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 b.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 N.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 G={class:"pos-relative"},L=["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(D._sfc_main,{"onUpdate:images":_,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),e.createVNode(e.unref(q.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,w)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("img",{class:"i-extra radius-small o-hidden mn-thin",src:(i.FILE_SERVER_URL||"")+m},null,8,L),e.createElementVNode("a",{onClick:p=>h(w),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 E=a=>(e.pushScopeId("data-v-e82aa4af"),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=E(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),Z=E(()=>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=E(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),ae=E(()=>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){M.useRoute();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(()=>B.value==="all"?u.gallery:u.gallery.filter(r=>r.categories.includes(B.value))),w=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),V=r=>{console.log(t.value),t.value?C(r):(p.value="modal",l.value.image=r,x())},C=r=>{p.value="edit-modal",l.value=r||{categories:"",size:"",image:null},x()},g=()=>{l.value={categories:"",size:"",image:!1},y.value=null,I()},x=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},I=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},S=[{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"}],$=async r=>{await v.deletePhoto(r)},P=async()=>{await v.updatePhoto(l.value),g()},z=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 B=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,w())}).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=>V(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=>V(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=>V(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=>$(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(U.Select,{options:S,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?P:z,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=R._export_sfc(ve,[["__scopeId","data-v-e82aa4af"]]);exports.default=_e;