@ozdao/prometheus-framework 0.2.117 → 0.2.119

package/dist/prometheus-framework/src/modules/gallery/components/blocks/PhotoViewer.vue.js

@@ -0,0 +1,64 @@
+import { ref as l, reactive as p, computed as X, openBlock as L, createElementBlock as w, createElementVNode as D, normalizeStyle as E } from "vue";
+import "./PhotoViewer.vue2.js";
+import T from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = ["src"], S = {
+  __name: "PhotoViewer",
+  props: {
+    photoUrl: String,
+    show: Boolean
+  },
+  setup(v) {
+    const n = l(1), s = p({ x: 0, y: 0 }), i = l(!1), a = p({ x: 0, y: 0 }), d = l(1), r = l(0), f = X(() => ({
+      transform: `scale(${n.value}) translate(${s.x}px, ${s.y}px)`
+    })), x = (t) => {
+      t.preventDefault();
+      const e = t.deltaY > 0 ? -0.1 : 0.1;
+      n.value = Math.min(Math.max(1, n.value + e), 3);
+    }, m = (t) => {
+      t.preventDefault(), i.value = !0, a.x = t.type === "mousedown" ? t.clientX : t.touches[0].clientX, a.y = t.type === "mousedown" ? t.clientY : t.touches[0].clientY;
+      const e = (c) => {
+        if (i.value) {
+          const u = c.type === "mousemove" ? c.clientX : c.touches[0].clientX, h = c.type === "mousemove" ? c.clientY : c.touches[0].clientY;
+          s.x += (u - a.x) / n.value, s.y += (h - a.y) / n.value, a.x = u, a.y = h;
+        }
+      }, o = () => {
+        i.value = !1, document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", o), document.removeEventListener("touchmove", e), document.removeEventListener("touchend", o);
+      };
+      document.addEventListener("mousemove", e), document.addEventListener("mouseup", o), document.addEventListener("touchmove", e), document.addEventListener("touchend", o);
+    }, y = (t) => {
+      if (t.touches.length === 2) {
+        const e = t.touches[0], o = t.touches[1], c = Math.abs(e.clientX - o.clientX), u = Math.abs(e.clientY - o.clientY);
+        r.value = Math.sqrt(c ** 2 + u ** 2), d.value = n.value;
+      } else
+        m(t);
+    }, g = (t) => {
+      if (t.touches.length === 2) {
+        t.preventDefault();
+        const e = t.touches[0], o = t.touches[1], c = Math.abs(e.clientX - o.clientX), u = Math.abs(e.clientY - o.clientY), _ = Math.sqrt(c ** 2 + u ** 2) / r.value;
+        n.value = Math.min(Math.max(1, d.value * _), 3);
+      }
+    }, M = (t) => {
+      t.touches.length === 0 && (r.value = 0);
+    }, Y = () => {
+      n.value = 1, s.x = 0, s.y = 0;
+    };
+    return (t, e) => (L(), w("div", {
+      class: "photo-container",
+      onWheel: x,
+      onMousedown: m,
+      onTouchstart: y,
+      onTouchmove: g,
+      onTouchend: M
+    }, [
+      D("img", {
+        src: v.photoUrl,
+        style: E(f.value),
+        ref: "image",
+        onLoad: Y
+      }, null, 44, b)
+    ], 32));
+  }
+}, $ = /* @__PURE__ */ T(S, [["__scopeId", "data-v-b2af8556"]]);
+export {
+  $ as default
+};

package/dist/prometheus-framework/src/modules/gallery/components/blocks/PhotoViewer.vue2.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/prometheus-framework/src/modules/gallery/components/blocks/PhotoViewer.vue2.js

@@ -0,0 +1 @@
+

package/dist/prometheus-framework/src/modules/gallery/components/pages/Gallery.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../../globals/components/sections/Title.vue.cjs"),l=require("../sections/GalleryWithCategories.vue.cjs"),o={class:"wrapper"},s={style:{"min-height":"100vh"}},a={__name:"Gallery",setup(c){return(t,i)=>(e.openBlock(),e.createElementBlock("div",o,[e.createVNode(r.default,{text:t.$t("gallery.title"),class:"pd-medium"},null,8,["text"]),e.createElementVNode("div",s,[e.createVNode(l.default)])]))}};exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../../../../components/Feed/Feed.vue.cjs"),f=require("../../../../components/Popup/Popup.vue2.cjs"),m=require("../../../globals/components/sections/SectionPageTitle.vue.cjs"),b=require("../blocks/PhotoViewer.vue.cjs"),g=require("../../store/gallery.cjs"),h={class:"cols-1 gap-thin pd-thin"},P={class:"w-100 h-100 pos-relative"},_=["src","onClick"],k={__name:"Gallery",setup(w){const d=e.ref([]),a=e.ref("all");let o=e.ref({param:"createdAt",order:"desc",options:[{label:"Date",value:"createdAt"},{label:"Popularity",value:"views"},{label:"Creator",value:"creator"}]}),r=e.ref({start:null,end:null});const n=e.ref(null),u=e.ref(!1);function c(s){u.value=!0,n.value=s}function p(){u.value=!1,n.value=null}return(s,l)=>(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(m.default,{title:s.$t("gallery.title"),"onUpdate:tabs_current":l[0]||(l[0]=t=>a.value=t),tabs_current:a.value,tabs:[{name:"All",value:"all"},{name:"Place",value:"place"},{name:"Drinks",value:"drinks"},{name:"People",value:"people"},{name:"Events",value:"events"}],class:"mn-b-small bg-light bg-light radius-big"},null,8,["title","tabs_current"]),e.createVNode(f.default,{onClosePopup:p,isPopupOpen:u.value,class:"bg-black o-hidden w-100 h-100 radius-big"},{default:e.withCtx(()=>[e.createVNode(b.default,{photoUrl:n.value.image},null,8,["photoUrl"])]),_:1},8,["isPopupOpen"]),e.createVNode(v.default,{items:d.value,"onUpdate:items":l[1]||(l[1]=t=>d.value=t),sort:e.unref(o),"onUpdate:sort":l[2]||(l[2]=t=>e.isRef(o)?o.value=t:o=t),date:e.unref(r),"onUpdate:date":l[3]||(l[3]=t=>e.isRef(r)?r.value=t:r=t),states:{empty:{title:"No Photos Found",description:"Currently, there are no photos in gallery."}},store:{read:t=>e.unref(g.default).read(t)},options:{limit:15,status:"published",...a.value!=="all"&&{tags:a.value}},class:"cols-3 gap-thin"},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,i=>(e.openBlock(),e.createElementBlock("div",{key:i._id,class:"bg-light radius-medium o-hidden flex-column pos-relative flex-wrap"},[e.createElementVNode("div",P,[e.createElementVNode("img",{src:(s.FILE_SERVER_URL||"")+i.cover,class:"w-100 h-100 object-fit-cover bg-black",onClick:y=>c(i)},null,8,_)])]))),128))]),_:1},8,["items","sort","date","store","options"])]))}};exports.default=k;

