@ozdao/martyrs 0.2.549 → 0.2.551

package/dist/martyrs/src/modules/events/components/pages/Event.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event &&event.cover\"\n        :content=\"{\n          title: event.name,\n          ticketLinkStripe: event.ticketLinkStripe,\n          cover: event.cover,\n          subtitle: event.subtitle,\n        }\"\n        :options=\"{\n          date: event.date.start,\n        }\"\n        class=\"o-hidden\"\n      />\n\n      <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n        \n        <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n          <h1 class=\"z-index-1  mn-b-semi\">\n            {{event?.name}}\n          </h1>\n\n          <div class=\"flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center\">\n            <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start)}}\n            </span>\n\n\n            <span\n              v-for=\"(chip, index) in event.tags\"\n              :key=\"index\"\n              class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n            >\n              {{ chip }}\n            </span>\n          </div>\n\n          <p class=\"z-index-1  p-medium mn-b-semi\">\n            {{event?.description}}\n          </p>\n\n          <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n          <Viewer\n            v-if=\"event && event.content\"\n            :content=\"event.content\"\n            :notitle=\"true\"\n          />\n\n        </div>\n\n        <div class=\"\">\n         \n          <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n            <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n              <h4 class=\"mn-r-auto\">Tickets</h4>\n              <PhotoStack\n                :number=\"event.numberOfTickets\"\n                :photos=\"event.participantsPhotos\" \n              />\n            </div>\n            <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n              <div class=\"flex-nowrap mn-b-small p-medium flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n              </div>\n              <a :href=\"ticketType.link\"  class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  \">\n                Buy Now\n              </a>\n            </div>\n\n            <ButtonJoin \n              v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n              :type=\"'event'\" \n              :hasTicket=\"event.hasTicket\" \n              :targetId=\"event._id\" \n              :userId=\"auth.state.user._id\"\n              class=\" w-100 pd-medium mn-auto\"\n              @updateTicket=\"handleTicketUpdate\"\n            />\n\n            <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n            <Countdown \n              v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n              class=\"mn-t-thin radius-medium bg-white w-100\"\n              :date=\"event?.date?.start\"\n            />\n          </div>\n\n\n        </div>\n\n        <Comments \n          v-if=\"!isLoading && event\" \n          :type=\"'event'\" \n          :target=\"event._id\" \n          :owner=\"auth.state.user._id\"\n          class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { useRoute } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency, formatDate } = useGlobalMixins();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AACtD,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY;AAAA,QAC5B,MAAMC,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event &&event.cover\"\n        :content=\"{\n          title: event.name,\n          ticketLinkStripe: event.ticketLinkStripe,\n          cover: event.cover,\n          subtitle: event.subtitle,\n        }\"\n        :options=\"{\n          date: event.date.start,\n        }\"\n        class=\"o-hidden\"\n      />\n\n      <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n        \n        <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n          <h1 class=\"z-index-1  mn-b-semi\">\n            {{event?.name}}\n          </h1>\n\n          <div class=\"flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center\">\n            <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start, locale)}}\n            </span>\n\n\n            <span\n              v-for=\"(chip, index) in event.tags\"\n              :key=\"index\"\n              class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n            >\n              {{ chip }}\n            </span>\n          </div>\n\n          <p class=\"z-index-1  p-medium mn-b-semi\">\n            {{event?.description}}\n          </p>\n\n          <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n          <Viewer\n            v-if=\"event && event.content\"\n            :content=\"event.content\"\n            :notitle=\"true\"\n          />\n\n        </div>\n\n        <div class=\"\">\n         \n          <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n            <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n              <h4 class=\"mn-r-auto\">Tickets</h4>\n              <PhotoStack\n                :number=\"event.numberOfTickets\"\n                :photos=\"event.participantsPhotos\" \n              />\n            </div>\n            <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n              <div class=\"flex-nowrap mn-b-small p-medium flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n              </div>\n              <a :href=\"ticketType.link\"  class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  \">\n                Buy Now\n              </a>\n            </div>\n\n            <ButtonJoin \n              v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n              :type=\"'event'\" \n              :hasTicket=\"event.hasTicket\" \n              :targetId=\"event._id\" \n              :userId=\"auth.state.user._id\"\n              class=\" w-100 pd-medium mn-auto\"\n              @updateTicket=\"handleTicketUpdate\"\n            />\n\n            <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n            <Countdown \n              v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n              class=\"mn-t-thin radius-medium bg-white w-100\"\n              :date=\"event?.date?.start\"\n            />\n          </div>\n\n\n        </div>\n\n        <Comments \n          v-if=\"!isLoading && event\" \n          :type=\"'event'\" \n          :target=\"event._id\" \n          :owner=\"auth.state.user._id\"\n          class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/core/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { locale } = useI18n();\nconst { returnCurrency, formatDate } = useGlobalMixins();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AACtD,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY;AAAA,QAC5B,MAAMC,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs

@@ -7,7 +7,7 @@ require("vue-i18n");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const DatePicker = require("../../../../components/DatePicker/DatePicker.vue.cjs");
-const CitySelection = require("../../../globals/views/components/partials/CitySelection.vue.cjs");
+const CitySelection = require("../../../core/views/components/partials/CitySelection.vue.cjs");
 const FeaturedEvents = require("../sections/FeaturedEvents.vue.cjs");
 const SelectDate = require("../sections/SelectDate.vue.cjs");
 const EventsHot = require("../sections/EventsHot.vue.cjs");
