@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1 +1,122 @@
-"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.vue.cjs"),m=require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs"),b=require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs"),g=require("../../store/gallery.cjs"),h={class:"cols-1 gap-thin pd-thin"},P={class:"w-100 h-100 h-min-10r pos-relative"},_=["src","onClick"],k={__name:"Gallery",setup(w){const d=e.ref([]),o=e.ref("all");let r=e.ref({param:"createdAt",order:"desc",options:[{label:"Date",value:"createdAt"},{label:"Popularity",value:"views"},{label:"Creator",value:"creator"}]}),s=e.ref({start:null,end:null});const n=e.ref(null),u=e.ref(!1);function p(a){u.value=!0,n.value=a}function c(){u.value=!1,n.value=null}return(a,l)=>(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(b.default,{title:a.$t("gallery.title"),"onUpdate:tabs_current":l[0]||(l[0]=t=>o.value=t),tabs_current:o.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:c,isPopupOpen:u.value,class:"bg-black o-hidden w-100 h-100 radius-big"},{default:e.withCtx(()=>[e.createVNode(m.default,{photoUrl:(a.FILE_SERVER_URL||"")+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(r),"onUpdate:sort":l[2]||(l[2]=t=>e.isRef(r)?r.value=t:r=t),date:e.unref(s),"onUpdate:date":l[3]||(l[3]=t=>e.isRef(s)?s.value=t:s=t),showLoadMore:!1,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",...o.value!=="all"&&{tags:o.value}},class:"cols-4 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:(a.FILE_SERVER_URL||"")+i.cover,class:"w-100 h-100 object-fit-cover bg-black",onClick:E=>p(i)},null,8,_)])]))),128))]),_:1},8,["items","sort","date","store","options"])]))}};exports.default=k;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
+const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
+const gallery = require("../../store/gallery.cjs");
+const _hoisted_1 = { class: "cols-1 gap-thin pd-thin" };
+const _hoisted_2 = { class: "w-100 h-100 h-min-10r pos-relative" };
+const _hoisted_3 = ["src", "onClick"];
+const _sfc_main = {
+  __name: "Gallery",
+  setup(__props) {
+    const photos = vue.ref([]);
+    const tab = vue.ref("all");
+    let sort = vue.ref({
+      param: "createdAt",
+      order: "desc",
+      options: [{
+        label: "Date",
+        value: "createdAt"
+      }, {
+        label: "Popularity",
+        value: "views"
+      }, {
+        label: "Creator",
+        value: "creator"
+      }]
+    });
+    let date = vue.ref({
+      start: null,
+      end: null
+    });
+    const selectedPhoto = vue.ref(null);
+    const isOpenPreviewPopup = vue.ref(false);
+    function openPreviewPopup(photo) {
+      isOpenPreviewPopup.value = true;
+      selectedPhoto.value = photo;
+    }
+    function closePreviewPopup() {
+      isOpenPreviewPopup.value = false;
+      selectedPhoto.value = null;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(SectionPageTitle.default, {
+          title: _ctx.$t("gallery.title"),
+          "onUpdate:tabs_current": _cache[0] || (_cache[0] = (update) => tab.value = update),
+          tabs_current: tab.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"]),
+        vue.createVNode(Popup.default, {
+          onClosePopup: closePreviewPopup,
+          isPopupOpen: isOpenPreviewPopup.value,
+          class: "bg-black o-hidden w-100 h-100 radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(PhotoViewer.default, {
+              photoUrl: (_ctx.FILE_SERVER_URL || "") + selectedPhoto.value.image
+            }, null, 8, ["photoUrl"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Feed.default, {
+          items: photos.value,
+          "onUpdate:items": _cache[1] || (_cache[1] = ($event) => photos.value = $event),
+          sort: vue.unref(sort),
+          "onUpdate:sort": _cache[2] || (_cache[2] = ($event) => vue.isRef(sort) ? sort.value = $event : sort = $event),
+          date: vue.unref(date),
+          "onUpdate:date": _cache[3] || (_cache[3] = ($event) => vue.isRef(date) ? date.value = $event : date = $event),
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Photos Found",
+              description: "Currently, there are no photos in gallery."
+            }
+          },
+          store: {
+            read: (options) => vue.unref(gallery.default).read(options)
+          },
+          options: {
+            limit: 15,
+            status: "published",
+            ...tab.value !== "all" && { tags: tab.value }
+          },
+          class: "cols-4 gap-thin"
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item._id,
+                class: "bg-light radius-medium o-hidden flex-column pos-relative flex-wrap"
+              }, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createElementVNode("img", {
+                    loading: "lazy",
+                    src: (_ctx.FILE_SERVER_URL || "") + item.cover,
+                    class: "w-100 h-100 object-fit-cover bg-black",
+                    onClick: ($event) => openPreviewPopup(item)
+                  }, null, 8, _hoisted_3)
+                ])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["items", "sort", "date", "store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Gallery.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.vue.cjs","sources":["../../../../../../../src/modules/gallery/components/pages/Gallery.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-1 gap-thin pd-thin\">\n\t\t<SectionPageTitle\n      :title=\"$t('gallery.title')\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All', value: 'all' },\n        { name: 'Place', value: 'place' },\n        { name: 'Drinks', value: 'drinks' },\n        { name: 'People', value: 'people' },\n        { name: 'Events', value: 'events' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n    <Popup \n      @close-popup=\"closePreviewPopup\" \n      :isPopupOpen=\"isOpenPreviewPopup\"\n      class=\"bg-black o-hidden w-100 h-100 radius-big\"\n    >\n      <PhotoViewer\n        :photoUrl=\"((FILE_SERVER_URL || '') + selectedPhoto.image)\"\n      />\n    </Popup>\n\n\t\t<Feed\n      v-model:items=\"photos\"\n      v-model:sort=\"sort\"\n      v-model:date=\"date\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Photos Found',\n          description: 'Currently, there are no photos in gallery.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => gallery.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        status: 'published',\n        ...(tab !== 'all' && { tags: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"cols-4 gap-thin\"\n    >\n      <div v-for=\"item in items\"  :key=\"item._id\" class=\"bg-light radius-medium o-hidden flex-column pos-relative flex-wrap\">\n        <div class=\"w-100 h-100 h-min-10r pos-relative\">\n          <img loading=\"lazy\" \n            :src=\"((FILE_SERVER_URL || '') + item.cover)\" \n            class=\"w-100 h-100 object-fit-cover bg-black \" @click=\"openPreviewPopup(item)\" \n          />\n        </div>\n     \t</div>\n    </Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, computed } from 'vue'\n\n\timport Title from '@pf/src/modules/globals/views/components/sections/Title.vue';\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport PhotoViewer from '@pf/src/components/PhotoViewer/PhotoViewer.vue'\n\n\timport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n\timport gallery from '@pf/src/modules/gallery/store/gallery';\n\n\tconst photos = ref([])\n\n\tconst tab = ref('all')\n\n\tlet sort = ref({\n\t  param: 'createdAt',\n\t  order: 'desc',\n\t  options: [{\n\t    label: 'Date',\n\t    value: 'createdAt'\n\t  },{\n\t    label: 'Popularity',\n\t    value: 'views'\n\t  },{\n\t    label: 'Creator',\n\t    value: 'creator'\n\t  }]\n\t})\n\t// Date\n\tlet date = ref({\n\t  start: null,\n\t  end: null\n\t})\n\n\tconst selectedPhoto = ref(null);\n\n\t// Preview Photo\n\tconst isOpenPreviewPopup = ref(false);\n\tfunction openPreviewPopup(photo) {\n\t  isOpenPreviewPopup.value = true;\n\t  selectedPhoto.value = photo;\n\t}\n\tfunction closePreviewPopup() {\n\t  isOpenPreviewPopup.value = false;\n\t  selectedPhoto.value = null;\n\t}\n\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;AA0EC,UAAM,SAASA,IAAG,IAAC,EAAE;AAErB,UAAM,MAAMA,IAAG,IAAC,KAAK;AAErB,QAAI,OAAOA,IAAAA,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,OAAOA,IAAAA,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACR,CAAE;AAED,UAAM,gBAAgBA,QAAI,IAAI;AAG9B,UAAM,qBAAqBA,QAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACvB;AACD,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,14 +1,18 @@
-import { ref as t, openBlock as d, createElementBlock as m, createVNode as n, withCtx as f, unref as c, isRef as _, Fragment as P, renderList as w, createElementVNode as b } from "vue";
-import k from "../../../../components/Feed/Feed.vue.js";
-import E from "../../../../components/Popup/Popup.vue.js";
-import y from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
-import U from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
-import R from "../../store/gallery.js";
-const C = { class: "cols-1 gap-thin pd-thin" }, L = { class: "w-100 h-100 h-min-10r pos-relative" }, F = ["src", "onClick"], I = {
+import { ref, openBlock, createElementBlock, createVNode, withCtx, unref, isRef, Fragment, renderList, createElementVNode } from "vue";
+import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$3 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
+import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
+import gallery from "../../store/gallery.js";
+const _hoisted_1 = { class: "cols-1 gap-thin pd-thin" };
+const _hoisted_2 = { class: "w-100 h-100 h-min-10r pos-relative" };
+const _hoisted_3 = ["src", "onClick"];
+const _sfc_main = {
   __name: "Gallery",
-  setup(V) {
-    const v = t([]), o = t("all");
-    let s = t({
+  setup(__props) {
+    const photos = ref([]);
+    const tab = ref("all");
+    let sort = ref({
       param: "createdAt",
       order: "desc",
       options: [{
@@ -21,88 +25,98 @@ const C = { class: "cols-1 gap-thin pd-thin" }, L = { class: "w-100 h-100 h-min-
         label: "Creator",
         value: "creator"
       }]
-    }), r = t({
+    });
+    let date = ref({
       start: null,
       end: null
     });
-    const i = t(null), u = t(!1);
-    function g(a) {
-      u.value = !0, i.value = a;
+    const selectedPhoto = ref(null);
+    const isOpenPreviewPopup = ref(false);
+    function openPreviewPopup(photo) {
+      isOpenPreviewPopup.value = true;
+      selectedPhoto.value = photo;
     }
-    function h() {
-      u.value = !1, i.value = null;
+    function closePreviewPopup() {
+      isOpenPreviewPopup.value = false;
+      selectedPhoto.value = null;
     }
-    return (a, l) => (d(), m("div", C, [
-      n(U, {
-        title: a.$t("gallery.title"),
-        "onUpdate:tabs_current": l[0] || (l[0] = (e) => o.value = e),
-        tabs_current: o.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(E, {
-        onClosePopup: h,
-        isPopupOpen: u.value,
-        class: "bg-black o-hidden w-100 h-100 radius-big"
-      }, {
-        default: f(() => [
-          n(y, {
-            photoUrl: (a.FILE_SERVER_URL || "") + i.value.image
-          }, null, 8, ["photoUrl"])
-        ]),
-        _: 1
-      }, 8, ["isPopupOpen"]),
-      n(k, {
-        items: v.value,
-        "onUpdate:items": l[1] || (l[1] = (e) => v.value = e),
-        sort: c(s),
-        "onUpdate:sort": l[2] || (l[2] = (e) => _(s) ? s.value = e : s = e),
-        date: c(r),
-        "onUpdate:date": l[3] || (l[3] = (e) => _(r) ? r.value = e : r = e),
-        showLoadMore: !1,
-        states: {
-          empty: {
-            title: "No Photos Found",
-            description: "Currently, there are no photos in gallery."
-          }
-        },
-        store: {
-          read: (e) => c(R).read(e)
-        },
-        options: {
-          limit: 15,
-          status: "published",
-          ...o.value !== "all" && { tags: o.value }
-        },
-        class: "cols-4 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"
-          }, [
-            b("div", L, [
-              b("img", {
-                src: (a.FILE_SERVER_URL || "") + p.cover,
-                class: "w-100 h-100 object-fit-cover bg-black",
-                onClick: ($) => g(p)
-              }, null, 8, F)
-            ])
-          ]))), 128))
-        ]),
-        _: 1
-      }, 8, ["items", "sort", "date", "store", "options"])
-    ]));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          title: _ctx.$t("gallery.title"),
+          "onUpdate:tabs_current": _cache[0] || (_cache[0] = (update) => tab.value = update),
+          tabs_current: tab.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"]),
+        createVNode(_sfc_main$2, {
+          onClosePopup: closePreviewPopup,
+          isPopupOpen: isOpenPreviewPopup.value,
+          class: "bg-black o-hidden w-100 h-100 radius-big"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
+              photoUrl: (_ctx.FILE_SERVER_URL || "") + selectedPhoto.value.image
+            }, null, 8, ["photoUrl"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$4, {
+          items: photos.value,
+          "onUpdate:items": _cache[1] || (_cache[1] = ($event) => photos.value = $event),
+          sort: unref(sort),
+          "onUpdate:sort": _cache[2] || (_cache[2] = ($event) => isRef(sort) ? sort.value = $event : sort = $event),
+          date: unref(date),
+          "onUpdate:date": _cache[3] || (_cache[3] = ($event) => isRef(date) ? date.value = $event : date = $event),
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Photos Found",
+              description: "Currently, there are no photos in gallery."
+            }
+          },
+          store: {
+            read: (options) => unref(gallery).read(options)
+          },
+          options: {
+            limit: 15,
+            status: "published",
+            ...tab.value !== "all" && { tags: tab.value }
+          },
+          class: "cols-4 gap-thin"
+        }, {
+          default: withCtx(({
+            items
+          }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item._id,
+                class: "bg-light radius-medium o-hidden flex-column pos-relative flex-wrap"
+              }, [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("img", {
+                    loading: "lazy",
+                    src: (_ctx.FILE_SERVER_URL || "") + item.cover,
+                    class: "w-100 h-100 object-fit-cover bg-black",
+                    onClick: ($event) => openPreviewPopup(item)
+                  }, null, 8, _hoisted_3)
+                ])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["items", "sort", "date", "store", "options"])
+      ]);
+    };
   }
 };
 export {
-  I as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Gallery.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.vue.js","sources":["../../../../../../../src/modules/gallery/components/pages/Gallery.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-1 gap-thin pd-thin\">\n\t\t<SectionPageTitle\n      :title=\"$t('gallery.title')\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All', value: 'all' },\n        { name: 'Place', value: 'place' },\n        { name: 'Drinks', value: 'drinks' },\n        { name: 'People', value: 'people' },\n        { name: 'Events', value: 'events' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n    <Popup \n      @close-popup=\"closePreviewPopup\" \n      :isPopupOpen=\"isOpenPreviewPopup\"\n      class=\"bg-black o-hidden w-100 h-100 radius-big\"\n    >\n      <PhotoViewer\n        :photoUrl=\"((FILE_SERVER_URL || '') + selectedPhoto.image)\"\n      />\n    </Popup>\n\n\t\t<Feed\n      v-model:items=\"photos\"\n      v-model:sort=\"sort\"\n      v-model:date=\"date\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Photos Found',\n          description: 'Currently, there are no photos in gallery.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => gallery.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        status: 'published',\n        ...(tab !== 'all' && { tags: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"cols-4 gap-thin\"\n    >\n      <div v-for=\"item in items\"  :key=\"item._id\" class=\"bg-light radius-medium o-hidden flex-column pos-relative flex-wrap\">\n        <div class=\"w-100 h-100 h-min-10r pos-relative\">\n          <img loading=\"lazy\" \n            :src=\"((FILE_SERVER_URL || '') + item.cover)\" \n            class=\"w-100 h-100 object-fit-cover bg-black \" @click=\"openPreviewPopup(item)\" \n          />\n        </div>\n     \t</div>\n    </Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, computed } from 'vue'\n\n\timport Title from '@pf/src/modules/globals/views/components/sections/Title.vue';\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport PhotoViewer from '@pf/src/components/PhotoViewer/PhotoViewer.vue'\n\n\timport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n\timport gallery from '@pf/src/modules/gallery/store/gallery';\n\n\tconst photos = ref([])\n\n\tconst tab = ref('all')\n\n\tlet sort = ref({\n\t  param: 'createdAt',\n\t  order: 'desc',\n\t  options: [{\n\t    label: 'Date',\n\t    value: 'createdAt'\n\t  },{\n\t    label: 'Popularity',\n\t    value: 'views'\n\t  },{\n\t    label: 'Creator',\n\t    value: 'creator'\n\t  }]\n\t})\n\t// Date\n\tlet date = ref({\n\t  start: null,\n\t  end: null\n\t})\n\n\tconst selectedPhoto = ref(null);\n\n\t// Preview Photo\n\tconst isOpenPreviewPopup = ref(false);\n\tfunction openPreviewPopup(photo) {\n\t  isOpenPreviewPopup.value = true;\n\t  selectedPhoto.value = photo;\n\t}\n\tfunction closePreviewPopup() {\n\t  isOpenPreviewPopup.value = false;\n\t  selectedPhoto.value = null;\n\t}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AA0EC,UAAM,SAAS,IAAI,EAAE;AAErB,UAAM,MAAM,IAAI,KAAK;AAErB,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACR,CAAE;AAED,UAAM,gBAAgB,IAAI,IAAI;AAG9B,UAAM,qBAAqB,IAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACvB;AACD,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,270 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("vue-router");;/* empty css                                       */const w=require("../../../../components/Button/Button.vue2.cjs");;/* empty css                                          */const B=require("../../../../components/Chips/Chips.vue2.cjs");;/* empty css                                                    */const _=require("../../../../components/Popup/Popup.vue.cjs"),E=require("../../../../components/Feed/Feed.vue.cjs"),U=require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs"),k=require("../../../auth/views/store/auth.cjs");require("../../../organizations/store/organizations.cjs");const o=require("../../store/gallery.cjs"),A=require("../../../globals/views/components/blocks/CardHeader.vue.cjs"),I=require("../../../globals/views/components/sections/SectionPageTitle.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(I.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(A.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(U.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;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+;/* empty css                                        */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                          */
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
+;/* empty css                                                    */
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+require("../../../organizations/store/organizations.cjs");
+const gallery = require("../../store/gallery.cjs");
+const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
+const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
+const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
+const _hoisted_1 = { class: "cols-1 gap-thin pd-thin" };
+const _hoisted_2 = { class: "pos-relative" };
+const _hoisted_3 = ["src", "onClick"];
+const _hoisted_4 = { 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" };
+const _hoisted_5 = { class: "pd-small" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "flex-nowrap flex gap-thin" };
+const _sfc_main = {
+  __name: "BackofficeGallery",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const tab = vue.ref("all");
+    let sort = vue.ref({
+      param: "createdAt",
+      order: "desc",
+      options: [{
+        label: "Date",
+        value: "createdAt"
+      }, {
+        label: "Popularity",
+        value: "views"
+      }, {
+        label: "Creator",
+        value: "creator"
+      }]
+    });
+    let date = vue.ref({
+      start: null,
+      end: null
+    });
+    const isOpenPreviewPopup = vue.ref(false);
+    function openPreviewPopup(photo) {
+      isOpenPreviewPopup.value = true;
+      selectedPhoto.value = photo;
+    }
+    function closePreviewPopup() {
+      isOpenPreviewPopup.value = false;
+      selectedPhoto.value = null;
+    }
+    const isOpenPhotoPopup = vue.ref(false);
+    function openPhotoPopup(photo) {
+      isOpenPhotoPopup.value = true;
+      selectedPhoto.value = photo;
+    }
+    function closePhotoPopup() {
+      isOpenPhotoPopup.value = false;
+      selectedPhoto.value = null;
+      uploadedImages.value = [];
+      selectedImage.value = { tags: null, image: null };
+    }
+    const selectedPhoto = vue.ref(null);
+    vue.ref("all");
+    const selectedImage = vue.ref({
+      tags: null,
+      image: null
+    });
+    const uploadedImages = vue.ref([]);
+    const onUpdatedImages = (newImages) => {
+      uploadedImages.value = newImages;
+    };
+    const photos = vue.ref([]);
+    const deletePhoto = async (item) => {
+      await gallery.default.delete(item._id);
+      gallery.default.removeItem(item, photos.value);
+    };
+    const changeStatus = async (item, status) => {
+      item.status = status;
+      await gallery.default.update(item);
+      gallery.default.updateItem(item, photos.value);
+    };
+    const createPhoto = async (status) => {
+      if (uploadedImages.length < 1) {
+        alert("Upload at least 1 image");
+        return;
+      }
+      let createdPhotos = await gallery.default.create({
+        images: uploadedImages.value,
+        tags: selectedImage.value.tags,
+        status,
+        owner: {
+          type: "Organization",
+          target: route.params._id
+        },
+        creator: {
+          type: "User",
+          target: auth.state.user._id
+        }
+      });
+      for (let createdPhoto of createdPhotos) {
+        gallery.default.addItem(createdPhoto, photos.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(SectionPageTitle.default, {
+          title: "Gallery",
+          "onUpdate:tabs_current": _cache[0] || (_cache[0] = (update) => tab.value = update),
+          tabs_current: tab.value,
+          tabs: [
+            { name: "All", value: "all" },
+            { name: "Featured", value: "featured" },
+            { name: "Published", value: "published" },
+            { name: "Draft", value: "draft" },
+            { name: "Archived", value: "archived" }
+          ],
+          actions: [
+            { method: () => openPhotoPopup(null), label: "Add Photo" }
+          ],
+          class: "mn-b-small bg-light bg-light radius-big"
+        }, null, 8, ["tabs_current", "actions"]),
+        vue.createVNode(Feed.default, {
+          items: photos.value,
+          "onUpdate:items": _cache[1] || (_cache[1] = ($event) => photos.value = $event),
+          sort: vue.unref(sort),
+          "onUpdate:sort": _cache[2] || (_cache[2] = ($event) => vue.isRef(sort) ? sort.value = $event : sort = $event),
+          date: vue.unref(date),
+          "onUpdate:date": _cache[3] || (_cache[3] = ($event) => vue.isRef(date) ? date.value = $event : date = $event),
+          states: {
+            empty: {
+              title: "No Photos Found",
+              description: "Currently, there are no photos in gallery."
+            }
+          },
+          store: {
+            read: (options) => vue.unref(gallery.default).read(options)
+          },
+          options: {
+            limit: 15,
+            owner: vue.unref(route).params._id,
+            ...tab.value !== "all" && { status: tab.value }
+          },
+          class: "cols-3 gap-thin"
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
+              var _a;
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item._id,
+                class: "bg-light radius-small flex-column pos-relative flex-wrap"
+              }, [
+                vue.createVNode(CardHeader.default, {
+                  entity: item,
+                  entityType: "photo",
+                  user: auth.state.user._id,
+                  owner: item.creator,
+                  creator: item.creator,
+                  date: item.createdAt,
+                  actions: [
+                    { method: () => deletePhoto(item), label: "Delete" },
+                    { method: () => changeStatus(item, "archived"), label: "Archive" },
+                    item.status === "draft" ? { method: () => changeStatus(item, "published"), label: "Publish" } : { method: () => changeStatus(item, "draft"), label: "Draft" }
+                  ],
+                  class: "pd-small mn-b-small"
+                }, null, 8, ["entity", "user", "owner", "creator", "date", "actions"]),
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createElementVNode("img", {
+                    loading: "lazy",
+                    src: (_ctx.FILE_SERVER_URL || "") + item.cover,
+                    class: "w-100 h-20r object-fit-contain bg-black",
+                    onClick: ($event) => openPreviewPopup(item)
+                  }, null, 8, _hoisted_3),
+                  vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.status), 1)
+                ]),
+                vue.createElementVNode("div", _hoisted_5, [
+                  ((_a = item.tags) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
+                    key: 0,
+                    chips: item.tags
+                  }, null, 8, ["chips"])) : vue.createCommentVNode("", true)
+                ])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["items", "sort", "date", "store", "options"]),
+        vue.createVNode(Popup.default, {
+          onClosePopup: closePreviewPopup,
+          isPopupOpen: isOpenPreviewPopup.value,
+          class: "bg-black o-hidden w-100 h-100 radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(PhotoViewer.default, {
+              photoUrl: selectedPhoto.value.image
+            }, null, 8, ["photoUrl"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Popup.default, {
+          title: "Add Photo",
+          onClosePopup: closePhotoPopup,
+          isPopupOpen: isOpenPhotoPopup.value,
+          class: "bg-white w-max-30r radius-big pd-big"
+        }, {
+          default: vue.withCtx(() => [
+            selectedImage.value.cover ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              loading: "lazy",
+              src: selectedImage.value.cover,
+              class: "radius-small w-100 mn-b-small h-20r object-fit-cover"
+            }, null, 8, _hoisted_6)) : vue.createCommentVNode("", true),
+            vue.createVNode(EditImages.default, {
+              images: uploadedImages.value,
+              uploadPath: "/photos",
+              "onUpdate:images": onUpdatedImages,
+              class: "mn-b-semi bg-light radius-medium"
+            }, null, 8, ["images"]),
+            vue.createVNode(BlockTags.default, {
+              onTagsChanged: _cache[4] || (_cache[4] = (newTags) => selectedImage.value.tags = newTags),
+              tags: selectedImage.value.tags,
+              tagsSuggested: [
+                { text: "people" },
+                { text: "events" },
+                { text: "place" },
+                { text: "food" },
+                { text: "drinks" },
+                { text: "special" }
+              ],
+              class: "mn-b-semi"
+            }, null, 8, ["tags"]),
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createVNode(Button.default, {
+                submit: () => createPhoto("draft"),
+                callback: closePhotoPopup,
+                class: "t-nowrap bg-second w-100"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" To drafts ")
+                ]),
+                _: 1
+              }, 8, ["submit"]),
+              vue.createVNode(Button.default, {
+                submit: () => createPhoto("published"),
+                callback: closePhotoPopup,
+                class: "bg-main w-100"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" Publish ")
+                ]),
+                _: 1
+              }, 8, ["submit"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=BackofficeGallery.vue.cjs.map