package/dist/prometheus-framework/src/modules/gallery/components/pages/Gallery.vue.js

@@ -1,20 +1,107 @@
-import { openBlock as r, createElementBlock as o, createVNode as e, createElementVNode as s } from "vue";
-import a from "../../../globals/components/sections/Title.vue.js";
-import c from "../sections/GalleryWithCategories.vue.js";
-const l = { class: "wrapper" }, m = { style: { "min-height": "100vh" } }, f = {
+import { ref as l, openBlock as d, createElementBlock as m, createVNode as n, withCtx as f, unref as c, isRef as b, Fragment as P, renderList as w, createElementVNode as g } from "vue";
+import k from "../../../../components/Feed/Feed.vue.js";
+import y from "../../../../components/Popup/Popup.vue2.js";
+import U from "../../../globals/components/sections/SectionPageTitle.vue.js";
+import C from "../blocks/PhotoViewer.vue.js";
+import E from "../../store/gallery.js";
+const R = { class: "cols-1 gap-thin pd-thin" }, V = { class: "w-100 h-100 pos-relative" }, x = ["src", "onClick"], j = {
   __name: "Gallery",
-  setup(_) {
-    return (t, i) => (r(), o("div", l, [
-      e(a, {
-        text: t.$t("gallery.title"),
-        class: "pd-medium"
-      }, null, 8, ["text"]),
-      s("div", m, [
-        e(c)
-      ])
+  setup(A) {
+    const v = l([]), a = l("all");
+    let o = l({
+      param: "createdAt",
+      order: "desc",
+      options: [{
+        label: "Date",
+        value: "createdAt"
+      }, {
+        label: "Popularity",
+        value: "views"
+      }, {
+        label: "Creator",
+        value: "creator"
+      }]
+    }), s = l({
+      start: null,
+      end: null
+    });
+    const i = l(null), u = l(!1);
+    function _(r) {
+      u.value = !0, i.value = r;
+    }
+    function h() {
+      u.value = !1, i.value = null;
+    }
+    return (r, t) => (d(), m("div", R, [
+      n(U, {
+        title: r.$t("gallery.title"),
+        "onUpdate:tabs_current": t[0] || (t[0] = (e) => a.value = e),
+        tabs_current: a.value,
+        tabs: [
+          { name: "All", value: "all" },
+          { name: "Place", value: "place" },
+          { name: "Drinks", value: "drinks" },
+          { name: "People", value: "people" },
+          { name: "Events", value: "events" }
+        ],
+        class: "mn-b-small bg-light bg-light radius-big"
+      }, null, 8, ["title", "tabs_current"]),
+      n(y, {
+        onClosePopup: h,
+        isPopupOpen: u.value,
+        class: "bg-black o-hidden w-100 h-100 radius-big"
+      }, {
+        default: f(() => [
+          n(C, {
+            photoUrl: i.value.image
+          }, null, 8, ["photoUrl"])
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen"]),
+      n(k, {
+        items: v.value,
+        "onUpdate:items": t[1] || (t[1] = (e) => v.value = e),
+        sort: c(o),
+        "onUpdate:sort": t[2] || (t[2] = (e) => b(o) ? o.value = e : o = e),
+        date: c(s),
+        "onUpdate:date": t[3] || (t[3] = (e) => b(s) ? s.value = e : s = e),
+        states: {
+          empty: {
+            title: "No Photos Found",
+            description: "Currently, there are no photos in gallery."
+          }
+        },
+        store: {
+          read: (e) => c(E).read(e)
+        },
+        options: {
+          limit: 15,
+          status: "published",
+          ...a.value !== "all" && { tags: a.value }
+        },
+        class: "cols-3 gap-thin"
+      }, {
+        default: f(({
+          items: e
+        }) => [
+          (d(!0), m(P, null, w(e, (p) => (d(), m("div", {
+            key: p._id,
+            class: "bg-light radius-medium o-hidden flex-column pos-relative flex-wrap"
+          }, [
+            g("div", V, [
+              g("img", {
+                src: (r.FILE_SERVER_URL || "") + p.cover,
+                class: "w-100 h-100 object-fit-cover bg-black",
+                onClick: (F) => _(p)
+              }, null, 8, x)
+            ])
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["items", "sort", "date", "store", "options"])
     ]));
   }
 };
 export {
-  f as default
+  j as default
 };

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"),y=require("vue-router");require("../../../../components/Field/Field.vue2.cjs");const k=require("../../../../components/Button/Button.vue.cjs");require("../../../../components/Select/Select.vue2.cjs");const q=require("../../../../components/Chips/Chips.vue.cjs");require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");const w=require("../../../../components/Popup/Popup.vue.cjs"),B=require("../../../../components/Feed/Feed.vue.cjs"),h=require("../../../auth/store/auth.cjs");require("../../../organizations/store/organizations.cjs");const s=require("../../store/gallery.cjs"),N=require("../../../globals/components/blocks/CardHeader.vue.cjs"),V=require("../../../globals/components/sections/SectionPageTitle.vue.cjs"),C=require("../../../../components/EditImages/EditImages.vue.cjs"),E=require("../../../../components/FieldTags/BlockTags.vue.cjs"),U={class:"cols-1 gap-thin pd-thin"},x=["src"],I={class:"pd-small"},T=["src"],A={__name:"BackofficeGallery",setup(F){const p=y.useRoute(),u=e.ref("all"),i=e.ref(!1);function g(l){i.value=!0,m.value=l}function d(){i.value=!1,m.value=null}const m=e.ref(null);e.ref("all");const r=e.ref({tags:null,image:null}),n=e.ref([]),v=l=>{n.value=l};e.ref(null);const c=e.ref([]),b=async l=>{await s.default.delete(l)},P=async()=>{await s.default.update(r.value),d()},_=async()=>{if(n.length<1){alert("Upload at least 1 image");return}let l=await s.default.create({images:n.value,tags:r.value.tags,owner:{type:"Organization",target:p.params._id},creator:{type:"User",target:h.state.user._id}});for(let t of l)s.default.addItem(t,c.value)};return e.onMounted(async()=>{}),(l,t)=>(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(V.default,{title:"Manage Gallery","onUpdate:tabs_current":t[0]||(t[0]=a=>u.value=a),tabs_current:u.value,tabs:[{name:"All",value:"all"},{name:"Featured",value:"featured"},{name:"Published",value:"published"},{name:"Draft",value:"draft"},{name:"Archived",value:"archived"}],actions:[{method:()=>g(null),label:"Add Photo"}],class:"mn-b-small bg-light bg-light radius-big"},null,8,["tabs_current","actions"]),e.createVNode(B.default,{items:c.value,"onUpdate:items":t[2]||(t[2]=a=>c.value=a),sort:e.unref(s.default).state.sort,"onUpdate:sort":t[3]||(t[3]=a=>e.unref(s.default).state.sort=a),search:!0,states:{empty:{title:"No Photos Found",description:"Currently, there are no photos in gallery."}},store:{read:a=>e.unref(s.default).read(a)},options:{limit:15,owner:e.unref(p).params._id,...u.value!=="all"&&{status:u.value}},class:"cols-3 gap-thin"},{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,o=>{var f;return e.openBlock(),e.createElementBlock("div",{key:o._id,class:"bg-light radius-small flex-column pos-relative flex-wrap"},[e.createVNode(N.default,{entity:o,entityType:"photo",user:h.state.user._id,owner:o.creator,creator:o.creator,date:o.createdAt,actions:[{method:()=>b(o._id),label:"Delete"}],class:"pd-small mn-b-small"},null,8,["entity","user","owner","creator","date","actions"]),e.createElementVNode("img",{src:(l.FILE_SERVER_URL||"")+o.cover,class:"w-100 h-20r object-fit-contain bg-black",onClick:t[1]||(t[1]=O=>g(l.photo))},null,8,x),e.createElementVNode("div",I,[((f=o.tags)==null?void 0:f.length)>0?(e.openBlock(),e.createBlock(q.default,{key:0,chips:o.tags},null,8,["chips"])):e.createCommentVNode("",!0)])])}),128))]),_:1},8,["items","sort","store","options"]),e.createVNode(w.default,{title:"Add photo",onClosePopup:d,isPopupOpen:i.value,class:"bg-white w-max-30r radius-big pd-big"},{default:e.withCtx(()=>[r.value.cover?(e.openBlock(),e.createElementBlock("img",{key:0,src:r.value.cover,class:"radius-small w-100 mn-b-small h-20r object-fit-cover"},null,8,T)):e.createCommentVNode("",!0),e.createVNode(C.default,{images:n.value,uploadPath:"/photos","onUpdate:images":v,class:"mn-b-semi bg-light radius-medium"},null,8,["images"]),e.createVNode(E.default,{onTagsChanged:t[4]||(t[4]=a=>r.value.tags=a),tags:r.value.tags},null,8,["tags"]),e.createVNode(k.default,{submit:r.value._id?P:_,callback:d,class:"mn-b-thin bg-main w-100"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value._id?"Update":"Publish"),1)]),_:1},8,["submit"])]),_:1},8,["isPopupOpen"])]))}};exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("vue-router");require("../../../../components/Field/Field.vue.cjs");const w=require("../../../../components/Button/Button.vue2.cjs");require("../../../../components/Select/Select.vue.cjs");const B=require("../../../../components/Chips/Chips.vue.cjs");require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");const _=require("../../../../components/Popup/Popup.vue2.cjs"),E=require("../../../../components/Feed/Feed.vue.cjs"),k=require("../../../auth/store/auth.cjs");require("../../../organizations/store/organizations.cjs");const o=require("../../store/gallery.cjs"),U=require("../../../globals/components/blocks/CardHeader.vue.cjs"),A=require("../../../globals/components/sections/SectionPageTitle.vue.cjs"),I=require("../blocks/PhotoViewer.vue.cjs"),O=require("../../../../components/EditImages/EditImages.vue.cjs"),T=require("../../../../components/FieldTags/BlockTags.vue.cjs"),R={class:"cols-1 gap-thin pd-thin"},S={class:"pos-relative"},D=["src","onClick"],F={class:"pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra"},j={class:"pd-small"},L=["src"],G={class:"flex-nowrap flex gap-thin"},M={__name:"BackofficeGallery",setup(z){const h=C.useRoute(),i=e.ref("all");let c=e.ref({param:"createdAt",order:"desc",options:[{label:"Date",value:"createdAt"},{label:"Popularity",value:"views"},{label:"Creator",value:"creator"}]}),p=e.ref({start:null,end:null});const f=e.ref(!1);function x(a){f.value=!0,u.value=a}function y(){f.value=!1,u.value=null}const m=e.ref(!1);function V(a){m.value=!0,u.value=a}function v(){m.value=!1,u.value=null,n.value=[],r.value={tags:null,image:null}}const u=e.ref(null);e.ref("all");const r=e.ref({tags:null,image:null}),n=e.ref([]),N=a=>{n.value=a},d=e.ref([]),q=async a=>{await o.default.delete(a._id),o.default.removeItem(a,d.value)},g=async(a,s)=>{a.status=s,await o.default.update(a),o.default.updateItem(a,d.value)},b=async a=>{if(n.length<1){alert("Upload at least 1 image");return}let s=await o.default.create({images:n.value,tags:r.value.tags,status:a,owner:{type:"Organization",target:h.params._id},creator:{type:"User",target:k.state.user._id}});for(let t of s)o.default.addItem(t,d.value)};return(a,s)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(A.default,{title:"Gallery","onUpdate:tabs_current":s[0]||(s[0]=t=>i.value=t),tabs_current:i.value,tabs:[{name:"All",value:"all"},{name:"Featured",value:"featured"},{name:"Published",value:"published"},{name:"Draft",value:"draft"},{name:"Archived",value:"archived"}],actions:[{method:()=>V(null),label:"Add Photo"}],class:"mn-b-small bg-light bg-light radius-big"},null,8,["tabs_current","actions"]),e.createVNode(E.default,{items:d.value,"onUpdate:items":s[1]||(s[1]=t=>d.value=t),sort:e.unref(c),"onUpdate:sort":s[2]||(s[2]=t=>e.isRef(c)?c.value=t:c=t),date:e.unref(p),"onUpdate:date":s[3]||(s[3]=t=>e.isRef(p)?p.value=t:p=t),states:{empty:{title:"No Photos Found",description:"Currently, there are no photos in gallery."}},store:{read:t=>e.unref(o.default).read(t)},options:{limit:15,owner:e.unref(h).params._id,...i.value!=="all"&&{status:i.value}},class:"cols-3 gap-thin"},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,l=>{var P;return e.openBlock(),e.createElementBlock("div",{key:l._id,class:"bg-light radius-small flex-column pos-relative flex-wrap"},[e.createVNode(U.default,{entity:l,entityType:"photo",user:k.state.user._id,owner:l.creator,creator:l.creator,date:l.createdAt,actions:[{method:()=>q(l),label:"Delete"},{method:()=>g(l,"archived"),label:"Archive"},l.status==="draft"?{method:()=>g(l,"published"),label:"Publish"}:{method:()=>g(l,"draft"),label:"Draft"}],class:"pd-small mn-b-small"},null,8,["entity","user","owner","creator","date","actions"]),e.createElementVNode("div",S,[e.createElementVNode("img",{src:(a.FILE_SERVER_URL||"")+l.cover,class:"w-100 h-20r object-fit-contain bg-black",onClick:H=>x(l)},null,8,D),e.createElementVNode("div",F,e.toDisplayString(l.status),1)]),e.createElementVNode("div",j,[((P=l.tags)==null?void 0:P.length)>0?(e.openBlock(),e.createBlock(B.default,{key:0,chips:l.tags},null,8,["chips"])):e.createCommentVNode("",!0)])])}),128))]),_:1},8,["items","sort","date","store","options"]),e.createVNode(_.default,{onClosePopup:y,isPopupOpen:f.value,class:"bg-black o-hidden w-100 h-100 radius-big"},{default:e.withCtx(()=>[e.createVNode(I.default,{photoUrl:u.value.image},null,8,["photoUrl"])]),_:1},8,["isPopupOpen"]),e.createVNode(_.default,{title:"Add Photo",onClosePopup:v,isPopupOpen:m.value,class:"bg-white w-max-30r radius-big pd-big"},{default:e.withCtx(()=>[r.value.cover?(e.openBlock(),e.createElementBlock("img",{key:0,src:r.value.cover,class:"radius-small w-100 mn-b-small h-20r object-fit-cover"},null,8,L)):e.createCommentVNode("",!0),e.createVNode(O.default,{images:n.value,uploadPath:"/photos","onUpdate:images":N,class:"mn-b-semi bg-light radius-medium"},null,8,["images"]),e.createVNode(T.default,{onTagsChanged:s[4]||(s[4]=t=>r.value.tags=t),tags:r.value.tags,tagsSuggested:[{text:"people"},{text:"events"},{text:"place"},{text:"food"},{text:"drinks"},{text:"special"}],class:"mn-b-semi"},null,8,["tags"]),e.createElementVNode("div",G,[e.createVNode(w.default,{submit:()=>b("draft"),callback:v,class:"t-nowrap bg-second w-100"},{default:e.withCtx(()=>[e.createTextVNode(" To drafts ")]),_:1},8,["submit"]),e.createVNode(w.default,{submit:()=>b("published"),callback:v,class:"bg-main w-100"},{default:e.withCtx(()=>[e.createTextVNode(" Publish ")]),_:1},8,["submit"])])]),_:1},8,["isPopupOpen"])]))}};exports.default=M;

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

@@ -1,68 +1,92 @@
-import { ref as l, onMounted as A, openBlock as i, createElementBlock as c, createVNode as r, unref as d, withCtx as h, Fragment as E, renderList as I, createElementVNode as P, createBlock as N, createCommentVNode as w, createTextVNode as V, toDisplayString as B } from "vue";
-import { useRoute as F } from "vue-router";
-import "../../../../components/Field/Field.vue2.js";
-import O from "../../../../components/Button/Button.vue.js";
-import "../../../../components/Select/Select.vue2.js";
-import R from "../../../../components/Chips/Chips.vue.js";
+import { ref as s, openBlock as d, createElementBlock as h, createVNode as o, unref as b, isRef as C, withCtx as c, Fragment as F, renderList as S, createElementVNode as m, toDisplayString as T, createBlock as L, createCommentVNode as A, createTextVNode as I } from "vue";
+import { useRoute as j } from "vue-router";
+import "../../../../components/Field/Field.vue.js";
+import O from "../../../../components/Button/Button.vue2.js";
+import "../../../../components/Select/Select.vue.js";
+import G from "../../../../components/Chips/Chips.vue.js";
 import "../../../../components/SelectMulti/SelectMulti.vue2.js";
-import D from "../../../../components/Popup/Popup.vue.js";
-import L from "../../../../components/Feed/Feed.vue.js";
-import { state as k } from "../../../auth/store/auth.js";
+import V from "../../../../components/Popup/Popup.vue2.js";
+import z from "../../../../components/Feed/Feed.vue.js";
+import { state as $ } from "../../../auth/store/auth.js";
 import "../../../organizations/store/organizations.js";
-import n from "../../store/gallery.js";
-import T from "../../../globals/components/blocks/CardHeader.vue.js";
-import j from "../../../globals/components/sections/SectionPageTitle.vue.js";
-import G from "../../../../components/EditImages/EditImages.vue.js";
+import r from "../../store/gallery.js";
+import q from "../../../globals/components/blocks/CardHeader.vue.js";
+import H from "../../../globals/components/sections/SectionPageTitle.vue.js";
+import J from "../blocks/PhotoViewer.vue.js";
+import K from "../../../../components/EditImages/EditImages.vue.js";
 import M from "../../../../components/FieldTags/BlockTags.vue.js";
-const S = { class: "cols-1 gap-thin pd-thin" }, z = ["src"], q = { class: "pd-small" }, H = ["src"], ce = {
+const Q = { class: "cols-1 gap-thin pd-thin" }, W = { class: "pos-relative" }, X = ["src", "onClick"], Y = { class: "pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra" }, Z = { class: "pd-small" }, ee = ["src"], te = { class: "flex-nowrap flex gap-thin" }, we = {
   __name: "BackofficeGallery",
-  setup(J) {
-    const v = F(), u = l("all"), p = l(!1);
-    function _(a) {
-      p.value = !0, b.value = a;
+  setup(ae) {
+    const x = j(), v = s("all");
+    let f = s({
+      param: "createdAt",
+      order: "desc",
+      options: [{
+        label: "Date",
+        value: "createdAt"
+      }, {
+        label: "Popularity",
+        value: "views"
+      }, {
+        label: "Creator",
+        value: "creator"
+      }]
+    }), g = s({
+      start: null,
+      end: null
+    });
+    const _ = s(!1);
+    function D(t) {
+      _.value = !0, i.value = t;
+    }
+    function E() {
+      _.value = !1, i.value = null;
+    }
+    const P = s(!1);
+    function N(t) {
+      P.value = !0, i.value = t;
     }
-    function g() {
-      p.value = !1, b.value = null;
+    function w() {
+      P.value = !1, i.value = null, u.value = [], n.value = { tags: null, image: null };
     }
-    const b = l(null);
-    l("all");
-    const s = l({
+    const i = s(null);
+    s("all");
+    const n = s({
       tags: null,
       image: null
-    }), m = l([]), U = (a) => {
-      m.value = a;
-    };
-    l(null);
-    const f = l([]), $ = async (a) => {
-      await n.delete(a);
-    }, C = async () => {
-      await n.update(s.value), g();
-    }, x = async () => {
-      if (m.length < 1) {
+    }), u = s([]), R = (t) => {
+      u.value = t;
+    }, p = s([]), B = async (t) => {
+      await r.delete(t._id), r.removeItem(t, p.value);
+    }, y = async (t, l) => {
+      t.status = l, await r.update(t), r.updateItem(t, p.value);
+    }, k = async (t) => {
+      if (u.length < 1) {
         alert("Upload at least 1 image");
         return;
       }
-      let a = await n.create({
-        images: m.value,
-        tags: s.value.tags,
+      let l = await r.create({
+        images: u.value,
+        tags: n.value.tags,
+        status: t,
         owner: {
           type: "Organization",
-          target: v.params._id
+          target: x.params._id
         },
         creator: {
           type: "User",
-          target: k.user._id
+          target: $.user._id
         }
       });
-      for (let e of a)
-        n.addItem(e, f.value);
+      for (let e of l)
+        r.addItem(e, p.value);
     };
-    return A(async () => {
-    }), (a, e) => (i(), c("div", S, [
-      r(j, {
-        title: "Manage Gallery",
-        "onUpdate:tabs_current": e[0] || (e[0] = (t) => u.value = t),
-        tabs_current: u.value,
+    return (t, l) => (d(), h("div", Q, [
+      o(H, {
+        title: "Gallery",
+        "onUpdate:tabs_current": l[0] || (l[0] = (e) => v.value = e),
+        tabs_current: v.value,
         tabs: [
           { name: "All", value: "all" },
           { name: "Featured", value: "featured" },
@@ -71,16 +95,17 @@ const S = { class: "cols-1 gap-thin pd-thin" }, z = ["src"], q = { class: "pd-sm
           { name: "Archived", value: "archived" }
         ],
         actions: [
-          { method: () => _(null), label: "Add Photo" }
+          { method: () => N(null), label: "Add Photo" }
         ],
         class: "mn-b-small bg-light bg-light radius-big"
       }, null, 8, ["tabs_current", "actions"]),
-      r(L, {
-        items: f.value,
-        "onUpdate:items": e[2] || (e[2] = (t) => f.value = t),
-        sort: d(n).state.sort,
-        "onUpdate:sort": e[3] || (e[3] = (t) => d(n).state.sort = t),
-        search: !0,
+      o(z, {
+        items: p.value,
+        "onUpdate:items": l[1] || (l[1] = (e) => p.value = e),
+        sort: b(f),
+        "onUpdate:sort": l[2] || (l[2] = (e) => C(f) ? f.value = e : f = e),
+        date: b(g),
+        "onUpdate:date": l[3] || (l[3] = (e) => C(g) ? g.value = e : g = e),
         states: {
           empty: {
             title: "No Photos Found",
@@ -88,84 +113,122 @@ const S = { class: "cols-1 gap-thin pd-thin" }, z = ["src"], q = { class: "pd-sm
           }
         },
         store: {
-          read: (t) => d(n).read(t)
+          read: (e) => b(r).read(e)
         },
         options: {
           limit: 15,
-          owner: d(v).params._id,
-          ...u.value !== "all" && { status: u.value }
+          owner: b(x).params._id,
+          ...v.value !== "all" && { status: v.value }
         },
         class: "cols-3 gap-thin"
       }, {
-        default: h(({
-          items: t
+        default: c(({
+          items: e
         }) => [
-          (i(!0), c(E, null, I(t, (o) => {
-            var y;
-            return i(), c("div", {
-              key: o._id,
+          (d(!0), h(F, null, S(e, (a) => {
+            var U;
+            return d(), h("div", {
+              key: a._id,
               class: "bg-light radius-small flex-column pos-relative flex-wrap"
             }, [
-              r(T, {
-                entity: o,
+              o(q, {
+                entity: a,
                 entityType: "photo",
-                user: k.user._id,
-                owner: o.creator,
-                creator: o.creator,
-                date: o.createdAt,
+                user: $.user._id,
+                owner: a.creator,
+                creator: a.creator,
+                date: a.createdAt,
                 actions: [
-                  { method: () => $(o._id), label: "Delete" }
+                  { method: () => B(a), label: "Delete" },
+                  { method: () => y(a, "archived"), label: "Archive" },
+                  a.status === "draft" ? { method: () => y(a, "published"), label: "Publish" } : { method: () => y(a, "draft"), label: "Draft" }
                 ],
                 class: "pd-small mn-b-small"
               }, null, 8, ["entity", "user", "owner", "creator", "date", "actions"]),
-              P("img", {
-                src: (a.FILE_SERVER_URL || "") + o.cover,
-                class: "w-100 h-20r object-fit-contain bg-black",
-                onClick: e[1] || (e[1] = (K) => _(a.photo))
-              }, null, 8, z),
-              P("div", q, [
-                ((y = o.tags) == null ? void 0 : y.length) > 0 ? (i(), N(R, {
+              m("div", W, [
+                m("img", {
+                  src: (t.FILE_SERVER_URL || "") + a.cover,
+                  class: "w-100 h-20r object-fit-contain bg-black",
+                  onClick: (le) => D(a)
+                }, null, 8, X),
+                m("div", Y, T(a.status), 1)
+              ]),
+              m("div", Z, [
+                ((U = a.tags) == null ? void 0 : U.length) > 0 ? (d(), L(G, {
                   key: 0,
-                  chips: o.tags
-                }, null, 8, ["chips"])) : w("", !0)
+                  chips: a.tags
+                }, null, 8, ["chips"])) : A("", !0)
               ])
             ]);
           }), 128))
         ]),
         _: 1
-      }, 8, ["items", "sort", "store", "options"]),
-      r(D, {
-        title: "Add photo",
-        onClosePopup: g,
-        isPopupOpen: p.value,
+      }, 8, ["items", "sort", "date", "store", "options"]),
+      o(V, {
+        onClosePopup: E,
+        isPopupOpen: _.value,
+        class: "bg-black o-hidden w-100 h-100 radius-big"
+      }, {
+        default: c(() => [
+          o(J, {
+            photoUrl: i.value.image
+          }, null, 8, ["photoUrl"])
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen"]),
+      o(V, {
+        title: "Add Photo",
+        onClosePopup: w,
+        isPopupOpen: P.value,
         class: "bg-white w-max-30r radius-big pd-big"
       }, {
-        default: h(() => [
-          s.value.cover ? (i(), c("img", {
+        default: c(() => [
+          n.value.cover ? (d(), h("img", {
             key: 0,
-            src: s.value.cover,
+            src: n.value.cover,
             class: "radius-small w-100 mn-b-small h-20r object-fit-cover"
-          }, null, 8, H)) : w("", !0),
-          r(G, {
-            images: m.value,
+          }, null, 8, ee)) : A("", !0),
+          o(K, {
+            images: u.value,
             uploadPath: "/photos",
-            "onUpdate:images": U,
+            "onUpdate:images": R,
             class: "mn-b-semi bg-light radius-medium"
           }, null, 8, ["images"]),
-          r(M, {
-            onTagsChanged: e[4] || (e[4] = (t) => s.value.tags = t),
-            tags: s.value.tags
+          o(M, {
+            onTagsChanged: l[4] || (l[4] = (e) => n.value.tags = e),
+            tags: n.value.tags,
+            tagsSuggested: [
+              { text: "people" },
+              { text: "events" },
+              { text: "place" },
+              { text: "food" },
+              { text: "drinks" },
+              { text: "special" }
+            ],
+            class: "mn-b-semi"
           }, null, 8, ["tags"]),
-          r(O, {
-            submit: s.value._id ? C : x,
-            callback: g,
-            class: "mn-b-thin bg-main w-100"
-          }, {
-            default: h(() => [
-              V(B(s.value._id ? "Update" : "Publish"), 1)
-            ]),
-            _: 1
-          }, 8, ["submit"])
+          m("div", te, [
+            o(O, {
+              submit: () => k("draft"),
+              callback: w,
+              class: "t-nowrap bg-second w-100"
+            }, {
+              default: c(() => [
+                I(" To drafts ")
+              ]),
+              _: 1
+            }, 8, ["submit"]),
+            o(O, {
+              submit: () => k("published"),
+              callback: w,
+              class: "bg-main w-100"
+            }, {
+              default: c(() => [
+                I(" Publish ")
+              ]),
+              _: 1
+            }, 8, ["submit"])
+          ])
         ]),
         _: 1
       }, 8, ["isPopupOpen"])
@@ -173,5 +236,5 @@ const S = { class: "cols-1 gap-thin pd-thin" }, z = ["src"], q = { class: "pd-sm
   }
 };
 export {
-  ce as default
+  we 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"),w=require("vue-router");require("../../../../components/Field/Field.vue2.cjs");require("../../../../components/Loader/Loader.vue.cjs");require("../../../../components/Button/Button.vue2.cjs");require("../../../../components/Select/Select.vue2.cjs");require("../../../../components/Upload/Upload.vue2.cjs");require("../../store/gallery.cjs");const N={class:"pd-medium flex-v-center gap-big flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},V=["onClick"],C=["data-id"],B=["src","onClick"],q={class:"modal pd-thin"},M={class:"modal-content radius-big"},S={class:""},x=["src"],I=!1,m=10,z={__name:"GalleryWithCategories",setup(G){w.useRoute();const r=e.ref(null),v=["all","place","drinks","people","events"];let s=1,i=e.ref(null),c=e.ref(!1);const f=e.computed(()=>n.value==="all"?state.gallery:state.gallery.filter(l=>l.categories.includes(n.value))),p=async()=>{c.value=!0,await actions.fetchGallery(s,m),c.value=!1},a=e.ref(null),o=e.ref({categories:"",size:"",image:!1}),h=e.ref(null),g=l=>{I.value?_(l):(a.value="modal",o.value.image=l,d())},_=l=>{a.value="edit-modal",o.value=l||{categories:"",size:"",image:null},d()},k=()=>{o.value={categories:"",size:"",image:!1},h.value=null,y()},d=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},y=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""};let n=e.ref("all");const E=l=>{n.value=l};return e.onMounted(async()=>{await actions.fetchGallery(s,m),typeof window<"u"&&new IntersectionObserver(u=>{u.some(t=>t.isIntersecting)&&(s+=1,p())}).observe(i.value)}),(l,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",N,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(v,t=>e.createElementVNode("a",{key:t,onClick:b=>E(t),class:e.normalizeClass(["h3 uppercase",{"t-transp":e.unref(n)!==t,"pd-thin bg-main radius-small":e.unref(n)===t}])},e.toDisplayString(l.$t("gallery.categories."+t)),11,V)),64)),e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:r,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(t,b)=>(e.openBlock(),e.createElementBlock("div",{key:t.id,"data-id":t.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+t.cover,class:"w-100 h-100 o-hidden radius-big object-fit-cover",onClick:$=>g(t.image)},null,8,B)):e.createCommentVNode("",!0)]),_:2},1024)],8,C))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:i,class:"sentinel"},null,512),e.withDirectives(e.createElementVNode("div",q,[e.createElementVNode("div",M,[e.createElementVNode("div",S,[e.createElementVNode("span",{class:"close",onClick:k},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+o.value.image},null,8,x)])])],512),[[e.vShow,o.value.image!==!1&&a.value==="modal"]])],512)]))}};exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("vue-router");require("../../../../components/Field/Field.vue.cjs");require("../../../../components/Loader/Loader.vue.cjs");require("../../../../components/Button/Button.vue.cjs");require("../../../../components/Select/Select.vue2.cjs");require("../../../../components/Upload/Upload.vue2.cjs");require("../../store/gallery.cjs");const N={class:"pd-medium flex-v-center gap-big flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},V=["onClick"],C=["data-id"],B=["src","onClick"],q={class:"modal pd-thin"},M={class:"modal-content radius-big"},S={class:""},x=["src"],I=!1,m=10,z={__name:"GalleryWithCategories",setup(G){w.useRoute();const r=e.ref(null),v=["all","place","drinks","people","events"];let s=1,i=e.ref(null),c=e.ref(!1);const f=e.computed(()=>n.value==="all"?state.gallery:state.gallery.filter(l=>l.categories.includes(n.value))),p=async()=>{c.value=!0,await actions.fetchGallery(s,m),c.value=!1},a=e.ref(null),o=e.ref({categories:"",size:"",image:!1}),h=e.ref(null),g=l=>{I.value?_(l):(a.value="modal",o.value.image=l,d())},_=l=>{a.value="edit-modal",o.value=l||{categories:"",size:"",image:null},d()},k=()=>{o.value={categories:"",size:"",image:!1},h.value=null,y()},d=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},y=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""};let n=e.ref("all");const E=l=>{n.value=l};return e.onMounted(async()=>{await actions.fetchGallery(s,m),typeof window<"u"&&new IntersectionObserver(u=>{u.some(t=>t.isIntersecting)&&(s+=1,p())}).observe(i.value)}),(l,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",N,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(v,t=>e.createElementVNode("a",{key:t,onClick:b=>E(t),class:e.normalizeClass(["h3 uppercase",{"t-transp":e.unref(n)!==t,"pd-thin bg-main radius-small":e.unref(n)===t}])},e.toDisplayString(l.$t("gallery.categories."+t)),11,V)),64)),e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:r,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(t,b)=>(e.openBlock(),e.createElementBlock("div",{key:t.id,"data-id":t.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+t.cover,class:"w-100 h-100 o-hidden radius-big object-fit-cover",onClick:$=>g(t.image)},null,8,B)):e.createCommentVNode("",!0)]),_:2},1024)],8,C))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:i,class:"sentinel"},null,512),e.withDirectives(e.createElementVNode("div",q,[e.createElementVNode("div",M,[e.createElementVNode("div",S,[e.createElementVNode("span",{class:"close",onClick:k},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+o.value.image},null,8,x)])])],512),[[e.vShow,o.value.image!==!1&&a.value==="modal"]])],512)]))}};exports.default=z;

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

@@ -1,8 +1,8 @@
 import { ref as o, computed as S, onMounted as N, openBlock as a, createElementBlock as i, createElementVNode as l, Fragment as f, renderList as h, normalizeClass as V, unref as g, toDisplayString as $, createCommentVNode as _, createVNode as B, Transition as D, withCtx as j, withDirectives as F, vShow as L } from "vue";
 import { useRoute as O } from "vue-router";
-import "../../../../components/Field/Field.vue2.js";
+import "../../../../components/Field/Field.vue.js";
 import "../../../../components/Loader/Loader.vue.js";
-import "../../../../components/Button/Button.vue2.js";
+import "../../../../components/Button/Button.vue.js";
 import "../../../../components/Select/Select.vue2.js";
 import "../../../../components/Upload/Upload.vue2.js";
 import "../../store/gallery.js";

package/dist/prometheus-framework/src/modules/globals/components/blocks/BlockSearch.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../../icons/navigation/IconSearch.vue.cjs"),u=require("../../../../components/Field/Field.vue.cjs"),d={class:"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-big"},i={__name:"BlockSearch",props:{placeholder:{type:String,default:"Enter shop or product name"},button:{type:String,default:"Search"}},emits:["search"],setup(l,{emit:a}){const c=a;e.ref(null);const o=t=>{c("search",t)};return(t,r)=>(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(s.default,{class:"i-medium t-transp mn-r-thin"}),e.createVNode(u.default,{placeholder:l.placeholder,"onUpdate:field":r[0]||(r[0]=n=>o(n)),class:"w-100"},null,8,["placeholder"])]))}};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../../icons/navigation/IconSearch.vue.cjs"),u=require("../../../../components/Field/Field.vue2.cjs"),d={class:"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-big"},i={__name:"BlockSearch",props:{placeholder:{type:String,default:"Enter shop or product name"},button:{type:String,default:"Search"}},emits:["search"],setup(l,{emit:a}){const c=a;e.ref(null);const o=t=>{c("search",t)};return(t,r)=>(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(s.default,{class:"i-medium t-transp mn-r-thin"}),e.createVNode(u.default,{placeholder:l.placeholder,"onUpdate:field":r[0]||(r[0]=n=>o(n)),class:"w-100"},null,8,["placeholder"])]))}};exports.default=i;