@@ -21,7 +21,7 @@ const _hoisted_1 = { class: "bg-white" };
 const _hoisted_2 = { class: "gap-regular pos-t-0 pos-sticky z-index-3 radius-medium" };
 const _hoisted_3 = { class: "pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white" };
 const _hoisted_4 = { class: "gap-regular radius-medium mn-b-semi" };
-const _hoisted_5 = { class: "gap-regular radius-medium mn-b-semi" };
+const _hoisted_5 = { class: "gap-regular mn-b-semi" };
 const _hoisted_6 = { class: "gap-regular radius-medium" };
 const _sfc_main = {
   __name: "Events",
@@ -141,7 +141,7 @@ const _sfc_main = {
                     showFeatured: false,
                     showFollowers: false,
                     onUpdateMembership: handleMembershipUpdate,
-                    class: "pd-small w-100 pd-0 bg-light radius-semi o-hidden"
+                    class: "pd-small w-100 pd-0 bg-light p-regular radius-medium o-hidden"
                   }, null, 8, ["organization", "user"]);
                 }), 128))
               ]),
@@ -167,7 +167,7 @@ const _sfc_main = {
                 user: auth.state.user._id,
                 limit: 9
               },
-              class: "cols-3 mobile:cols-1 gap-thin"
+              class: "cols-3 mobile:cols-1 gap-thin o-x-hidden"
             }, {
               default: vue.withCtx(({
                 items
@@ -179,7 +179,7 @@ const _sfc_main = {
                     event,
                     user: auth.state.user._id,
                     type: "normal",
-                    class: "bg-light radius-medium"
+                    class: "w-100 o-hidden bg-light radius-medium"
                   }, null, 8, ["onClick", "event", "user"]);
                 }), 128))
               ]),

package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-regular pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-regular radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["membershipsStore","organizations.state","useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FA,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEcC,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AA6CxB,UAAM,uBAAuBC,IAAAA,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-regular pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-regular  mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light p-regular radius-medium o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-regular radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin o-x-hidden\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"w-100 o-hidden bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/core/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["membershipsStore","organizations.state","useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FA,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEcC,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AA6CxB,UAAM,uBAAuBC,IAAAA,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Events.vue.js

@@ -5,7 +5,7 @@ import "vue-i18n";
 import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/DatePicker/DatePicker.vue.js";
-import _sfc_main$3 from "../../../globals/views/components/partials/CitySelection.vue.js";
+import _sfc_main$3 from "../../../core/views/components/partials/CitySelection.vue.js";
 import FeaturedEvents from "../sections/FeaturedEvents.vue.js";
 import _sfc_main$5 from "../sections/SelectDate.vue.js";
 import _sfc_main$4 from "../sections/EventsHot.vue.js";
@@ -19,7 +19,7 @@ const _hoisted_1 = { class: "bg-white" };
 const _hoisted_2 = { class: "gap-regular pos-t-0 pos-sticky z-index-3 radius-medium" };
 const _hoisted_3 = { class: "pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white" };
 const _hoisted_4 = { class: "gap-regular radius-medium mn-b-semi" };
-const _hoisted_5 = { class: "gap-regular radius-medium mn-b-semi" };
+const _hoisted_5 = { class: "gap-regular mn-b-semi" };
 const _hoisted_6 = { class: "gap-regular radius-medium" };
 const _sfc_main = {
   __name: "Events",
@@ -139,7 +139,7 @@ const _sfc_main = {
                     showFeatured: false,
                     showFollowers: false,
                     onUpdateMembership: handleMembershipUpdate,
-                    class: "pd-small w-100 pd-0 bg-light radius-semi o-hidden"
+                    class: "pd-small w-100 pd-0 bg-light p-regular radius-medium o-hidden"
                   }, null, 8, ["organization", "user"]);
                 }), 128))
               ]),
@@ -165,7 +165,7 @@ const _sfc_main = {
                 user: state.user._id,
                 limit: 9
               },
-              class: "cols-3 mobile:cols-1 gap-thin"
+              class: "cols-3 mobile:cols-1 gap-thin o-x-hidden"
             }, {
               default: withCtx(({
                 items
@@ -177,7 +177,7 @@ const _sfc_main = {
                     event,
                     user: state.user._id,
                     type: "normal",
-                    class: "bg-light radius-medium"
+                    class: "w-100 o-hidden bg-light radius-medium"
                   }, null, 8, ["onClick", "event", "user"]);
                 }), 128))
               ]),

package/dist/martyrs/src/modules/events/components/pages/Events.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-regular pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-regular radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBA,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AA6CxB,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-regular pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin\"\n      />\n    </div>\n\n   <section class=\"pd-medium mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-regular radius-medium mn-b-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-regular  mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light p-regular radius-medium o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-regular radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 mobile:cols-1 gap-thin o-x-hidden\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"w-100 o-hidden bg-light radius-medium\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/core/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\n  import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // let baseDate = new Date();\n  // const formattedDate = formatDateForRouter(baseDate);\n  \n  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBA,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;AAEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AA6CxB,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC/B;AACA,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAW;AAAA,YACnC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACH;AAAA,IACF;AAGA,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAW;AAAA,UAC3C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.cjs

