@ozdao/prometheus-framework 0.1.81 → 0.1.83

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js

@@ -1,54 +1,55 @@
-import { ref as x, computed as l, openBlock as n, createElementBlock as i, normalizeClass as m, createVNode as D, unref as u, createElementVNode as c, createCommentVNode as a, createBlock as T, withModifiers as E, toDisplayString as d, renderSlot as p } from "vue";
-import $ from "../../../../components/Chips/Chips.vue.js";
-import I from "../../../icons/navigation/IconEdit.vue.js";
-import M from "../../../globals/components/blocks/CardHeader.vue.js";
+import { ref as b, computed as l, openBlock as n, createElementBlock as i, normalizeClass as m, createVNode as x, createElementVNode as c, createCommentVNode as a, createBlock as w, withModifiers as D, toDisplayString as d, renderSlot as E } from "vue";
+import p from "../../../../components/Chips/Chips.vue.js";
+import $ from "../../../icons/navigation/IconEdit.vue.js";
+import I from "../../../globals/components/blocks/CardHeader.vue.js";
 import "../../../community/store/reactions.js";
-import { useRouter as F } from "vue-router";
-const S = {
+import { useRouter as M } from "vue-router";
+const F = {
   key: 0,
   class: "o-hidden pos-relative bg-grey mn-small w-100"
-}, R = ["src"], N = ["src"], z = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" }, L = {
+}, S = ["src"], R = ["src"], N = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" }, z = {
   key: 0,
   class: "t-semi"
-}, V = { class: "t-semi" }, B = {
+}, L = { class: "t-semi" }, V = {
   key: 0,
   class: "t-semi uppercase"
-}, H = {
+}, B = {
   key: 1,
   class: "cursor-pointer mn-thin flex-nowrap flex w-100"
-}, P = {
+}, H = {
   key: 0,
   class: ""
-}, Y = {
+}, P = {
   key: 1,
   class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
-}, O = {
+}, Y = {
   key: 2,
   class: "mn-small p-big"
-}, Q = {
+}, K = {
   __name: "CardEvent",
   props: ["event", "user", "short", "type"],
   setup(e) {
+    b(/* @__PURE__ */ new Date()), M();
     const s = e;
-    x(/* @__PURE__ */ new Date()), F(), l(() => s.event.content.find((t) => t.type.name === "ImageUpload")), l(() => s.event.content.find((t) => t.type.name === "Textarea"));
-    const C = l(() => {
-      const t = /* @__PURE__ */ new Date(), o = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate(), t.getUTCHours(), t.getUTCMinutes(), t.getUTCSeconds()), r = new Date(s.event.date.start), f = Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate(), r.getUTCHours(), r.getUTCMinutes(), r.getUTCSeconds()) - o;
-      if (f < 0)
+    l(() => s.event.content.find((t) => t.type.name === "ImageUpload")), l(() => s.event.content.find((t) => t.type.name === "Textarea"));
+    const T = l(() => {
+      const t = /* @__PURE__ */ new Date(), o = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate(), t.getUTCHours(), t.getUTCMinutes(), t.getUTCSeconds()), r = new Date(s.event.date.start), u = Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate(), r.getUTCHours(), r.getUTCMinutes(), r.getUTCSeconds()) - o;
+      if (u < 0)
         return "Finished";
-      if (f === 0)
+      if (u === 0)
         return "Starting Now";
       {
-        const y = Math.floor(f / 1e3), h = Math.floor(y / 60), v = Math.floor(h / 60), w = Math.floor(v / 24);
-        return w > 0 ? `${w} days until event` : v > 0 ? `${v} hours until event` : h > 0 ? `${h} minutes until event` : `${y} seconds until event`;
+        const g = Math.floor(u / 1e3), f = Math.floor(g / 60), h = Math.floor(f / 60), y = Math.floor(h / 24);
+        return y > 0 ? `${y} days until event` : h > 0 ? `${h} hours until event` : f > 0 ? `${f} minutes until event` : `${g} seconds until event`;
       }
-    }), U = l(() => {
+    }), C = l(() => {
       const t = new Date(s.event.date.start), o = { day: "2-digit", month: "2-digit" };
       return t.toLocaleDateString(void 0, o);
-    }), k = l(() => {
+    }), U = l(() => {
       console.log(s.event.date.start), console.log(s.event.date.end);
-      const t = new Date(s.event.date.start), o = new Date(s.event.date.end), r = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(t), g = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(o);
-      return `${r}-${g}`;
-    }), b = l(() => {
+      const t = new Date(s.event.date.start), o = new Date(s.event.date.end), r = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(t), v = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(o);
+      return `${r}-${v}`;
+    }), k = l(() => {
       const t = s.event.name;
       return t.length > 26 ? `${t.substring(0, 22)}…` : t;
     });
