@ozdao/martyrs 0.2.423

package/dist/martyrs/src/modules/gallery/components/pages/Gallery.vue.js

@@ -0,0 +1,122 @@
+import { ref, createElementBlock, openBlock, 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 bg-white gap-thin pd-thin" };
+const _hoisted_2 = { class: "w-100 h-100 h-min-10r h-max-20r pos-relative" };
+const _hoisted_3 = ["src", "onClick"];
+const _sfc_main = {
+  __name: "Gallery",
+  setup(__props) {
+    const photos = ref([]);
+    const tab = ref("all");
+    let sort = ref({
+      param: "createdAt",
+      order: "desc",
+      options: [{
+        label: "Date",
+        value: "createdAt"
+      }, {
+        label: "Popularity",
+        value: "views"
+      }, {
+        label: "Creator",
+        value: "creator"
+      }]
+    });
+    let date = ref({
+      start: null,
+      end: null
+    });
+    const selectedPhoto = ref(null);
+    const isOpenPreviewPopup = ref(false);
+    function openPreviewPopup(photo) {
+      isOpenPreviewPopup.value = true;
+      selectedPhoto.value = photo;
+    }
+    function closePreviewPopup() {
+      isOpenPreviewPopup.value = false;
+      selectedPhoto.value = null;
+    }
+    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 {
+  _sfc_main as default
+};
+//# sourceMappingURL=Gallery.vue.js.map

package/dist/martyrs/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 bg-white 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 h-max-20r 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 '@martyrs/src/modules/globals/views/components/sections/Title.vue';\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\timport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\n\timport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n\timport gallery from '@martyrs/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,CAAE,CAAA;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,MACR,CAAA;AAAA,IACF,CAAA;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACN,CAAA;AAED,UAAM,gBAAgB,IAAI,IAAI;AAG9B,UAAM,qBAAqB,IAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACzB;AACC,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs

@@ -0,0 +1,277 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+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.vue2.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) => {
+      let deletedPhoto = JSON.parse(JSON.stringify(item));
+      deletedPhoto.owner.target = deletedPhoto.owner.target._id;
+      deletedPhoto.creator.target = deletedPhoto.creator.target._id;
+      await gallery.default.delete(deletedPhoto);
+      gallery.default.removeItem(deletedPhoto, photos.value);
+    };
+    const changeStatus = async (item, status) => {
+      let updatedPhoto = JSON.parse(JSON.stringify(item));
+      updatedPhoto.status = status;
+      updatedPhoto.owner.target = updatedPhoto.owner.target._id;
+      updatedPhoto.creator.target = updatedPhoto.creator.target._id;
+      updatedPhoto = await gallery.default.update(updatedPhoto);
+      gallery.default.updateItem(updatedPhoto, 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: [
+            ..._ctx.hasAccess(vue.unref(route).params._id, "gallery", "create", auth.state.accesses, auth.state.access.roles) ? [{ 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: [
+                    ..._ctx.hasAccess(vue.unref(route).params._id, "gallery", "delete", auth.state.accesses, auth.state.access.roles) ? [{ method: () => deletePhoto(item), label: "Delete" }] : [],
+                    ..._ctx.hasAccess(vue.unref(route).params._id, "gallery", "edit", auth.state.accesses, auth.state.access.roles) ? [
+                      ...item.status !== "archived" ? [{ method: () => changeStatus(item, "archived"), label: "Archive" }] : [],
+                      ...item.status !== "published" ? [{ method: () => changeStatus(item, "published"), label: "Publish" }] : [],
+                      ...item.status !== "draft" ? [{ 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(() => _cache[5] || (_cache[5] = [
+                  vue.createTextVNode(" To drafts ")
+                ])),
+                _: 1
+              }, 8, ["submit"]),
+              vue.createVNode(Button.default, {
+                submit: () => createPhoto("published"),
+                callback: closePhotoPopup,
+                class: "bg-main w-100"
+              }, {
+                default: vue.withCtx(() => _cache[6] || (_cache[6] = [
+                  vue.createTextVNode(" Publish ")
+                ])),
+                _: 1
+              }, 8, ["submit"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=BackofficeGallery.vue.cjs.map

package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeGallery.vue.cjs","sources":["../../../../../../../src/modules/gallery/components/sections/BackofficeGallery.vue"],"sourcesContent":["<template>\n  <div class=\"cols-1 gap-thin pd-thin\">\n    <SectionPageTitle\n      title=\"Gallery\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All', value: 'all' },\n        { name: 'Featured', value: 'featured' },\n        { name: 'Published', value: 'published' },\n        { name: 'Draft', value: 'draft' },\n        { name: 'Archived', value: 'archived' }\n      ]\"\n      :actions=\"[\n        ...(hasAccess(route.params._id, 'gallery', 'create', auth.state.accesses, auth.state.access.roles) ? [{ method: () => openPhotoPopup(null), label: 'Add Photo' }] : [])\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Feed\n      v-model:items=\"photos\"\n      v-model:sort=\"sort\"\n      v-model:date=\"date\"\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        owner: route.params._id,\n        ...(tab !== 'all' && { status: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"cols-3 gap-thin\"\n    >\n      <div v-for=\"item in items\"  :key=\"item._id\" class=\"bg-light radius-small flex-column pos-relative flex-wrap\">\n\n        <CardHeader \n          :entity=\"item\"\n          :entityType=\"'photo'\"\n          :user=\"auth.state.user._id\"\n          :owner=\"item.creator\" \n          :creator=\"item.creator\"\n          :date=\"item.createdAt\"\n          :actions=\"[\n            ...(hasAccess(route.params._id, 'gallery', 'delete', auth.state.accesses, auth.state.access.roles) ? [{ method: () => deletePhoto(item), label: 'Delete' }] : []),\n            ...(hasAccess(route.params._id, 'gallery', 'edit', auth.state.accesses, auth.state.access.roles) ? [\n                ...(item.status !== 'archived' ? [{ method: () => changeStatus(item, 'archived'), label: 'Archive' }] : []),\n                ...(item.status !== 'published' ? [{ method: () => changeStatus(item, 'published'), label: 'Publish' }] : []),\n                ...(item.status !== 'draft' ? [{ method: () => changeStatus(item, 'draft'), label: 'Draft' }] : [])\n            ] : [])\n          ]\"\n          class=\"pd-small mn-b-small\"\n        />\n\n        <div class=\"pos-relative\">\n          <img loading=\"lazy\" \n            :src=\"(FILE_SERVER_URL || '') + item.cover\" \n            class=\"w-100 h-20r object-fit-contain bg-black \" @click=\"openPreviewPopup(item)\" \n          />\n          <div \n            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\"\n          >\n            {{item.status}}\n          </div>\n        </div>\n        \n        <div class=\"pd-small\">\n          <Chips \n            v-if=\"item.tags?.length > 0\" \n            :chips=\"item.tags\"\n          />\n        </div>\n     </div>\n    </Feed>\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=\"selectedPhoto.image\"\n      />\n    </Popup>\n\n    <Popup \n      title=\"Add Photo\" \n      @close-popup=\"closePhotoPopup\" \n      :isPopupOpen=\"isOpenPhotoPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <img loading=\"lazy\" \n        v-if=\"selectedImage.cover\" \n        :src=\"selectedImage.cover\" \n        class=\"radius-small w-100 mn-b-small h-20r object-fit-cover \" \n      />\n\n      <EditImages \n        :images=\"uploadedImages\" \n        :uploadPath=\"'/photos'\" \n        @update:images=\"onUpdatedImages\" \n        class=\"mn-b-semi bg-light radius-medium\"\n      />\n\n      <BlockTags\n        @tags-changed=\"newTags => selectedImage.tags = newTags\"\n        :tags=\"selectedImage.tags\"\n        :tagsSuggested=\"[\n          {text: 'people' },\n          {text: 'events' },\n          {text: 'place' },\n          {text: 'food' },\n          {text: 'drinks' },\n          {text: 'special' },\n        ]\"\n        class=\"mn-b-semi\"\n      />\n\n      <div class=\"flex-nowrap flex gap-thin\">\n        <Button \n          :submit=\"() => createPhoto('draft')\" \n          :callback=\"closePhotoPopup\" \n          class=\"t-nowrap bg-second w-100\"\n        >\n          To drafts\n        </Button>\n         <Button \n          :submit=\"() => createPhoto('published')\" \n          :callback=\"closePhotoPopup\" \n          class=\"bg-main w-100\"\n        >\n          Publish\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, reactive, computed } from 'vue'\nimport { useRoute } from 'vue-router'\n\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Chips  from '@martyrs/src/components/Chips/Chips.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\n  \nimport gallery from '@martyrs/src/modules/gallery/store/gallery';\n\nimport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue';\n\nconst route = useRoute();\n\n// Tabs\nconst tab = ref('all')\n// Sort\nlet sort = ref({\n  param: 'createdAt',\n  order: 'desc',\n  options: [{\n    label: 'Date',\n    value: 'createdAt'\n  },{\n    label: 'Popularity',\n    value: 'views'\n  },{\n    label: 'Creator',\n    value: 'creator'\n  }]\n})\n// Date\nlet date = ref({\n  start: null,\n  end: null\n})\n// Popup\n// Preview Photo\nconst isOpenPreviewPopup = ref(false);\nfunction openPreviewPopup(photo) {\n  isOpenPreviewPopup.value = true;\n  selectedPhoto.value = photo;\n}\nfunction closePreviewPopup() {\n  isOpenPreviewPopup.value = false;\n  selectedPhoto.value = null;\n}\n// Add Photo\nconst isOpenPhotoPopup = ref(false);\nfunction openPhotoPopup(photo) {\n  isOpenPhotoPopup.value = true;\n  selectedPhoto.value = photo;\n}\nfunction closePhotoPopup() {\n  isOpenPhotoPopup.value = false;\n  selectedPhoto.value = null;\n  uploadedImages.value = [];\n  selectedImage.value = { tags: null, image: null };\n}\n// Selected Photo\nconst selectedPhoto = ref(null);\nconst selectedCategory = ref('all')\nconst selectedImage = ref({\n  tags: null,\n  image: null\n})\nconst uploadedImages = ref([])\nconst onUpdatedImages = (newImages) => {\n  uploadedImages.value = newImages\n}\n// Gallery Grid\nconst photos = ref([])\n\nconst deletePhoto = async (item) => {\n  let deletedPhoto = JSON.parse(JSON.stringify(item));\n\n  deletedPhoto.owner.target = deletedPhoto.owner.target._id\n  deletedPhoto.creator.target = deletedPhoto.creator.target._id\n\n  await gallery.delete(deletedPhoto);\n\n  gallery.removeItem(deletedPhoto, photos.value)\n};\n\nconst changeStatus = async (item, status) => {\n  let updatedPhoto = JSON.parse(JSON.stringify(item));\n\n  updatedPhoto.status = status\n\n  updatedPhoto.owner.target = updatedPhoto.owner.target._id\n  updatedPhoto.creator.target = updatedPhoto.creator.target._id\n\n  updatedPhoto = await gallery.update(updatedPhoto)\n  gallery.updateItem(updatedPhoto, photos.value)\n}\n\nconst createPhoto = async (status) => {\n  if (uploadedImages.length < 1) {\n    alert('Upload at least 1 image')\n    return\n  }\n\n  let createdPhotos = await gallery.create({\n    images: uploadedImages.value,\n    tags: selectedImage.value.tags,\n    status: status,\n    owner: {\n      type: 'Organization',\n      target: route.params._id\n    },\n    creator: {\n      type: 'User',\n      target: auth.state.user._id\n    }\n  })\n\n  for (let createdPhoto of createdPhotos) {\n    gallery.addItem(createdPhoto, photos.value)\n  }\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRoute","ref","gallery","auth.state"],"mappings":"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"}