@@ -8,15 +8,23 @@ const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const events = require("../../store/events.cjs");
+const mixins = require("../../../core/views/mixins/mixins.cjs");
 const _hoisted_1 = { class: "" };
 const _hoisted_2 = { class: "mn-b-medium pd-thin flex-v-center flex-nowrap flex" };
 const _hoisted_3 = { class: "pd-thin rows-1 bg-white" };
-const _hoisted_4 = ["onClick"];
 const _sfc_main = {
   __name: "EventsBackoffice",
   setup(__props) {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
+    const { hasAccess } = mixins.useGlobalMixins();
+    const routePrefix = vue.computed(() => {
+      const context = route.meta?.context;
+      if (context === "backoffice") return "Backoffice";
+      if (context === "organization") return "Organization_";
+      return "";
+    });
+    const getRouteName = (baseName) => `${routePrefix.value}${baseName}`;
     let tab = route.query.tab ? route.query.tab : "owner";
     const tabEventOwner = vue.ref(tab);
     route.query.tab = tabEventOwner.value;
@@ -66,7 +74,7 @@ const _sfc_main = {
           _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "mn-r-medium" }, " Events ", -1)),
           auth.state.user._id === vue.unref(route).params.user || vue.unref(route).params._id ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ name: "Create Event" })),
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ name: getRouteName("Create Event") })),
             class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
           }, " + ")) : vue.createCommentVNode("", true)
         ]),