@@ -57,7 +58,7 @@ const S = {
         "flex-nowrap flex-v-center flex": e.type === "short"
       }, "pos-relative"])
     }, [
-      D(M, {
+      x(I, {
         class: m({
           "mn-small pd-medium": e.type !== "short",
           "flex-child-order-last flex-child mn-l-small": e.type === "short"
@@ -70,27 +71,27 @@ const S = {
         members: e.event.numberOfTickets,
         membersPhotos: e.event.participantsPhotos,
         type: e.type,
-        dateFormatted: u(C)
+        dateFormatted: T.value
       }, null, 8, ["class", "entity", "user", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
-      e.event.cover && e.type !== "short" ? (n(), i("div", S, [
+      e.event.cover && e.type !== "short" ? (n(), i("div", F, [
         c("img", {
           src: (t.FILE_SERVER_URL || "") + e.event.cover,
           alt: "Event image",
           class: "pos-relative z-index-1 d-block mn-auto h-20r"
-        }, null, 8, R),
+        }, null, 8, S),
         c("img", {
           src: (t.FILE_SERVER_URL || "") + e.event.cover,
           alt: "Event Background",
           class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
           style: { transform: "scale(1.5)", filter: "blur(2rem)", "-webkit-filter": "blur(2rem)" }
-        }, null, 8, N)
+        }, null, 8, R)
       ])) : a("", !0),
       c("section", {
         class: m(["pos-relative w-100", { "pd-t-zero pd-medium": e.type !== "short" }])
       }, [
-        e.user === e.event.creator.target._id ? (n(), T(I, {
+        e.user === e.event.creator.target._id ? (n(), w($, {
           key: 0,
-          onClick: o[0] || (o[0] = E((r) => t.$router.push({
+          onClick: o[0] || (o[0] = D((r) => t.$router.push({
             name: "Edit Event",
             params: {
               url: e.event.url
@@ -101,19 +102,19 @@ const S = {
         c("div", {
           class: m([{ "mn-small": e.type !== "short" }, "flex-v-center flex-nowrap flex"])
         }, [
-          c("div", z, [
-            e.type !== "short" ? (n(), i("span", L, d(u(U)) + " | ", 1)) : a("", !0),
-            c("span", V, d(u(k)), 1)
+          c("div", N, [
+            e.type !== "short" ? (n(), i("span", z, d(C.value) + " | ", 1)) : a("", !0),
+            c("span", L, d(U.value), 1)
           ]),
-          e.type === "short" ? (n(), i("span", B, d(u(b)), 1)) : a("", !0)
+          e.type === "short" ? (n(), i("span", V, d(k.value), 1)) : a("", !0)
         ], 2),
-        e.type !== "short" ? (n(), i("div", H, [
-          e.type !== "short" ? (n(), i("h3", P, d(e.event.name), 1)) : a("", !0),
-          e.event.status === "draft" ? (n(), i("div", Y, d(e.event.status), 1)) : a("", !0)
+        e.type !== "short" ? (n(), i("div", B, [
+          e.type !== "short" ? (n(), i("h3", H, d(e.event.name), 1)) : a("", !0),
+          e.event.status === "draft" ? (n(), i("div", P, d(e.event.status), 1)) : a("", !0)
         ])) : a("", !0),
-        e.type !== "short" ? (n(), i("p", O, d(e.event.description), 1)) : a("", !0),
-        p(t.$slots, "default"),
-        e.type !== "short" && e.event.tags.length > 0 ? (n(), T($, {
+        e.type !== "short" ? (n(), i("p", Y, d(e.event.description), 1)) : a("", !0),
+        E(t.$slots, "default"),
+        e.type !== "short" && e.event.tags.length > 0 ? (n(), w(p, {
           key: 3,
           chips: e.event.tags
         }, null, 8, ["chips"])) : a("", !0)
@@ -122,5 +123,5 @@ const S = {
   }
 };
 export {
-  Q as default
+  K as default
 };

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),l=require("../../../../components/Button/Button.vue2.cjs");require("../../../auth/store/auth.cjs");const c=require("../../store/tickets.cjs");require("./ButtonJoin.vue2.cjs");const p=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),g={__name:"ButtonJoin",props:{type:{type:String,required:!0},userId:{type:String,required:!0},hasTicket:{type:Boolean,required:!0},targetId:{type:String,required:!0}},emits:["updateTicket"],setup(o,{emit:n}){const t=o,s=async()=>{t.hasTicket?await d(t.targetId):await u(t.targetId)};async function u(i){try{const e={type:t.type,target:i,user:t.userId},r=await c.actions.create(e);n("updateTicket",{ticket:r,hasTicket:!0,targetId:t.targetId})}catch(e){throw console.log(e),e}}async function d(i){const e={type:t.type,target:i,user:t.userId};try{const r=await c.actions.delete(e);n("updateTicket",{ticket:r,hasTicket:!1,targetId:t.targetId})}catch(r){throw console.log(r),r}}return(i,e)=>(a.openBlock(),a.createBlock(l.default,{submit:s,class:"bg-main button-small radius-extra button"},{default:a.withCtx(()=>[a.createTextVNode(a.toDisplayString(o.hasTicket?"Leave":"Join"),1)]),_:1}))}},k=p.default(g,[["__scopeId","data-v-872ff798"]]);exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),p=require("../../../../components/Button/Button.vue2.cjs");require("../../../auth/store/auth.cjs");const s=require("../../store/tickets.cjs");require("./ButtonJoin.vue2.cjs");const g=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),k={__name:"ButtonJoin",props:{type:{type:String,required:!0},userId:{type:String,required:!0},hasTicket:{type:Boolean,required:!0},targetId:{type:String,required:!0}},emits:["updateTicket"],setup(o,{emit:c}){const n=c,t=o,u=async()=>{t.hasTicket?await l(t.targetId):await d(t.targetId)};async function d(i){try{const e={type:t.type,target:i,user:t.userId},r=await s.actions.create(e);n("updateTicket",{ticket:r,hasTicket:!0,targetId:t.targetId})}catch(e){throw console.log(e),e}}async function l(i){const e={type:t.type,target:i,user:t.userId};try{const r=await s.actions.delete(e);n("updateTicket",{ticket:r,hasTicket:!1,targetId:t.targetId})}catch(r){throw console.log(r),r}}return(i,e)=>(a.openBlock(),a.createBlock(p.default,{submit:u,class:"bg-main button-small radius-extra button"},{default:a.withCtx(()=>[a.createTextVNode(a.toDisplayString(o.hasTicket?"Leave":"Join"),1)]),_:1}))}},y=g.default(k,[["__scopeId","data-v-872ff798"]]);exports.default=y;

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.js

@@ -1,10 +1,10 @@
-import { openBlock as p, createBlock as d, withCtx as g, createTextVNode as l, toDisplayString as m } from "vue";
-import k from "../../../../components/Button/Button.vue2.js";
+import { openBlock as d, createBlock as g, withCtx as m, createTextVNode as l, toDisplayString as k } from "vue";
+import f from "../../../../components/Button/Button.vue2.js";
 import "../../../auth/store/auth.js";
 import { actions as c } from "../../store/tickets.js";
 import "./ButtonJoin.vue2.js";
-import f from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
+import y from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
   __name: "ButtonJoin",
   props: {
     type: {
@@ -26,11 +26,11 @@ const y = {
     }
   },
   emits: ["updateTicket"],
-  setup(o, { emit: i }) {
-    const t = o, n = async () => {
-      t.hasTicket ? await u(t.targetId) : await s(t.targetId);
+  setup(o, { emit: n }) {
+    const i = n, t = o, s = async () => {
+      t.hasTicket ? await p(t.targetId) : await u(t.targetId);
     };
-    async function s(a) {
+    async function u(a) {
       try {
         const e = {
           // Renamed membershipData to ticketData
@@ -43,7 +43,7 @@ const y = {
         throw console.log(e), e;
       }
     }
-    async function u(a) {
+    async function p(a) {
       const e = {
         // Renamed membershipData to ticketData
         type: t.type,
@@ -57,17 +57,17 @@ const y = {
         throw console.log(r), r;
       }
     }
-    return (a, e) => (p(), d(k, {
-      submit: n,
+    return (a, e) => (d(), g(f, {
+      submit: s,
       class: "bg-main button-small radius-extra button"
     }, {
-      default: g(() => [
-        l(m(o.hasTicket ? "Leave" : "Join"), 1)
+      default: m(() => [
+        l(k(o.hasTicket ? "Leave" : "Join"), 1)
       ]),
       _: 1
     }));
   }
-}, v = /* @__PURE__ */ f(y, [["__scopeId", "data-v-872ff798"]]);
+}, B = /* @__PURE__ */ y(h, [["__scopeId", "data-v-872ff798"]]);
 export {
-  v as default
+  B as default
 };

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js

@@ -10,12 +10,12 @@ import B from "../../../../components/Checkbox/Checkbox.vue.js";
 import F from "../../../../components/SelectMulti/SelectMulti.vue.js";
 import M from "../../../../components/UploadImage/UploadImage.vue.js";
 import R from "../../../../components/Button/Button.vue2.js";
-import { useRoute as S, useRouter as H } from "vue-router";
-import { read as L, clean as j, state as q, update as y, create as k, remove as G } from "../../store/events.js";
+import { useRoute as S, useRouter as j } from "vue-router";
+import { read as H, clean as q, state as G, update as y, create as k, remove as J } from "../../store/events.js";
 import { state as c } from "../../../auth/store/auth.js";
-import { actions as J } from "../../../organizations/store/organizations.js";
+import { actions as K } from "../../../organizations/store/organizations.js";
 import "./EditEvent.vue2.js";
-const K = {
+const L = {
   key: 0,
   class: "h-100 pd-thin"
 }, Q = { class: "mn-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex" }, W = /* @__PURE__ */ i("h4", null, "Upload Event Cover", -1), X = /* @__PURE__ */ i("h3", { class: "mn-small" }, "Date", -1), Y = /* @__PURE__ */ i("h3", { class: "mn-small" }, "Description", -1), Z = {
@@ -33,17 +33,17 @@ const K = {
 }, xe = {
   __name: "EditEvent",
   setup(se) {
-    const v = S(), f = H();
+    const v = S(), f = j();
     let e = u(null), g = u(null);
     const b = u([]), n = u(null), r = u(), x = () => ({ top: 0, left: 0 });
     $(async () => {
       if (v.params.url) {
-        const t = await L({ user: c.user._id, url: v.params.url });
+        const t = await H({ user: c.user._id, url: v.params.url });
         e.value = t.pop();
         const o = e.value.date.start, U = e.value.date.end;
         r.value = [o, U];
       } else {
-        j(), e.value = q.current;
+        q(), e.value = G.current;
         const t = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
         r.value = [t, o];
       }
@@ -59,7 +59,7 @@ const K = {
         name: e.value.owner.target.profile.name,
         photo: e.value.owner.target.profile.photo
       });
-      const a = await J.read({
+      const a = await K.read({
         user: c.user._id,
         postable: c.user._id,
         limit: 100
@@ -109,13 +109,13 @@ const K = {
       });
     }
     function C() {
-      confirm("Are you sure you want to delete this event?") && G(e.value._id).then((a) => {
+      confirm("Are you sure you want to delete this event?") && J(e.value._id).then((a) => {
         f.push({ name: "User Events", params: { _id: e.value.creator.target._id } });
       }).catch((a) => {
         console.error(a);
       });
     }
-    return (a, t) => l(e) ? (d(), m("article", K, [
+    return (a, t) => l(e) ? (d(), m("article", L, [
       i("div", Q, [
         s(M, {
           photo: l(e).cover,

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../../../../components/Field/Field.vue2.cjs"),q=require("../../../../components/Button/Button.vue2.cjs"),M=require("../../../../components/Select/Select.vue2.cjs"),s=require("../../store/gallery.cjs"),P=require("../../../../components/EditImages/EditImages.vue.cjs");require("./BackofficeGallery.vue2.cjs");const j=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),c=i=>(e.pushScopeId("data-v-d6a1c805"),i=i(),e.popScopeId(),i),G={class:"pos-relative w-100"},D={class:"mn-semi flex-v-center flex-nowrap flex"},T=c(()=>e.createElementVNode("h1",{class:"mn-r-small"},"Manage Gallery",-1)),U=["data-id"],$=["src","onClick"],F={key:1,class:"radius-small bg-white"},O=["src","onClick"],L={class:"t-black p-small mn-thin"},A=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),H=c(()=>e.createElementVNode("br",null,null,-1)),R={class:"pd-2px radius-big d-inline-block bg-grey"},J={class:"t-black p-small mn-small uppe"},K=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),Q=c(()=>e.createElementVNode("br",null,null,-1)),W={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},X={class:"flex-nowrap flex"},Y=["onClick"],Z={class:"modal pd-thin"},ee={class:"modal-content radius-big"},te={class:""},le=["src"],oe={key:0,class:"flex-v-center flex m modal pd-big"},ae={class:"modal-content radius-small pd-medium bg-white"},se=["src"],ne=["src"],ce={__name:"BackofficeGallery",setup(i){const r=e.ref(!0),h=e.ref(null);let g=1;const f=10;let _=e.ref(null),k=e.ref(!1);const d=e.ref([]),E=o=>{d.value=o},w=e.computed(()=>y.value==="all"?s.state.gallery:s.state.gallery.filter(o=>o.categories.includes(y.value))),V=async()=>{k.value=!0,await s.actions.fetchGallery(g,f),k.value=!1},u=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),m=e.ref(null),v=o=>{console.log(r.value),r.value?N(o):(u.value="modal",t.value.image=o,b())},N=o=>{u.value="edit-modal",t.value=o||{categories:"",size:"",image:null},b()},n=()=>{t.value={categories:"",size:"",image:!1},m.value=null,B()},b=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},B=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},C=[{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"}],x=async o=>{await s.actions.deletePhoto(o)},S=async()=>{await s.actions.updatePhoto(t.value),n()},z=async o=>{if(d.length<1||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({images:d.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(a=>a.trim()):t.value.categories}),n()};let y=e.ref("all");return e.onMounted(async()=>{await s.actions.fetchGallery(g,f),typeof window<"u"&&new IntersectionObserver(a=>{a.some(l=>l.isIntersecting)&&(g+=1,V())}).observe(_.value)}),(o,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",D,[T,r.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=l=>v(null)),class:"t-white t-black bg-second i-big radius-extra"},"+")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:h,class:"cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(w),(l,re)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[!r.value&&h.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:p=>v(l.image)},null,8,$)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:p=>v(l)},null,8,O),e.createElementVNode("p",L,[A,H,e.createElementVNode("span",R,e.toDisplayString(l.size.name),1)]),e.createElementVNode("p",J,[K,Q,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.categories,p=>(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(p),1))),256))]),e.createElementVNode("div",X,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:p=>x(l._id)},"Delete",8,Y)])]))]),_:2},1024)],8,U))),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",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,le)])])],512),[[e.vShow,t.value.image!==!1&&u.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&u.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof m.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:m.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,se)):e.createCommentVNode("",!0),typeof m.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,ne)):e.createCommentVNode("",!0),e.createVNode(M.default,{options:C,label:"Size",select:t.value.size,"onUpdate:select":a[1]||(a[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(I.default,{field:t.value.categories,"onUpdate:field":a[2]||(a[2]=l=>t.value.categories=l),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(P.default,{images:d.value,"onUpdate:images":E,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(q.default,{submit:t.value._id?S:z,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},ie=j.default(ce,[["__scopeId","data-v-d6a1c805"]]);exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../../../../components/Field/Field.vue2.cjs"),q=require("../../../../components/Button/Button.vue2.cjs"),M=require("../../../../components/Select/Select.vue2.cjs"),s=require("../../store/gallery.cjs"),P=require("../../../../components/EditImages/EditImages.vue.cjs");require("./BackofficeGallery.vue2.cjs");const j=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),c=i=>(e.pushScopeId("data-v-d6a1c805"),i=i(),e.popScopeId(),i),G={class:"pos-relative w-100"},D={class:"mn-semi flex-v-center flex-nowrap flex"},T=c(()=>e.createElementVNode("h1",{class:"mn-r-small"},"Manage Gallery",-1)),U=["data-id"],$=["src","onClick"],F={key:1,class:"radius-small bg-white"},O=["src","onClick"],L={class:"t-black p-small mn-thin"},A=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),H=c(()=>e.createElementVNode("br",null,null,-1)),R={class:"pd-2px radius-big d-inline-block bg-grey"},J={class:"t-black p-small mn-small uppe"},K=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),Q=c(()=>e.createElementVNode("br",null,null,-1)),W={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},X={class:"flex-nowrap flex"},Y=["onClick"],Z={class:"modal pd-thin"},ee={class:"modal-content radius-big"},te={class:""},le=["src"],oe={key:0,class:"flex-v-center flex m modal pd-big"},ae={class:"modal-content radius-small pd-medium bg-white"},se=["src"],ne=["src"],y=10,ce={__name:"BackofficeGallery",setup(i){const r=e.ref(!0),h=e.ref(null);let v=1,f=e.ref(null),_=e.ref(!1);const d=e.ref([]),E=o=>{d.value=o},w=e.computed(()=>b.value==="all"?s.state.gallery:s.state.gallery.filter(o=>o.categories.includes(b.value))),V=async()=>{_.value=!0,await s.actions.fetchGallery(v,y),_.value=!1},u=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),m=e.ref(null),g=o=>{console.log(r.value),r.value?N(o):(u.value="modal",t.value.image=o,k())},N=o=>{u.value="edit-modal",t.value=o||{categories:"",size:"",image:null},k()},n=()=>{t.value={categories:"",size:"",image:!1},m.value=null,B()},k=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},B=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},C=[{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"}],x=async o=>{await s.actions.deletePhoto(o)},S=async()=>{await s.actions.updatePhoto(t.value),n()},z=async o=>{if(d.length<1||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({images:d.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(a=>a.trim()):t.value.categories}),n()};let b=e.ref("all");return e.onMounted(async()=>{await s.actions.fetchGallery(v,y),typeof window<"u"&&new IntersectionObserver(a=>{a.some(l=>l.isIntersecting)&&(v+=1,V())}).observe(f.value)}),(o,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",D,[T,r.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=l=>g(null)),class:"t-white t-black bg-second i-big radius-extra"},"+")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:h,class:"cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(l,re)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[!r.value&&h.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:p=>g(l.image)},null,8,$)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:p=>g(l)},null,8,O),e.createElementVNode("p",L,[A,H,e.createElementVNode("span",R,e.toDisplayString(l.size.name),1)]),e.createElementVNode("p",J,[K,Q,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.categories,p=>(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(p),1))),256))]),e.createElementVNode("div",X,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:p=>x(l._id)},"Delete",8,Y)])]))]),_:2},1024)],8,U))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:f,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,le)])])],512),[[e.vShow,t.value.image!==!1&&u.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&u.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof m.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:m.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,se)):e.createCommentVNode("",!0),typeof m.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,ne)):e.createCommentVNode("",!0),e.createVNode(M.default,{options:C,label:"Size",select:t.value.size,"onUpdate:select":a[1]||(a[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(I.default,{field:t.value.categories,"onUpdate:field":a[2]||(a[2]=l=>t.value.categories=l),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(P.default,{images:d.value,"onUpdate:images":E,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(q.default,{submit:t.value._id?S:z,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},ie=j.default(ce,[["__scopeId","data-v-d6a1c805"]]);exports.default=ie;

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js

@@ -1,47 +1,45 @@
-import { ref as n, computed as q, onMounted as A, openBlock as a, createElementBlock as o, createElementVNode as t, createCommentVNode as f, Fragment as M, renderList as G, unref as L, createVNode as c, Transition as w, withCtx as b, toDisplayString as x, withDirectives as R, vShow as H, createTextVNode as J, pushScopeId as K, popScopeId as Q } from "vue";
-import W from "../../../../components/Field/Field.vue2.js";
-import X from "../../../../components/Button/Button.vue2.js";
-import Y from "../../../../components/Select/Select.vue2.js";
-import { state as $, actions as d } from "../../store/gallery.js";
-import Z from "../../../../components/EditImages/EditImages.vue.js";
+import { ref as n, computed as q, onMounted as A, openBlock as a, createElementBlock as o, createElementVNode as t, createCommentVNode as f, Fragment as E, renderList as M, createVNode as c, Transition as w, withCtx as b, toDisplayString as x, withDirectives as L, vShow as R, createTextVNode as H, pushScopeId as J, popScopeId as K } from "vue";
+import Q from "../../../../components/Field/Field.vue2.js";
+import W from "../../../../components/Button/Button.vue2.js";
+import X from "../../../../components/Select/Select.vue2.js";
+import { state as G, actions as d } from "../../store/gallery.js";
+import Y from "../../../../components/EditImages/EditImages.vue.js";
 import "./BackofficeGallery.vue2.js";
-import ee from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-relative w-100" }, le = { class: "mn-semi flex-v-center flex-nowrap flex" }, se = /* @__PURE__ */ u(() => /* @__PURE__ */ t("h1", { class: "mn-r-small" }, "Manage Gallery", -1)), ae = ["data-id"], oe = ["src", "onClick"], ie = {
+import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = (m) => (J("data-v-d6a1c805"), m = m(), K(), m), ee = { class: "pos-relative w-100" }, te = { class: "mn-semi flex-v-center flex-nowrap flex" }, le = /* @__PURE__ */ u(() => /* @__PURE__ */ t("h1", { class: "mn-r-small" }, "Manage Gallery", -1)), se = ["data-id"], ae = ["src", "onClick"], oe = {
   key: 1,
   class: "radius-small bg-white"
-}, ne = ["src", "onClick"], ce = { class: "t-black p-small mn-thin" }, re = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Size", -1)), de = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), ue = { class: "pd-2px radius-big d-inline-block bg-grey" }, me = { class: "t-black p-small mn-small uppe" }, pe = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Categories", -1)), ve = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), ge = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, he = { class: "flex-nowrap flex" }, _e = ["onClick"], fe = { class: "modal pd-thin" }, be = { class: "modal-content radius-big" }, ye = { class: "" }, ke = ["src"], we = {
+}, ie = ["src", "onClick"], ne = { class: "t-black p-small mn-thin" }, ce = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Size", -1)), re = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), de = { class: "pd-2px radius-big d-inline-block bg-grey" }, ue = { class: "t-black p-small mn-small uppe" }, me = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Categories", -1)), pe = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), ve = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, ge = { class: "flex-nowrap flex" }, he = ["onClick"], _e = { class: "modal pd-thin" }, fe = { class: "modal-content radius-big" }, be = { class: "" }, ye = ["src"], ke = {
   key: 0,
   class: "flex-v-center flex m modal pd-big"
-}, xe = { class: "modal-content radius-small pd-medium bg-white" }, Ce = ["src"], ze = ["src"], Se = {
+}, we = { class: "modal-content radius-small pd-medium bg-white" }, xe = ["src"], Ce = ["src"], $ = 10, ze = {
   __name: "BackofficeGallery",
   setup(m) {
     const p = n(!0), C = n(null);
-    let y = 1;
-    const z = 10;
-    let S = n(null), I = n(!1);
+    let y = 1, z = n(null), S = n(!1);
     const v = n([]), j = (s) => {
       v.value = s;
-    }, B = q(() => E.value === "all" ? $.gallery : $.gallery.filter((s) => s.categories.includes(E.value))), U = async () => {
-      I.value = !0, await d.fetchGallery(y, z), I.value = !1;
+    }, B = q(() => P.value === "all" ? G.gallery : G.gallery.filter((s) => s.categories.includes(P.value))), U = async () => {
+      S.value = !0, await d.fetchGallery(y, $), S.value = !1;
     }, g = n(null), e = n({
       categories: "",
       size: "",
       image: !1
     }), h = n(null), k = (s) => {
-      console.log(p.value), p.value ? N(s) : (g.value = "modal", e.value.image = s, P());
+      console.log(p.value), p.value ? N(s) : (g.value = "modal", e.value.image = s, I());
     }, N = (s) => {
       g.value = "edit-modal", e.value = s || {
         categories: "",
         size: "",
         image: null
-      }, P();
+      }, I();
     }, r = () => {
       e.value = {
         categories: "",
         size: "",
         image: !1
       }, h.value = null, V();
-    }, P = () => {
+    }, I = () => {
       document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden";
     }, V = () => {
       document.body.style.overflow = "", document.documentElement.style.overflow = "";
@@ -65,14 +63,14 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
         categories: typeof e.value.categories == "string" ? e.value.categories.split(",").map((i) => i.trim()) : e.value.categories
       }), r();
     };
-    let E = n("all");
+    let P = n("all");
     return A(async () => {
-      await d.fetchGallery(y, z), typeof window < "u" && new IntersectionObserver((i) => {
+      await d.fetchGallery(y, $), typeof window < "u" && new IntersectionObserver((i) => {
         i.some((l) => l.isIntersecting) && (y += 1, U());
-      }).observe(S.value);
-    }), (s, i) => (a(), o("div", te, [
-      t("div", le, [
-        se,
+      }).observe(z.value);
+    }), (s, i) => (a(), o("div", ee, [
+      t("div", te, [
+        le,
         p.value ? (a(), o("button", {
           key: 0,
           onClick: i[0] || (i[0] = (l) => k(null)),
@@ -84,7 +82,7 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
         ref: C,
         class: "cols-4 gap-thin"
       }, [
-        (a(!0), o(M, null, G(L(B), (l, Ie) => (a(), o("div", {
+        (a(!0), o(E, null, M(B.value, (l, Se) => (a(), o("div", {
           key: l.id,
           "data-id": l.id
         }, [
@@ -98,62 +96,62 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                 src: "https://thecommunephuket.com/photos/" + l.cover,
                 class: "w-100 h-100 o-hidden radius-medium object-fit-cover",
                 onClick: (_) => k(l.image)
-              }, null, 8, oe)) : (a(), o("div", ie, [
+              }, null, 8, ae)) : (a(), o("div", oe, [
                 t("img", {
                   src: "https://thecommunephuket.com/photos/" + l.cover,
                   class: "w-100 radius-small mn-small h-10r object-fit-cover",
                   onClick: (_) => k(l)
-                }, null, 8, ne),
-                t("p", ce, [
+                }, null, 8, ie),
+                t("p", ne, [
+                  ce,
                   re,
-                  de,
-                  t("span", ue, x(l.size.name), 1)
+                  t("span", de, x(l.size.name), 1)
                 ]),
-                t("p", me, [
+                t("p", ue, [
+                  me,
                   pe,
-                  ve,
-                  (a(!0), o(M, null, G(l.categories, (_) => (a(), o("span", ge, x(_), 1))), 256))
+                  (a(!0), o(E, null, M(l.categories, (_) => (a(), o("span", ve, x(_), 1))), 256))
                 ]),
-                t("div", he, [
+                t("div", ge, [
                   t("button", {
                     class: "button-small w-100 button",
                     onClick: (_) => F(l._id)
-                  }, "Delete", 8, _e)
+                  }, "Delete", 8, he)
                 ])
               ]))
             ]),
             _: 2
           }, 1024)
-        ], 8, ae))), 128)),
+        ], 8, se))), 128)),
         t("div", {
           ref_key: "sentinel",
-          ref: S,
+          ref: z,
           class: "sentinel"
         }, null, 512),
         c(w, { name: "modal" }, {
           default: b(() => [
-            R(t("div", fe, [
-              t("div", be, [
-                t("div", ye, [
+            L(t("div", _e, [
+              t("div", fe, [
+                t("div", be, [
                   t("span", {
                     class: "close",
                     onClick: r
                   }, "×"),
                   t("img", {
                     src: "https://thecommunephuket.com/photos/" + e.value.image
-                  }, null, 8, ke)
+                  }, null, 8, ye)
                 ])
               ])
             ], 512), [
-              [H, e.value.image !== !1 && g.value === "modal"]
+              [R, e.value.image !== !1 && g.value === "modal"]
             ])
           ]),
           _: 1
         }),
         c(w, { name: "modal" }, {
           default: b(() => [
-            e.value.image !== !1 && g.value === "edit-modal" ? (a(), o("div", we, [
-              t("div", xe, [
+            e.value.image !== !1 && g.value === "edit-modal" ? (a(), o("div", ke, [
+              t("div", we, [
                 t("span", {
                   class: "close",
                   onClick: r
@@ -162,13 +160,13 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                   key: 0,
                   src: h.value,
                   class: "radius-small w-100 mn-small h-20r object-fit-cover"
-                }, null, 8, Ce)) : f("", !0),
+                }, null, 8, xe)) : f("", !0),
                 typeof h.value == "object" && e.value.image !== null ? (a(), o("img", {
                   key: 1,
                   class: "radius-small w-100 mn-small h-20r object-fit-cover",
                   src: "/photos/" + e.value.cover
-                }, null, 8, ze)) : f("", !0),
-                c(Y, {
+                }, null, 8, Ce)) : f("", !0),
+                c(X, {
                   options: D,
                   label: "Size",
                   select: e.value.size,
@@ -176,7 +174,7 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                   placeholder: "Select Size",
                   class: "bg-grey pd-thin radius-small mn-thin t-black"
                 }, null, 8, ["select"]),
-                c(W, {
+                c(Q, {
                   field: e.value.categories,
                   "onUpdate:field": i[2] || (i[2] = (l) => e.value.categories = l),
                   type: "text",
@@ -184,19 +182,19 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                   placeholder: "Enter categories for image (comma separated)",
                   class: "bg-grey pd-thin radius-small mn-medium t-black"
                 }, null, 8, ["field"]),
-                c(Z, {
+                c(Y, {
                   images: v.value,
                   "onUpdate:images": j,
                   uploadPath: "photos",
                   class: "mn-semi"
                 }, null, 8, ["images"]),
-                c(X, {
+                c(W, {
                   submit: e.value._id ? O : T,
                   callback: r,
                   class: "mn-thin"
                 }, {
                   default: b(() => [
-                    J(x(e.value._id ? "Update" : "Create"), 1)
+                    H(x(e.value._id ? "Update" : "Create"), 1)
                   ]),
                   _: 1
                 }, 8, ["submit"])
@@ -208,7 +206,7 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
       ], 512)
     ]));
   }
-}, Ne = /* @__PURE__ */ ee(Se, [["__scopeId", "data-v-d6a1c805"]]);
+}, Ue = /* @__PURE__ */ Z(ze, [["__scopeId", "data-v-d6a1c805"]]);
 export {
-  Ne as default
+  Ue as default
 };

package/dist/prometheus-framework/src/modules/gallery/components/sections/GalleryWithCategories.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("vue-router"),S=require("../../../../components/Field/Field.vue2.cjs"),q=require("../../../../components/Button/Button.vue2.cjs"),M=require("../../../../components/Select/Select.vue2.cjs"),F=require("../../../../components/Upload/Upload.vue.cjs"),s=require("../../store/gallery.cjs");require("./GalleryWithCategories.vue2.cjs");const I=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),P={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},j=["onClick"],G=["data-id"],R=["src","onClick"],T={class:"modal pd-thin"},U={class:"modal-content radius-big"},D={class:""},L=["src"],O={key:0,class:"flex-v-center flex m modal pd-big"},$={class:"modal-content radius-small pd-medium bg-white"},A=["src"],W=["src"],H={__name:"GalleryWithCategories",setup(K){z.useRoute();const h=!1,m=e.ref(null),_=["all","place","drinks","people","events"];let d=1;const v=10;let g=e.ref(null),p=e.ref(!1);const k=e.computed(()=>c.value==="all"?s.state.gallery:s.state.gallery.filter(a=>a.categories.includes(c.value))),y=async()=>{p.value=!0,await s.actions.fetchGallery(d,v),p.value=!1},r=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),i=e.ref(null),b=a=>{h.value?w(a):(r.value="modal",t.value.image=a,f())},w=a=>{r.value="edit-modal",t.value=a||{categories:"",size:"",image:null},f()},n=()=>{t.value={categories:"",size:"",image:!1},i.value=null,V()},f=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},V=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},C=[{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"}],E=async()=>{await s.actions.updatePhoto(t.value),n()},N=a=>{const o=a.files;if(t.value.image=o,o&&o.length>0){const l=new FileReader;l.onload=u=>{i.value=u.target.result},l.readAsDataURL(o[0])}},B=async a=>{if(!t.value.image||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({...t.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(o=>o.trim()):t.value.categories}),n()};let c=e.ref("all");const x=a=>{c.value=a};return e.onMounted(async()=>{await s.actions.fetchGallery(d,v),typeof window<"u"&&new IntersectionObserver(o=>{o.some(l=>l.isIntersecting)&&(d+=1,y())}).observe(g.value)}),(a,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",P,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(_,l=>e.createElementVNode("a",{key:l,onClick:u=>x(l),class:e.normalizeClass(["h3 uppercase mn-r-big",{"t-transp":e.unref(c)!==l}])},e.toDisplayString(a.$t("gallery.categories."+l)),11,j)),64)),e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:m,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(l,u)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:Q=>b(l.image)},null,8,R)):e.createCommentVNode("",!0)]),_:2},1024)],8,G))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:g,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("div",U,[e.createElementVNode("div",D,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,L)])])],512),[[e.vShow,t.value.image!==!1&&r.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&r.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",$,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof i.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,A)):e.createCommentVNode("",!0),typeof i.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,W)):e.createCommentVNode("",!0),t.value._id?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F.default,{key:2,id:"photo",name:"photo",type:"file",class:"t-black bg-grey pd-thin radius-small mn-thin",onFileChange:N,multiple:"true"})),e.createVNode(M.default,{options:C,label:"Size",select:t.value.size,"onUpdate:select":o[1]||(o[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(S.default,{field:t.value.categories,"onUpdate:field":o[2]||(o[2]=l=>t.value.categories=l),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(q.default,{submit:t.value._id?E:B,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},J=I.default(H,[["__scopeId","data-v-34379ac8"]]);exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("vue-router"),z=require("../../../../components/Field/Field.vue2.cjs"),S=require("../../../../components/Button/Button.vue2.cjs"),q=require("../../../../components/Select/Select.vue2.cjs"),M=require("../../../../components/Upload/Upload.vue.cjs"),s=require("../../store/gallery.cjs");require("./GalleryWithCategories.vue2.cjs");const F=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),I={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},P=["onClick"],j=["data-id"],G=["src","onClick"],R={class:"modal pd-thin"},T={class:"modal-content radius-big"},U={class:""},D=["src"],L={key:0,class:"flex-v-center flex m modal pd-big"},O={class:"modal-content radius-small pd-medium bg-white"},$=["src"],A=["src"],W=!1,h=10,H={__name:"GalleryWithCategories",setup(K){x.useRoute();const m=e.ref(null),f=["all","place","drinks","people","events"];let d=1,v=e.ref(null),g=e.ref(!1);const _=e.computed(()=>c.value==="all"?s.state.gallery:s.state.gallery.filter(a=>a.categories.includes(c.value))),k=async()=>{g.value=!0,await s.actions.fetchGallery(d,h),g.value=!1},r=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),i=e.ref(null),y=a=>{W.value?b(a):(r.value="modal",t.value.image=a,p())},b=a=>{r.value="edit-modal",t.value=a||{categories:"",size:"",image:null},p()},n=()=>{t.value={categories:"",size:"",image:!1},i.value=null,w()},p=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},w=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},V=[{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"}],C=async()=>{await s.actions.updatePhoto(t.value),n()},E=a=>{const o=a.files;if(t.value.image=o,o&&o.length>0){const l=new FileReader;l.onload=u=>{i.value=u.target.result},l.readAsDataURL(o[0])}},N=async a=>{if(!t.value.image||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({...t.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(o=>o.trim()):t.value.categories}),n()};let c=e.ref("all");const B=a=>{c.value=a};return e.onMounted(async()=>{await s.actions.fetchGallery(d,h),typeof window<"u"&&new IntersectionObserver(o=>{o.some(l=>l.isIntersecting)&&(d+=1,k())}).observe(v.value)}),(a,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",I,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(f,l=>e.createElementVNode("a",{key:l,onClick:u=>B(l),class:e.normalizeClass(["h3 uppercase mn-r-big",{"t-transp":e.unref(c)!==l}])},e.toDisplayString(a.$t("gallery.categories."+l)),11,P)),64)),e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:m,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(l,u)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:Q=>y(l.image)},null,8,G)):e.createCommentVNode("",!0)]),_:2},1024)],8,j))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:v,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",R,[e.createElementVNode("div",T,[e.createElementVNode("div",U,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,D)])])],512),[[e.vShow,t.value.image!==!1&&r.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&r.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",O,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof i.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,$)):e.createCommentVNode("",!0),typeof i.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,A)):e.createCommentVNode("",!0),t.value._id?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M.default,{key:2,id:"photo",name:"photo",type:"file",class:"t-black bg-grey pd-thin radius-small mn-thin",onFileChange:E,multiple:"true"})),e.createVNode(q.default,{options:V,label:"Size",select:t.value.size,"onUpdate:select":o[1]||(o[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(z.default,{field:t.value.categories,"onUpdate:field":o[2]||(o[2]=l=>t.value.categories=l),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(S.default,{submit:t.value._id?C:N,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},J=F.default(H,[["__scopeId","data-v-34379ac8"]]);exports.default=J;