@ozdao/prometheus-framework 0.1.41 → 0.1.42

package/dist/BackofficeGallery-0e0132f5.mjs

@@ -1,306 +0,0 @@
-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-1d117a40.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./Button-2ca405bd.js"),q=require("./Select-3ca5ab39.js"),C=require("./index-b41aac19.js"),M=require("./vue-draggable-next.esm-bundler-80731ae0.js"),G=require("./UploadImageMultiple-eddaac87.js"),j=require("./_plugin-vue_export-helper-f246444f.js");require("./Button.vue_vue_type_style_index_0_lang-0ea8fbf8.js");const D=process.env.API_URL,V=C.axios.create({baseURL:D,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"],F=["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)},h=i=>{o.value=[...o.value,...i],s()},f=i=>{o.value.splice(i,1),s()};return(i,y)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(G._sfc_main,{"onUpdate:images":h,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),e.createVNode(e.unref(M.VueDraggableNext),{class:"gap-small flex dragArea list-group w-full",modelValue:o.value,"onUpdate:modelValue":y[0]||(y[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=>f(E),class:"pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"},"X",8,F)]))),256))]),_:1},8,["modelValue"])]))}};const _=a=>(e.pushScopeId("data-v-d6a1c805"),a=a(),e.popScopeId(),a),A={class:"pos-relative w-100"},O={class:"mn-semi flex-v-center flex-nowrap flex"},H=_(()=>e.createElementVNode("h1",{class:"mn-r-small"},"Manage Gallery",-1)),X=["data-id"],J=["src","onClick"],K={key:1,class:"radius-small bg-white"},Q=["src","onClick"],W={class:"t-black p-small mn-thin"},Y=_(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),Z=_(()=>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.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),ae=_(()=>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 h=e.ref(null),f=e.ref(!1);const i=e.ref([]),y=r=>{i.value=r},m=e.computed(()=>x.value==="all"?u.gallery:u.gallery.filter(r=>r.categories.includes(x.value))),E=async()=>{f.value=!0,await v.fetchGallery(o,s),f.value=!1},p=e.ref(null),l=e.ref({categories:"",size:"",image:!1}),k=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},k.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(h.value)}),(r,d)=>(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",O,[H,t.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:d[0]||(d[0]=n=>w(null)),class:"t-white t-black bg-second i-big radius-extra"},"+")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:c,class:"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:b=>w(n.image)},null,8,J)):(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+n.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:b=>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,b=>(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(b),1))),256))]),e.createElementVNode("div",se,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:b=>P(n._id)},"Delete",8,ne)])]))]),_:2},1024)],8,X))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:h,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 k.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:k.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,pe)):e.createCommentVNode("",!0),typeof k.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(T,{images:i.value,"onUpdate:images":y,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-d6a1c805"]]);exports.default=_e;

package/dist/BackofficeGallery-2e695fed.js

@@ -1 +0,0 @@
-"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;