@@ -109,27 +117,17 @@ const _sfc_main = {
             }) => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (event, index) => {
                 return vue.openBlock(), vue.createBlock(CardEvent.default, {
-                  onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                  onClick: ($event) => vue.unref(router).push({ name: getRouteName("Event"), params: { url: event.url } }),
                   key: event._id,
                   event,
                   user: auth.state.user._id,
                   type: "normal",
-                  class: "bg-light radius-big"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.unref(route).params._id || vue.unref(route).params.user && _ctx.hasAccess(vue.unref(route).params._id, "events", "read", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 0,
-                      class: "mn-b-semi w-100 bg-second button t-white uppercase",
-                      onClick: vue.withModifiers(($event) => vue.unref(router).push({
-                        name: "Edit Event Tickets",
-                        params: {
-                          url: event.url
-                        }
-                      }), ["stop"])
-                    }, " Manage Tickets ", 8, _hoisted_4)) : vue.createCommentVNode("", true)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick", "event", "user"]);
+                  actions: auth.state.user._id === event.creator.target._id || vue.unref(hasAccess)(event.owner?.target?._id, "events", "edit", auth.state.accesses, auth.state.access.roles) ? [
+                    { label: "Edit Event", to: { name: getRouteName("Edit Event"), params: { url: event.url } } },
+                    { label: "Manage Tickets", to: { name: getRouteName("Edit Event Tickets"), params: { url: event.url } } }
+                  ] : [],
+                  class: "bg-light radius-medium"
+                }, null, 8, ["onClick", "event", "user", "actions"]);
               }), 128))
             ]),
             _: 1

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventsBackoffice.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EventsBackoffice.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\"\n\t>\n\t\t<header \n\t\t\tclass=\"mn-b-medium pd-thin flex-v-center flex-nowrap flex\"\n\t\t>\n    \t<h2\n    \t\tclass=\"mn-r-medium\"\n    \t>\n    \t\tEvents\n    \t</h2>\n    \t\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params.user || route.params._id\"\n    \t\t@click=\"router.push({name: 'Create Event'})\" \n    \t\tclass=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n    \t>\n    \t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<section class=\"pd-thin rows-1 bg-white\">\n\n\t\t\t<Tab \n\t\t\t\tv-if=\"auth.state.user._id === route.params.user\"\n\t\t\t\tv-model:selected=\"tabEventOwner\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{ name: 'Organizer', \tvalue: 'owner' },\n\t\t\t\t\t{ name: 'Participant', \tvalue: 'participant' },\t\n\t\t\t\t]\"\n\t\t\t\tclass=\"\n\t\t\t\t\tmn-b-thin\n\t\t\t\t\tflex-child-default\n\t\t\t\t\th-max\n\t\t\t\t\to-hidden \n\t\t\t\t\th5 \n\t\t\t\t\tbg-white\n\t\t\t\t\tgap-micro pd-t-thin pd-b-thin\n\t\t\t\t\tbr-b br-solid br-black-transp-10\n\t\t\t\t\"\n\t\t\t\tclassTab=\"bg-light pd-small radius-small w-100\"\n\t\t\t/>\n\n\t\t\t<Feed\n\t\t\t\t:search=\"true\"\n\t\t\t\tv-model:sort=\"sort\"\n\t      :states=\"{\n\t        empty: {\n\t          title: 'No Events Found',\n\t          description: 'Currently, there are no events available.'\n\t        }\n\t      }\"\n\t      :store=\"{\n\t        read: (options) => events.read(options),\n\t      }\"\n\t      :options=\"{\n\t        user: auth.state.user._id,\n\t        owner: route.params._id,\n\t        creator: route.params.user,\n\t        sortParam: 'date.start',\n\t        sortOrder: 'desc'\n\t      }\"\n\t      v-slot=\"{ \n\t        items \n\t      }\"\n\t      class=\"cols-1 gap-thin\"\n\t    >\n\t    \t<!-- <Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t    key: '_id', \n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `${value}`\n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'tickets', \n\t\t\t\t\t    label: 'Tickets',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'date.start',\n\t\t\t\t\t    label: 'Date',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\" \n\t\t\t\t\t/> -->\n\t       <CardEvent \n\t        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n\t        v-for=\"(event,index) in items\" \n\t        :key=\"event._id\" \n\t        :event=\"event\" \n\t        :user=\"auth.state.user._id\" \n\t        :type=\"'normal'\"\n\t        class=\"bg-light radius-big\"\n\t      >\n\n\t\t\t     <div \n\t\t\t      v-if=\"route.params._id || route.params.user && hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t\t      class=\"mn-b-semi w-100 bg-second button t-white uppercase\"\n\t\t\t      @click.stop=\"router.push({\n\t\t\t        name: 'Edit Event Tickets',\n\t\t\t        params: {\n\t\t\t          url: event.url\n\t\t\t        }\n\t\t\t      })\"\n\t\t\t    >\n\t\t\t      Manage Tickets\n\t\t\t    </div>\n\t      </CardEvent>\n\t    </Feed>\n\t  </section>\n\n   <!--  <Feed \n\t\t\tv-if=\"tabEventOwner ==='owner'\"\n\t  \t:user=\"auth.state.user._id\"\n\t\t\t:creator=\"route.params.user\"\n\t\t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'asc'\"\n\t\t/> -->\n\n\n\t\t<!-- <Feed \n\t\t\tv-if=\"tabEventOwner ==='participant'\"\n  \t\t:user=\"auth.state.user._id\"\n  \t\t:participant=\"route.params.user\"\n  \t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'desc'\"\n\t\t/> -->\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Table from '@martyrs/src/components/Table/Table.vue'\n\n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as events from '@martyrs/src/modules/events/store/events.js'; \n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabEventOwner = ref(tab)\n\n\troute.query.tab = tabEventOwner.value\n\n\tlet filter = ref({\n    active: false,\n    class: '',\n    selected: {},\n    options: [{\n      title: 'Delivery',\n      value: 'delivery',\n      options: [\n        { label: 'Pickup', value: 'pickup' },\n        { label: 'Courier', value: 'courier' },\n        { label: 'Post', value: 'post' }\n      ]\n    },{\n      title: 'Prices',  \n      value: 'prices',\n      options: [\n        { label: 'Under 300฿',        value: '<300' },\n        { label: '300฿ to 600฿',      value: '300-600' },\n        { label: '600฿ to 1200฿',     value: '600-1200' },\n        { label: '$1200 and above',   value: '>1200' }\n      ]\n    }],\n  })\n\n  let sort = ref({\n    param: 'distance',\n    order: 'asc',\n    options: [{\n      label: 'Distance',\n      value: 'distance'\n    },{\n      label: 'Popularity',\n      value: 'views'\n    },{\n      label: 'Products',\n      value: 'numberOfProducts'\n    }]\n  })\n\n\twatch(tabEventOwner, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AA4JC,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,gBAAgBC,IAAAA,IAAI,GAAG;AAE7B,UAAM,MAAM,MAAM,cAAc;AAEnBA,YAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAA;AAAA,MACV,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAQ;AAAA,UAClC,EAAE,OAAO,WAAW,OAAO,UAAS;AAAA,UACpC,EAAE,OAAO,QAAQ,OAAO,OAAM;AAAA,QACtC;AAAA,MACA,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,cAAqB,OAAO,OAAM;AAAA,UAC3C,EAAE,OAAO,gBAAqB,OAAO,UAAS;AAAA,UAC9C,EAAE,OAAO,iBAAqB,OAAO,WAAU;AAAA,UAC/C,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACL,CAAG;AAED,QAAI,OAAOA,IAAAA,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEFC,cAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EventsBackoffice.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EventsBackoffice.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\"\n\t>\n\t\t<header \n\t\t\tclass=\"mn-b-medium pd-thin flex-v-center flex-nowrap flex\"\n\t\t>\n    \t<h2\n    \t\tclass=\"mn-r-medium\"\n    \t>\n    \t\tEvents\n    \t</h2>\n    \t\n    \t<button\n    \t\tv-if=\"auth.state.user._id === route.params.user || route.params._id\"\n    \t\t@click=\"router.push({name: getRouteName('Create Event')})\"\n    \t\tclass=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n    \t>\n    \t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<section class=\"pd-thin rows-1 bg-white\">\n\n\t\t\t<Tab \n\t\t\t\tv-if=\"auth.state.user._id === route.params.user\"\n\t\t\t\tv-model:selected=\"tabEventOwner\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{ name: 'Organizer', \tvalue: 'owner' },\n\t\t\t\t\t{ name: 'Participant', \tvalue: 'participant' },\t\n\t\t\t\t]\"\n\t\t\t\tclass=\"\n\t\t\t\t\tmn-b-thin\n\t\t\t\t\tflex-child-default\n\t\t\t\t\th-max\n\t\t\t\t\to-hidden \n\t\t\t\t\th5 \n\t\t\t\t\tbg-white\n\t\t\t\t\tgap-micro pd-t-thin pd-b-thin\n\t\t\t\t\tbr-b br-solid br-black-transp-10\n\t\t\t\t\"\n\t\t\t\tclassTab=\"bg-light pd-small radius-small w-100\"\n\t\t\t/>\n\n\t\t\t<Feed\n\t\t\t\t:search=\"true\"\n\t\t\t\tv-model:sort=\"sort\"\n\t      :states=\"{\n\t        empty: {\n\t          title: 'No Events Found',\n\t          description: 'Currently, there are no events available.'\n\t        }\n\t      }\"\n\t      :store=\"{\n\t        read: (options) => events.read(options),\n\t      }\"\n\t      :options=\"{\n\t        user: auth.state.user._id,\n\t        owner: route.params._id,\n\t        creator: route.params.user,\n\t        sortParam: 'date.start',\n\t        sortOrder: 'desc'\n\t      }\"\n\t      v-slot=\"{ \n\t        items \n\t      }\"\n\t      class=\"cols-1 gap-thin\"\n\t    >\n\t    \t<!-- <Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t    key: '_id', \n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `${value}`\n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'tickets', \n\t\t\t\t\t    label: 'Tickets',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'date.start',\n\t\t\t\t\t    label: 'Date',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\" \n\t\t\t\t\t/> -->\n\t       <CardEvent\n\t        @click=\"router.push({name: getRouteName('Event'), params: {url: event.url}})\"\n\t        v-for=\"(event,index) in items\"\n\t        :key=\"event._id\"\n\t        :event=\"event\"\n\t        :user=\"auth.state.user._id\"\n\t        :type=\"'normal'\"\n\t        :actions=\"auth.state.user._id === event.creator.target._id || hasAccess(event.owner?.target?._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles)\n\t          ? [\n\t              { label: 'Edit Event', to: { name: getRouteName('Edit Event'), params: { url: event.url } } },\n\t              { label: 'Manage Tickets', to: { name: getRouteName('Edit Event Tickets'), params: { url: event.url } } }\n\t            ]\n\t          : []\"\n\t        class=\"bg-light radius-medium\"\n\t      />\n\t    </Feed>\n\t  </section>\n\n   <!--  <Feed \n\t\t\tv-if=\"tabEventOwner ==='owner'\"\n\t  \t:user=\"auth.state.user._id\"\n\t\t\t:creator=\"route.params.user\"\n\t\t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'asc'\"\n\t\t/> -->\n\n\n\t\t<!-- <Feed \n\t\t\tv-if=\"tabEventOwner ==='participant'\"\n  \t\t:user=\"auth.state.user._id\"\n  \t\t:participant=\"route.params.user\"\n  \t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'desc'\"\n\t\t/> -->\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Table from '@martyrs/src/components/Table/Table.vue'\n\n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as events from '@martyrs/src/modules/events/store/events.js';\n\n\timport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst { hasAccess } = useGlobalMixins()\n\n\t// Определение контекста и префикса роутов\n\tconst routePrefix = computed(() => {\n\t\tconst context = route.meta?.context\n\t\tif (context === 'backoffice') return 'Backoffice'\n\t\tif (context === 'organization') return 'Organization_'\n\t\treturn ''\n\t})\n\n\tconst getRouteName = (baseName) => `${routePrefix.value}${baseName}`\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabEventOwner = ref(tab)\n\n\troute.query.tab = tabEventOwner.value\n\n\tlet filter = ref({\n    active: false,\n    class: '',\n    selected: {},\n    options: [{\n      title: 'Delivery',\n      value: 'delivery',\n      options: [\n        { label: 'Pickup', value: 'pickup' },\n        { label: 'Courier', value: 'courier' },\n        { label: 'Post', value: 'post' }\n      ]\n    },{\n      title: 'Prices',  \n      value: 'prices',\n      options: [\n        { label: 'Under 300฿',        value: '<300' },\n        { label: '300฿ to 600฿',      value: '300-600' },\n        { label: '600฿ to 1200฿',     value: '600-1200' },\n        { label: '$1200 and above',   value: '>1200' }\n      ]\n    }],\n  })\n\n  let sort = ref({\n    param: 'distance',\n    order: 'asc',\n    options: [{\n      label: 'Distance',\n      value: 'distance'\n    },{\n      label: 'Popularity',\n      value: 'views'\n    },{\n      label: 'Products',\n      value: 'numberOfProducts'\n    }]\n  })\n\n\twatch(tabEventOwner, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","useGlobalMixins","computed","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AAuJC,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,UAAM,EAAE,UAAS,IAAKC,OAAAA,gBAAe;AAGrC,UAAM,cAAcC,IAAAA,SAAS,MAAM;AAClC,YAAM,UAAU,MAAM,MAAM;AAC5B,UAAI,YAAY,aAAc,QAAO;AACrC,UAAI,YAAY,eAAgB,QAAO;AACvC,aAAO;AAAA,IACR,CAAC;AAED,UAAM,eAAe,CAAC,aAAa,GAAG,YAAY,KAAK,GAAG,QAAQ;AAElE,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,gBAAgBC,IAAAA,IAAI,GAAG;AAE7B,UAAM,MAAM,MAAM,cAAc;AAEnBA,YAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAA;AAAA,MACV,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAQ;AAAA,UAClC,EAAE,OAAO,WAAW,OAAO,UAAS;AAAA,UACpC,EAAE,OAAO,QAAQ,OAAO,OAAM;AAAA,QACtC;AAAA,MACA,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,cAAqB,OAAO,OAAM;AAAA,UAC3C,EAAE,OAAO,gBAAqB,OAAO,UAAS;AAAA,UAC9C,EAAE,OAAO,iBAAqB,OAAO,WAAU;AAAA,UAC/C,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACL,CAAG;AAED,QAAI,OAAOA,IAAAA,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEFC,cAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.js

@@ -1,4 +1,4 @@
-import { ref, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, createBlock, createVNode, isRef, withCtx, Fragment, renderList, withModifiers } from "vue";
+import { computed, ref, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, createBlock, createVNode, isRef, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
@@ -6,15 +6,23 @@ import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../blocks/CardEvent.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { read } from "../../store/events.js";
+import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "" };
 const _hoisted_2 = { class: "mn-b-medium pd-thin flex-v-center flex-nowrap flex" };
 const _hoisted_3 = { class: "pd-thin rows-1 bg-white" };
-const _hoisted_4 = ["onClick"];
 const _sfc_main = {
   __name: "EventsBackoffice",
   setup(__props) {
     const route = useRoute();
     const router = useRouter();
+    const { hasAccess } = useGlobalMixins();
+    const routePrefix = computed(() => {
+      const context = route.meta?.context;
+      if (context === "backoffice") return "Backoffice";
+      if (context === "organization") return "Organization_";
+      return "";
+    });
+    const getRouteName = (baseName) => `${routePrefix.value}${baseName}`;
     let tab = route.query.tab ? route.query.tab : "owner";
     const tabEventOwner = ref(tab);
     route.query.tab = tabEventOwner.value;
@@ -64,7 +72,7 @@ const _sfc_main = {
           _cache[3] || (_cache[3] = createElementVNode("h2", { class: "mn-r-medium" }, " Events ", -1)),
           state.user._id === unref(route).params.user || unref(route).params._id ? (openBlock(), createElementBlock("button", {
             key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: "Create Event" })),
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: getRouteName("Create Event") })),
             class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
           }, " + ")) : createCommentVNode("", true)
         ]),
@@ -107,27 +115,17 @@ const _sfc_main = {
             }) => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
                 return openBlock(), createBlock(_sfc_main$3, {
-                  onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                  onClick: ($event) => unref(router).push({ name: getRouteName("Event"), params: { url: event.url } }),
                   key: event._id,
                   event,
                   user: state.user._id,
                   type: "normal",
-                  class: "bg-light radius-big"
-                }, {
-                  default: withCtx(() => [
-                    unref(route).params._id || unref(route).params.user && _ctx.hasAccess(unref(route).params._id, "events", "read", state.accesses, state.access.roles) ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      class: "mn-b-semi w-100 bg-second button t-white uppercase",
-                      onClick: withModifiers(($event) => unref(router).push({
-                        name: "Edit Event Tickets",
-                        params: {
-                          url: event.url
-                        }
-                      }), ["stop"])
-                    }, " Manage Tickets ", 8, _hoisted_4)) : createCommentVNode("", true)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick", "event", "user"]);
+                  actions: state.user._id === event.creator.target._id || unref(hasAccess)(event.owner?.target?._id, "events", "edit", state.accesses, state.access.roles) ? [
+                    { label: "Edit Event", to: { name: getRouteName("Edit Event"), params: { url: event.url } } },
+                    { label: "Manage Tickets", to: { name: getRouteName("Edit Event Tickets"), params: { url: event.url } } }
+                  ] : [],
+                  class: "bg-light radius-medium"
+                }, null, 8, ["onClick", "event", "user", "actions"]);
               }), 128))
             ]),
             _: 1

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventsBackoffice.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EventsBackoffice.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\"\n\t>\n\t\t<header \n\t\t\tclass=\"mn-b-medium pd-thin flex-v-center flex-nowrap flex\"\n\t\t>\n    \t<h2\n    \t\tclass=\"mn-r-medium\"\n    \t>\n    \t\tEvents\n    \t</h2>\n    \t\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params.user || route.params._id\"\n    \t\t@click=\"router.push({name: 'Create Event'})\" \n    \t\tclass=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n    \t>\n    \t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<section class=\"pd-thin rows-1 bg-white\">\n\n\t\t\t<Tab \n\t\t\t\tv-if=\"auth.state.user._id === route.params.user\"\n\t\t\t\tv-model:selected=\"tabEventOwner\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{ name: 'Organizer', \tvalue: 'owner' },\n\t\t\t\t\t{ name: 'Participant', \tvalue: 'participant' },\t\n\t\t\t\t]\"\n\t\t\t\tclass=\"\n\t\t\t\t\tmn-b-thin\n\t\t\t\t\tflex-child-default\n\t\t\t\t\th-max\n\t\t\t\t\to-hidden \n\t\t\t\t\th5 \n\t\t\t\t\tbg-white\n\t\t\t\t\tgap-micro pd-t-thin pd-b-thin\n\t\t\t\t\tbr-b br-solid br-black-transp-10\n\t\t\t\t\"\n\t\t\t\tclassTab=\"bg-light pd-small radius-small w-100\"\n\t\t\t/>\n\n\t\t\t<Feed\n\t\t\t\t:search=\"true\"\n\t\t\t\tv-model:sort=\"sort\"\n\t      :states=\"{\n\t        empty: {\n\t          title: 'No Events Found',\n\t          description: 'Currently, there are no events available.'\n\t        }\n\t      }\"\n\t      :store=\"{\n\t        read: (options) => events.read(options),\n\t      }\"\n\t      :options=\"{\n\t        user: auth.state.user._id,\n\t        owner: route.params._id,\n\t        creator: route.params.user,\n\t        sortParam: 'date.start',\n\t        sortOrder: 'desc'\n\t      }\"\n\t      v-slot=\"{ \n\t        items \n\t      }\"\n\t      class=\"cols-1 gap-thin\"\n\t    >\n\t    \t<!-- <Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t    key: '_id', \n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `${value}`\n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'tickets', \n\t\t\t\t\t    label: 'Tickets',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'date.start',\n\t\t\t\t\t    label: 'Date',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\" \n\t\t\t\t\t/> -->\n\t       <CardEvent \n\t        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n\t        v-for=\"(event,index) in items\" \n\t        :key=\"event._id\" \n\t        :event=\"event\" \n\t        :user=\"auth.state.user._id\" \n\t        :type=\"'normal'\"\n\t        class=\"bg-light radius-big\"\n\t      >\n\n\t\t\t     <div \n\t\t\t      v-if=\"route.params._id || route.params.user && hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t\t      class=\"mn-b-semi w-100 bg-second button t-white uppercase\"\n\t\t\t      @click.stop=\"router.push({\n\t\t\t        name: 'Edit Event Tickets',\n\t\t\t        params: {\n\t\t\t          url: event.url\n\t\t\t        }\n\t\t\t      })\"\n\t\t\t    >\n\t\t\t      Manage Tickets\n\t\t\t    </div>\n\t      </CardEvent>\n\t    </Feed>\n\t  </section>\n\n   <!--  <Feed \n\t\t\tv-if=\"tabEventOwner ==='owner'\"\n\t  \t:user=\"auth.state.user._id\"\n\t\t\t:creator=\"route.params.user\"\n\t\t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'asc'\"\n\t\t/> -->\n\n\n\t\t<!-- <Feed \n\t\t\tv-if=\"tabEventOwner ==='participant'\"\n  \t\t:user=\"auth.state.user._id\"\n  \t\t:participant=\"route.params.user\"\n  \t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'desc'\"\n\t\t/> -->\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Table from '@martyrs/src/components/Table/Table.vue'\n\n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as events from '@martyrs/src/modules/events/store/events.js'; \n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabEventOwner = ref(tab)\n\n\troute.query.tab = tabEventOwner.value\n\n\tlet filter = ref({\n    active: false,\n    class: '',\n    selected: {},\n    options: [{\n      title: 'Delivery',\n      value: 'delivery',\n      options: [\n        { label: 'Pickup', value: 'pickup' },\n        { label: 'Courier', value: 'courier' },\n        { label: 'Post', value: 'post' }\n      ]\n    },{\n      title: 'Prices',  \n      value: 'prices',\n      options: [\n        { label: 'Under 300฿',        value: '<300' },\n        { label: '300฿ to 600฿',      value: '300-600' },\n        { label: '600฿ to 1200฿',     value: '600-1200' },\n        { label: '$1200 and above',   value: '>1200' }\n      ]\n    }],\n  })\n\n  let sort = ref({\n    param: 'distance',\n    order: 'asc',\n    options: [{\n      label: 'Distance',\n      value: 'distance'\n    },{\n      label: 'Popularity',\n      value: 'views'\n    },{\n      label: 'Products',\n      value: 'numberOfProducts'\n    }]\n  })\n\n\twatch(tabEventOwner, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;AA4JC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,gBAAgB,IAAI,GAAG;AAE7B,UAAM,MAAM,MAAM,cAAc;AAEnB,QAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAA;AAAA,MACV,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAQ;AAAA,UAClC,EAAE,OAAO,WAAW,OAAO,UAAS;AAAA,UACpC,EAAE,OAAO,QAAQ,OAAO,OAAM;AAAA,QACtC;AAAA,MACA,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,cAAqB,OAAO,OAAM;AAAA,UAC3C,EAAE,OAAO,gBAAqB,OAAO,UAAS;AAAA,UAC9C,EAAE,OAAO,iBAAqB,OAAO,WAAU;AAAA,UAC/C,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACL,CAAG;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEF,UAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EventsBackoffice.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EventsBackoffice.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\"\n\t>\n\t\t<header \n\t\t\tclass=\"mn-b-medium pd-thin flex-v-center flex-nowrap flex\"\n\t\t>\n    \t<h2\n    \t\tclass=\"mn-r-medium\"\n    \t>\n    \t\tEvents\n    \t</h2>\n    \t\n    \t<button\n    \t\tv-if=\"auth.state.user._id === route.params.user || route.params._id\"\n    \t\t@click=\"router.push({name: getRouteName('Create Event')})\"\n    \t\tclass=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n    \t>\n    \t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<section class=\"pd-thin rows-1 bg-white\">\n\n\t\t\t<Tab \n\t\t\t\tv-if=\"auth.state.user._id === route.params.user\"\n\t\t\t\tv-model:selected=\"tabEventOwner\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{ name: 'Organizer', \tvalue: 'owner' },\n\t\t\t\t\t{ name: 'Participant', \tvalue: 'participant' },\t\n\t\t\t\t]\"\n\t\t\t\tclass=\"\n\t\t\t\t\tmn-b-thin\n\t\t\t\t\tflex-child-default\n\t\t\t\t\th-max\n\t\t\t\t\to-hidden \n\t\t\t\t\th5 \n\t\t\t\t\tbg-white\n\t\t\t\t\tgap-micro pd-t-thin pd-b-thin\n\t\t\t\t\tbr-b br-solid br-black-transp-10\n\t\t\t\t\"\n\t\t\t\tclassTab=\"bg-light pd-small radius-small w-100\"\n\t\t\t/>\n\n\t\t\t<Feed\n\t\t\t\t:search=\"true\"\n\t\t\t\tv-model:sort=\"sort\"\n\t      :states=\"{\n\t        empty: {\n\t          title: 'No Events Found',\n\t          description: 'Currently, there are no events available.'\n\t        }\n\t      }\"\n\t      :store=\"{\n\t        read: (options) => events.read(options),\n\t      }\"\n\t      :options=\"{\n\t        user: auth.state.user._id,\n\t        owner: route.params._id,\n\t        creator: route.params.user,\n\t        sortParam: 'date.start',\n\t        sortOrder: 'desc'\n\t      }\"\n\t      v-slot=\"{ \n\t        items \n\t      }\"\n\t      class=\"cols-1 gap-thin\"\n\t    >\n\t    \t<!-- <Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t    key: '_id', \n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `${value}`\n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'tickets', \n\t\t\t\t\t    label: 'Tickets',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'date.start',\n\t\t\t\t\t    label: 'Date',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\" \n\t\t\t\t\t/> -->\n\t       <CardEvent\n\t        @click=\"router.push({name: getRouteName('Event'), params: {url: event.url}})\"\n\t        v-for=\"(event,index) in items\"\n\t        :key=\"event._id\"\n\t        :event=\"event\"\n\t        :user=\"auth.state.user._id\"\n\t        :type=\"'normal'\"\n\t        :actions=\"auth.state.user._id === event.creator.target._id || hasAccess(event.owner?.target?._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles)\n\t          ? [\n\t              { label: 'Edit Event', to: { name: getRouteName('Edit Event'), params: { url: event.url } } },\n\t              { label: 'Manage Tickets', to: { name: getRouteName('Edit Event Tickets'), params: { url: event.url } } }\n\t            ]\n\t          : []\"\n\t        class=\"bg-light radius-medium\"\n\t      />\n\t    </Feed>\n\t  </section>\n\n   <!--  <Feed \n\t\t\tv-if=\"tabEventOwner ==='owner'\"\n\t  \t:user=\"auth.state.user._id\"\n\t\t\t:creator=\"route.params.user\"\n\t\t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'asc'\"\n\t\t/> -->\n\n\n\t\t<!-- <Feed \n\t\t\tv-if=\"tabEventOwner ==='participant'\"\n  \t\t:user=\"auth.state.user._id\"\n  \t\t:participant=\"route.params.user\"\n  \t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'desc'\"\n\t\t/> -->\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Table from '@martyrs/src/components/Table/Table.vue'\n\n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as events from '@martyrs/src/modules/events/store/events.js';\n\n\timport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst { hasAccess } = useGlobalMixins()\n\n\t// Определение контекста и префикса роутов\n\tconst routePrefix = computed(() => {\n\t\tconst context = route.meta?.context\n\t\tif (context === 'backoffice') return 'Backoffice'\n\t\tif (context === 'organization') return 'Organization_'\n\t\treturn ''\n\t})\n\n\tconst getRouteName = (baseName) => `${routePrefix.value}${baseName}`\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabEventOwner = ref(tab)\n\n\troute.query.tab = tabEventOwner.value\n\n\tlet filter = ref({\n    active: false,\n    class: '',\n    selected: {},\n    options: [{\n      title: 'Delivery',\n      value: 'delivery',\n      options: [\n        { label: 'Pickup', value: 'pickup' },\n        { label: 'Courier', value: 'courier' },\n        { label: 'Post', value: 'post' }\n      ]\n    },{\n      title: 'Prices',  \n      value: 'prices',\n      options: [\n        { label: 'Under 300฿',        value: '<300' },\n        { label: '300฿ to 600฿',      value: '300-600' },\n        { label: '600฿ to 1200฿',     value: '600-1200' },\n        { label: '$1200 and above',   value: '>1200' }\n      ]\n    }],\n  })\n\n  let sort = ref({\n    param: 'distance',\n    order: 'asc',\n    options: [{\n      label: 'Distance',\n      value: 'distance'\n    },{\n      label: 'Popularity',\n      value: 'views'\n    },{\n      label: 'Products',\n      value: 'numberOfProducts'\n    }]\n  })\n\n\twatch(tabEventOwner, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuJC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,EAAE,UAAS,IAAK,gBAAe;AAGrC,UAAM,cAAc,SAAS,MAAM;AAClC,YAAM,UAAU,MAAM,MAAM;AAC5B,UAAI,YAAY,aAAc,QAAO;AACrC,UAAI,YAAY,eAAgB,QAAO;AACvC,aAAO;AAAA,IACR,CAAC;AAED,UAAM,eAAe,CAAC,aAAa,GAAG,YAAY,KAAK,GAAG,QAAQ;AAElE,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,gBAAgB,IAAI,GAAG;AAE7B,UAAM,MAAM,MAAM,cAAc;AAEnB,QAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAA;AAAA,MACV,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAQ;AAAA,UAClC,EAAE,OAAO,WAAW,OAAO,UAAS;AAAA,UACpC,EAAE,OAAO,QAAQ,OAAO,OAAM;AAAA,QACtC;AAAA,MACA,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,cAAqB,OAAO,OAAM;AAAA,UAC3C,EAAE,OAAO,gBAAqB,OAAO,UAAS;AAAA,UAC9C,EAAE,OAAO,iBAAqB,OAAO,WAAU;AAAA,UAC/C,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACL,CAAG;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEF,UAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}