npm - @ozdao/martyrs - Versions diffs - 0.2.454 → 0.2.455 - Mend

@ozdao/martyrs 0.2.454 → 0.2.455

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (209) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n <section class=\"radius-tl-medium bg-white\"> \n\n\n <div class=\"gap-medium pos-t-0 pos-sticky z-index-2 radius-medium \">\n <DatePicker\n v-model:date=\"events.state.filter.date\"\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-medium\"\n />\n </div>\n\n <section class=\"pd-big mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n <div class=\"gap-medium radius-medium mn-b-big\">\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 status: 'featured'\n }\"\n class=\" mn-big-negative pd-big\"\n />\n </div>\n\n\n <div class=\"gap-medium radius-medium mn-b-thin\">\n <h3\n class=\"mn-b-small\"\n >\n Popular Events\n </h3>\n <FeaturedEvents class=\"gap-thin\"/>\n </div>\n\n <div class=\"gap-medium radius-medium mn-b-medium\">\n <h3 class=\"mn-b-small\">\n Explore by Date\n </h3>\n \n <div class=\"cols-4 gap-thin\">\n <div \n v-for=\"(date, index) in dateOptions\" \n :key=\"index\"\n class=\"bg-light radius-medium pd-medium cursor-pointer\"\n @click=\"selectDate(date)\"\n >\n <h4 class=\"t-medium\">{{ date.label }}</h4>\n <div class=\"text-small text-muted\">{{ date.range }}</div>\n </div>\n </div>\n </div>\n\n <div class=\"gap-medium radius-medium mn-b-medium\">\n \n <h3\n class=\"mn-b-small\"\n >\n Popular Events\n </h3>\n \n <Feed\n :showLoadMore=\"false\"\n :LoadMore=\"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: 3,\n page: 1\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-3 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-big mn-b-thin\"\n >\n </CardEvent>\n </Feed>\n \n\n </div>\n\n <div class=\"gap-medium radius-medium mn-b-medium\">\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: 8\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-4 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-medium radius-medium mn-b-thin\">\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: 10\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-3 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-big mn-t-thin\"\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\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'\n import * as organizations from '@martyrs/src/modules/organizations/store/organizations'\n import * as memberships from '@martyrs/src/modules/organizations/store/memberships'\n\n\n import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n memberships.mutations.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 const dateOptions = [\n { label: 'Today', range: 'Tue, 4th Feb' },\n { label: 'Tomorrow', range: 'Wed, 5th Feb' },\n { label: 'This Weekend', range: '8th - 9th Feb' },\n { label: 'This Week', range: '3rd - 9th Feb' },\n { label: 'Next Weekend', range: '15th - 16th Feb' },\n { label: 'Next Week', range: '10th - 16th Feb' },\n { label: 'This Month', range: '1st - 28th Feb' },\n { label: 'Custom Date', range: 'Pick Range' }\n ];\n\n const selectDate = (date) => {\n // Здесь можно добавить логику выбора даты\n console.log('Selected date:', date);\n };\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</script>\n\n<style lang=\"scss\">\n \n</style>\n"],"names":["memberships.mutations","organizations.state","events.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6OE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;AAED,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,WAAW,oBAAI,KAAM;AACzB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,UAAM,cAAc;AAAA,MAClB,EAAE,OAAO,SAAS,OAAO,eAAgB;AAAA,MACzC,EAAE,OAAO,YAAY,OAAO,eAAgB;AAAA,MAC5C,EAAE,OAAO,gBAAgB,OAAO,gBAAiB;AAAA,MACjD,EAAE,OAAO,aAAa,OAAO,gBAAiB;AAAA,MAC9C,EAAE,OAAO,gBAAgB,OAAO,kBAAmB;AAAA,MACnD,EAAE,OAAO,aAAa,OAAO,kBAAmB;AAAA,MAChD,EAAE,OAAO,cAAc,OAAO,iBAAkB;AAAA,MAChD,EAAE,OAAO,eAAe,OAAO,aAAY;AAAA,IAC5C;AAED,UAAM,aAAa,CAAC,SAAS;AAE3B,cAAQ,IAAI,kBAAkB,IAAI;AAAA,IACnC;AAED,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,UAAU,WAAW,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAQ,IAAK,GAAG,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAW,CAAE;AAAA,IACjI;AAEE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACjC;AAEDC,YAAa,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACP;AAEDA,YAAa,SAAS;AAAA,IAC1B;AAEE,UAAM,MAAMA,MAAa,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAEhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,OAAO;AAAA,IACzB,GAAK,EAAE,MAAM,KAAM,CAAA;AAEjB,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IACjC;AACE,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-medium 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-medium\"\n />\n </div>\n\n <section class=\"pd-big mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n <div class=\"gap-medium 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-medium 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-medium 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 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-big\"\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'\n import * as organizations from '@martyrs/src/modules/organizations/store/organizations'\n import * as memberships from '@martyrs/src/modules/organizations/store/memberships'\n\n\n import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n memberships.mutations.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":["memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;AAEa,aAAQ;AACtB,UAAM,SAAS,UAAW;AA6C1B,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IACjC;AACE,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IACjC;AAEE,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,YAAa;AAAA,YACrC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACP;AAAA,IACG;AAGD,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAa;AAAA,UAC7C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,6 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Table = require("../../../../components/Table/Table.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const events = require("../../store/events.cjs");
@@ -100,44 +99,15 @@ const _sfc_main = {
             options: {
               user: auth.state.user._id,
               owner: vue.unref(route).params._id,
-              creator: vue.unref(route).params.user
+              creator: vue.unref(route).params.user,
+              sortParam: "date.start",
+              sortOrder: "desc"
             },
             class: "cols-1 gap-thin"
           }, {
             default: vue.withCtx(({
               items
             }) => [
-              vue.createVNode(Table.default, {
-                class: "radius-semi bg-white",
-                items,
-                columns: [
-                  {
-                    key: "_id",
-                    label: "ID",
-                    formatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}`
-                  },
-                  {
-                    key: "name",
-                    label: "Name",
-                    formatter: (value) => `${value}`
-                  },
-                  {
-                    key: "tickets",
-                    label: "Tickets",
-                    formatter: (value) => (value == null ? void 0 : value.length) || 0
-                  },
-                  {
-                    key: "status",
-                    label: "Status",
-                    component: _ctx.StatusBadge
-                  },
-                  {
-                    key: "date.start",
-                    label: "Date",
-                    formatter: (value) => new Date(value).toLocaleDateString()
-                  }
-                ]
-              }, null, 8, ["items", "columns"]),
               (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 } }),

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

	@@ -1 +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\n\t\t\t\t\"\n\t\t\t\ttabClass=\"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\t\t\tv-model:filter=\"filter\"\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 }\"\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';\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":"~~;;;;;;;;;;;;;;;;;AA2JC~~,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,gBAAgBC,IAAAA,IAAI,GAAG;AAE7B,UAAM,MAAM,MAAM,cAAc;AAEhC,QAAI,SAASA,IAAAA,IAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAE;AAAA,MACZ,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,UACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,UACtC,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,OAAQ;AAAA,UAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,UAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,UACjD,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACF,CAAA;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,MACR,CAAA;AAAA,IACF,CAAA;AAEFC,cAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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\n\t\t\t\t\"\n\t\t\t\ttabClass=\"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\t\t\tv-model:filter=\"filter\"\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';\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":";;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,gBAAgBC,IAAAA,IAAI,GAAG;AAE7B,UAAM,MAAM,MAAM,cAAc;AAEhC,QAAI,SAASA,IAAAA,IAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAE;AAAA,MACZ,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,UACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,UACtC,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,OAAQ;AAAA,UAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,UAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,UACjD,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACF,CAAA;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,MACR,CAAA;AAAA,IACF,CAAA;AAEFC,cAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,6 @@ import { ref, watch, createElementBlock, openBlock, createElementVNode, createCo
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import Table from "../../../../components/Table/Table.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";
@@ -98,44 +97,15 @@ const _sfc_main = {
             options: {
               user: state.user._id,
               owner: unref(route).params._id,
-              creator: unref(route).params.user
+              creator: unref(route).params.user,
+              sortParam: "date.start",
+              sortOrder: "desc"
             },
             class: "cols-1 gap-thin"
           }, {
             default: withCtx(({
               items
             }) => [
-              createVNode(Table, {
-                class: "radius-semi bg-white",
-                items,
-                columns: [
-                  {
-                    key: "_id",
-                    label: "ID",
-                    formatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}`
-                  },
-                  {
-                    key: "name",
-                    label: "Name",
-                    formatter: (value) => `${value}`
-                  },
-                  {
-                    key: "tickets",
-                    label: "Tickets",
-                    formatter: (value) => (value == null ? void 0 : value.length) || 0
-                  },
-                  {
-                    key: "status",
-                    label: "Status",
-                    component: _ctx.StatusBadge
-                  },
-                  {
-                    key: "date.start",
-                    label: "Date",
-                    formatter: (value) => new Date(value).toLocaleDateString()
-                  }
-                ]
-              }, null, 8, ["items", "columns"]),
               (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 } }),

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

	@@ -1 +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\n\t\t\t\t\"\n\t\t\t\ttabClass=\"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\t\t\tv-model:filter=\"filter\"\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 }\"\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';\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":"~~;;;;;;;;;;;;;;;AA2JC~~,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;AAEhC,QAAI,SAAS,IAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAE;AAAA,MACZ,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,UACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,UACtC,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,OAAQ;AAAA,UAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,UAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,UACjD,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACF,CAAA;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,MACR,CAAA;AAAA,IACF,CAAA;AAEF,UAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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\n\t\t\t\t\"\n\t\t\t\ttabClass=\"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\t\t\tv-model:filter=\"filter\"\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';\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":";;;;;;;;;;;;;;AA6JC,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;AAEhC,QAAI,SAAS,IAAI;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU,CAAE;AAAA,MACZ,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,UACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,UACtC,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,OAAQ;AAAA,UAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,UAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,UACjD,EAAE,OAAO,mBAAqB,OAAO,QAAO;AAAA,QACpD;AAAA,MACA,CAAK;AAAA,IACF,CAAA;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,MACR,CAAA;AAAA,IACF,CAAA;AAEF,UAAM,eAAe,CAAC,aAAa;AACjC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.cjs ADDED Viewed

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+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 vueI18n = require("vue-i18n");
+const _hoisted_1 = { class: "pd-big mobile:pd-thin bg-white" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _sfc_main = {
+  __name: "EventsSearch",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    vueRouter.useRouter();
+    const { locale, t } = vueI18n.useI18n();
+    const feedOptions = vue.computed(() => {
+      const options = {
+        user: auth.state.user._id,
+        limit: 9
+      };
+      if (route.query.periodStart) {
+        options.periodStart = route.query.periodStart;
+      }
+      if (route.query.periodEnd) {
+        options.periodEnd = route.query.periodEnd;
+      }
+      return options;
+    });
+    const formatDate = (dateString, format = "long") => {
+      try {
+        const date = new Date(dateString);
+        if (isNaN(date.getTime())) {
+          return "";
+        }
+        return new Intl.DateTimeFormat(
+          locale.value,
+          format === "long" ? { weekday: "long", year: "numeric", month: "long", day: "numeric" } : { year: "numeric", month: "short", day: "numeric" }
+        ).format(date);
+      } catch (error) {
+        console.error("Error formatting date:", error);
+        return dateString;
+      }
+    };
+    const pageTitle = vue.computed(() => {
+      const startDate = route.query.periodStart;
+      const endDate = route.query.periodEnd;
+      if (startDate && endDate) {
+        const start = new Date(startDate);
+        const end = new Date(endDate);
+        const isSameDay = start.getFullYear() === end.getFullYear() && start.getMonth() === end.getMonth() && start.getDate() === end.getDate();
+        if (isSameDay) {
+          return `Events on ${formatDate(startDate)}`;
+        }
+        return `Events from ${formatDate(startDate, "short")} to ${formatDate(endDate, "short")}`;
+      }
+      return "All Events";
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(pageTitle.value), 1),
+        vue.createVNode(Feed.default, {
+          search: true,
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Events",
+              description: "Currently, there are no events available."
+            }
+          },
+          store: {
+            read: (options) => events.read(options),
+            state: events.state
+          },
+          options: feedOptions.value,
+          class: "cols-1 gap-thin"
+        }, {
+          default: vue.withCtx(({ items }) => [
+            (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 } }),
+                key: event._id,
+                event,
+                user: auth.state.user._id,
+                type: "normal",
+                class: "bg-light radius-big"
+              }, null, 8, ["onClick", "event", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EventsSearch.vue.cjs.map

package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EventsSearch.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EventsSearch.vue"],"sourcesContent":["<template>\n <section class=\"pd-big mobile:pd-thin bg-white\"> \n <h3 class=\"mn-b-small\">\n {{ pageTitle }}\n </h3>\n <Feed\n :search=\"true\"\n :showLoadMore=\"false\"\n :states=\"{\n empty: {\n title: 'No Events',\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=\"feedOptions\"\n v-slot=\"{ items }\"\n class=\"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-big\"\n >\n </CardEvent>\n </Feed>\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 import Feed from '@martyrs/src/components/Feed/Feed.vue'\n import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue' \n import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n // Import state\n import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n import { useI18n } from 'vue-i18n';\n\n // State\n const route = useRoute();\n const router = useRouter();\n const { locale, t } = useI18n();\n\n // Generate feed options based on route query parameters\n const feedOptions = computed(() => {\n const options = {\n user: auth.state.user._id,\n limit: 9\n };\n \n if (route.query.periodStart) {\n options.periodStart = route.query.periodStart;\n }\n \n if (route.query.periodEnd) {\n options.periodEnd = route.query.periodEnd;\n }\n\n return options;\n });\n\n // Format date for display in title\n const formatDate = (dateString, format = 'long') => {\n try {\n const date = new Date(dateString);\n \n if (isNaN(date.getTime())) {\n return '';\n }\n \n return new Intl.DateTimeFormat(locale.value, \n format === 'long' ? \n { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' } : \n { year: 'numeric', month: 'short', day: 'numeric' }\n ).format(date);\n } catch (error) {\n console.error('Error formatting date:', error);\n return dateString;\n }\n };\n\n // Generate page title based on query parameters\n const pageTitle = computed(() => {\n const startDate = route.query.periodStart;\n const endDate = route.query.periodEnd;\n \n if (startDate && endDate) {\n // Check if the dates represent a single day by comparing just the date parts\n const start = new Date(startDate);\n const end = new Date(endDate);\n \n // Compare only the date portions (year, month, day)\n const isSameDay = start.getFullYear() === end.getFullYear() &&\n start.getMonth() === end.getMonth() &&\n start.getDate() === end.getDate();\n \n if (isSameDay) {\n return `Events on ${formatDate(startDate)}`;\n }\n \n // Otherwise it's a date range\n return `Events from ${formatDate(startDate, 'short')} to ${formatDate(endDate, 'short')}`;\n }\n \n // Fallback case\n return 'All Events';\n});\n</script>\n\n<style lang=\"scss\">\n \n</style>"],"names":["useRoute","useRouter","useI18n","computed","auth.state"],"mappings":";;;;;;;;;;;;;;AAiDE,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AACxB,UAAM,EAAE,QAAQ,EAAG,IAAGC,gBAAS;AAG/B,UAAM,cAAcC,IAAAA,SAAS,MAAM;AACjC,YAAM,UAAU;AAAA,QACd,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,OAAO;AAAA,MACR;AAED,UAAI,MAAM,MAAM,aAAa;AAC3B,gBAAQ,cAAc,MAAM,MAAM;AAAA,MACxC;AAEI,UAAI,MAAM,MAAM,WAAW;AACzB,gBAAQ,YAAY,MAAM,MAAM;AAAA,MACtC;AAEI,aAAO;AAAA,IACX,CAAG;AAGD,UAAM,aAAa,CAAC,YAAY,SAAS,WAAW;AAClD,UAAI;AACF,cAAM,OAAO,IAAI,KAAK,UAAU;AAEhC,YAAI,MAAM,KAAK,QAAO,CAAE,GAAG;AACzB,iBAAO;AAAA,QACf;AAEM,eAAO,IAAI,KAAK;AAAA,UAAe,OAAO;AAAA,UACpC,WAAW,SACT,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,QAAQ,KAAK,UAAW,IACnE,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK,UAAS;AAAA,QAC3D,EAAQ,OAAO,IAAI;AAAA,MACd,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7C,eAAO;AAAA,MACb;AAAA,IACG;AAGF,UAAM,YAAYD,IAAAA,SAAS,MAAM;AAChC,YAAM,YAAY,MAAM,MAAM;AAC9B,YAAM,UAAU,MAAM,MAAM;AAE5B,UAAI,aAAa,SAAS;AAExB,cAAM,QAAQ,IAAI,KAAK,SAAS;AAChC,cAAM,MAAM,IAAI,KAAK,OAAO;AAG5B,cAAM,YAAY,MAAM,YAAW,MAAO,IAAI,YAAa,KAC1C,MAAM,SAAQ,MAAO,IAAI,SAAU,KACnC,MAAM,QAAO,MAAO,IAAI,QAAS;AAElD,YAAI,WAAW;AACb,iBAAO,aAAa,WAAW,SAAS,CAAC;AAAA,QAC/C;AAGI,eAAO,eAAe,WAAW,WAAW,OAAO,CAAC,OAAO,WAAW,SAAS,OAAO,CAAC;AAAA,MAC3F;AAGE,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.js ADDED Viewed

@@ -0,0 +1,98 @@
+import { computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, Fragment, renderList, createBlock } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../blocks/CardEvent.vue.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { state as state$1, read } from "../../store/events.js";
+import { useI18n } from "vue-i18n";
+const _hoisted_1 = { class: "pd-big mobile:pd-thin bg-white" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _sfc_main = {
+  __name: "EventsSearch",
+  setup(__props) {
+    const route = useRoute();
+    useRouter();
+    const { locale, t } = useI18n();
+    const feedOptions = computed(() => {
+      const options = {
+        user: state.user._id,
+        limit: 9
+      };
+      if (route.query.periodStart) {
+        options.periodStart = route.query.periodStart;
+      }
+      if (route.query.periodEnd) {
+        options.periodEnd = route.query.periodEnd;
+      }
+      return options;
+    });
+    const formatDate = (dateString, format = "long") => {
+      try {
+        const date = new Date(dateString);
+        if (isNaN(date.getTime())) {
+          return "";
+        }
+        return new Intl.DateTimeFormat(
+          locale.value,
+          format === "long" ? { weekday: "long", year: "numeric", month: "long", day: "numeric" } : { year: "numeric", month: "short", day: "numeric" }
+        ).format(date);
+      } catch (error) {
+        console.error("Error formatting date:", error);
+        return dateString;
+      }
+    };
+    const pageTitle = computed(() => {
+      const startDate = route.query.periodStart;
+      const endDate = route.query.periodEnd;
+      if (startDate && endDate) {
+        const start = new Date(startDate);
+        const end = new Date(endDate);
+        const isSameDay = start.getFullYear() === end.getFullYear() && start.getMonth() === end.getMonth() && start.getDate() === end.getDate();
+        if (isSameDay) {
+          return `Events on ${formatDate(startDate)}`;
+        }
+        return `Events from ${formatDate(startDate, "short")} to ${formatDate(endDate, "short")}`;
+      }
+      return "All Events";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h3", _hoisted_2, toDisplayString(pageTitle.value), 1),
+        createVNode(_sfc_main$1, {
+          search: true,
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Events",
+              description: "Currently, there are no events available."
+            }
+          },
+          store: {
+            read: (options) => read(options),
+            state: state$1
+          },
+          options: feedOptions.value,
+          class: "cols-1 gap-thin"
+        }, {
+          default: withCtx(({ items }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                key: event._id,
+                event,
+                user: state.user._id,
+                type: "normal",
+                class: "bg-light radius-big"
+              }, null, 8, ["onClick", "event", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EventsSearch.vue.js.map

package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EventsSearch.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EventsSearch.vue"],"sourcesContent":["<template>\n <section class=\"pd-big mobile:pd-thin bg-white\"> \n <h3 class=\"mn-b-small\">\n {{ pageTitle }}\n </h3>\n <Feed\n :search=\"true\"\n :showLoadMore=\"false\"\n :states=\"{\n empty: {\n title: 'No Events',\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=\"feedOptions\"\n v-slot=\"{ items }\"\n class=\"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-big\"\n >\n </CardEvent>\n </Feed>\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 import Feed from '@martyrs/src/components/Feed/Feed.vue'\n import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue' \n import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n // Import state\n import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n import * as events from '@martyrs/src/modules/events/store/events.js'; \n\n import { useI18n } from 'vue-i18n';\n\n // State\n const route = useRoute();\n const router = useRouter();\n const { locale, t } = useI18n();\n\n // Generate feed options based on route query parameters\n const feedOptions = computed(() => {\n const options = {\n user: auth.state.user._id,\n limit: 9\n };\n \n if (route.query.periodStart) {\n options.periodStart = route.query.periodStart;\n }\n \n if (route.query.periodEnd) {\n options.periodEnd = route.query.periodEnd;\n }\n\n return options;\n });\n\n // Format date for display in title\n const formatDate = (dateString, format = 'long') => {\n try {\n const date = new Date(dateString);\n \n if (isNaN(date.getTime())) {\n return '';\n }\n \n return new Intl.DateTimeFormat(locale.value, \n format === 'long' ? \n { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' } : \n { year: 'numeric', month: 'short', day: 'numeric' }\n ).format(date);\n } catch (error) {\n console.error('Error formatting date:', error);\n return dateString;\n }\n };\n\n // Generate page title based on query parameters\n const pageTitle = computed(() => {\n const startDate = route.query.periodStart;\n const endDate = route.query.periodEnd;\n \n if (startDate && endDate) {\n // Check if the dates represent a single day by comparing just the date parts\n const start = new Date(startDate);\n const end = new Date(endDate);\n \n // Compare only the date portions (year, month, day)\n const isSameDay = start.getFullYear() === end.getFullYear() &&\n start.getMonth() === end.getMonth() &&\n start.getDate() === end.getDate();\n \n if (isSameDay) {\n return `Events on ${formatDate(startDate)}`;\n }\n \n // Otherwise it's a date range\n return `Events from ${formatDate(startDate, 'short')} to ${formatDate(endDate, 'short')}`;\n }\n \n // Fallback case\n return 'All Events';\n});\n</script>\n\n<style lang=\"scss\">\n \n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;AAiDE,UAAM,QAAQ,SAAU;AACT,cAAS;AACxB,UAAM,EAAE,QAAQ,EAAG,IAAG,QAAS;AAG/B,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,UAAU;AAAA,QACd,MAAMA,MAAW,KAAK;AAAA,QACtB,OAAO;AAAA,MACR;AAED,UAAI,MAAM,MAAM,aAAa;AAC3B,gBAAQ,cAAc,MAAM,MAAM;AAAA,MACxC;AAEI,UAAI,MAAM,MAAM,WAAW;AACzB,gBAAQ,YAAY,MAAM,MAAM;AAAA,MACtC;AAEI,aAAO;AAAA,IACX,CAAG;AAGD,UAAM,aAAa,CAAC,YAAY,SAAS,WAAW;AAClD,UAAI;AACF,cAAM,OAAO,IAAI,KAAK,UAAU;AAEhC,YAAI,MAAM,KAAK,QAAO,CAAE,GAAG;AACzB,iBAAO;AAAA,QACf;AAEM,eAAO,IAAI,KAAK;AAAA,UAAe,OAAO;AAAA,UACpC,WAAW,SACT,EAAE,SAAS,QAAQ,MAAM,WAAW,OAAO,QAAQ,KAAK,UAAW,IACnE,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK,UAAS;AAAA,QAC3D,EAAQ,OAAO,IAAI;AAAA,MACd,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7C,eAAO;AAAA,MACb;AAAA,IACG;AAGF,UAAM,YAAY,SAAS,MAAM;AAChC,YAAM,YAAY,MAAM,MAAM;AAC9B,YAAM,UAAU,MAAM,MAAM;AAE5B,UAAI,aAAa,SAAS;AAExB,cAAM,QAAQ,IAAI,KAAK,SAAS;AAChC,cAAM,MAAM,IAAI,KAAK,OAAO;AAG5B,cAAM,YAAY,MAAM,YAAW,MAAO,IAAI,YAAa,KAC1C,MAAM,SAAQ,MAAO,IAAI,SAAU,KACnC,MAAM,QAAO,MAAO,IAAI,QAAS;AAElD,YAAI,WAAW;AACb,iBAAO,aAAa,WAAW,SAAS,CAAC;AAAA,QAC/C;AAGI,eAAO,eAAe,WAAW,WAAW,OAAO,CAAC,OAAO,WAAW,SAAS,OAAO,CAAC;AAAA,MAC3F;AAGE,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.cjs CHANGED Viewed

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                          */
+;/* empty css                                         */
 ;/* empty css                                              */
 ;/* empty css                                           */
 ;/* empty css                                      */
-const Slider = require("../../../../components/Slider/Slider.vue.cjs");
+const Slider_native = require("../../../../components/Slider/Slider.native.vue.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
 const events = require("../../store/events.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -44,13 +44,11 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createBlock(Slider.default, {
+      return vue.openBlock(), vue.createBlock(Slider_native.default, {
         store: {
           read: (options) => events.read({
             skip: __props.skip,
             limit: __props.limit,
-            user: __props.userId,
-            period: __props.period,
             status: __props.status
           })
         },

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EventsHot.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"EventsHot.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, toDisplayString } from "vue";
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                            */
 /* empty css                                         */
 /* empty css                                    */
-import Slider from "../../../../components/Slider/Slider.vue.js";
+import SliderNative from "../../../../components/Slider/Slider.native.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import { read } from "../../store/events.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -42,13 +42,11 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createBlock(Slider, {
+      return openBlock(), createBlock(SliderNative, {
         store: {
           read: (options) => read({
             skip: __props.skip,
             limit: __props.limit,
-            user: __props.userId,
-            period: __props.period,
             status: __props.status
           })
         },

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EventsHot.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"EventsHot.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/FeaturedEvents.vue.cjs CHANGED Viewed

@@ -5,9 +5,10 @@ const vueRouter = require("vue-router");
 const List = require("./List.vue.cjs");
 require("../../store/events.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
-const _hoisted_1 = { class: "cols-2" };
-const _hoisted_2 = { class: "bg-light pd-medium mn-b-medium radius-semi" };
-const _hoisted_3 = { class: "bg-light pd-medium mn-b-medium radius-semi" };
+;/* empty css                      */
+const _hoisted_1 = { class: "columns-wrapper scroll-hide gap-thin" };
+const _hoisted_2 = { class: "column flex flex-column flex-child-default" };
+const _hoisted_3 = { class: "column flex flex-column flex-child-default" };
 const _sfc_main = {
   __name: "FeaturedEvents",
   setup(__props) {
@@ -16,18 +17,18 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = vue.createElementVNode("h4", { class: "mn-b-small" }, " Planned ", -1)),
+          _cache[0] || (_cache[0] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Planned ", -1)),
           vue.createVNode(List.default, {
             user: auth.state.user._id,
-            class: "bg-white radius-medium",
+            class: "bg-light o-hidden h-100 pd-thin radius-medium",
             phase: "planned"
           }, null, 8, ["user"])
         ]),
         vue.createElementVNode("div", _hoisted_3, [
-          _cache[1] || (_cache[1] = vue.createElementVNode("h4", { class: "mn-b-small" }, " Finished ", -1)),
+          _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Finished ", -1)),
           vue.createVNode(List.default, {
             user: auth.state.user._id,
-            class: "bg-white radius-medium",
+            class: "bg-light o-hidden h-100 pd-thin radius-medium",
             phase: "finished"
           }, null, 8, ["user"])
         ])

package/dist/martyrs/src/modules/events/components/sections/FeaturedEvents.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeaturedEvents.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/FeaturedEvents.vue"],"sourcesContent":["<template>\n <div class=\"~~cols~~-2\">\n <div class=\"~~bg-light~~ pd-~~medium~~ mn-b-~~medium radius-semi~~\">\n <h4\n class=\"mn-b-small\"\n >\n Planned\n </h4>\n <List\n :user=\"auth.state.user._id\"\n class=\"bg-~~white~~ radius-medium\"\n :phase=\"'planned'\"\n />\n </div>\n\n <div class=\"bg-~~light~~ pd-~~medium mn~~-~~b-medium radius-semi~~\">\n <h4\n class=\"mn-b-small\"\n >\n Finished \n </h4>\n <List\n :user=\"auth.state.user._id\"\n class=\"bg-~~white~~ radius-medium\"\n :phase=\"'finished'\"\n />\n </div>\n~~\n\n~~ </div>\n</template>\n\n<script setup=\"props\">\n import { computed, onMounted, watch } from 'vue';\n import { useRoute, useRouter } from 'vue-router';\n\n import List from '@martyrs/src/modules/events/components/sections/List.vue'; \n // Import state\n import * as events from '@martyrs/src/modules/events/store/events.js'; \n import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\n // State\n const route = useRoute();\n const router = useRouter();\n</script>\n\n<style lang=\"scss\">\n \n</style~~>\n~~"],"names":["useRoute","useRouter"],"mappings":"~~;;;;;;;;;;;;;AA0CgBA~~,cAAQ,SAAA;AACPC,cAAS,UAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FeaturedEvents.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/FeaturedEvents.vue"],"sourcesContent":["<template>\n <div class=\"columns-wrapper scroll-hide gap-thin\">\n <div class=\"column flex flex-column flex-child-default\">\n <h3\n class=\"mn-b-small\"\n >\n Planned\n </h3>\n <List\n :user=\"auth.state.user._id\"\n class=\"bg-light o-hidden h-100 pd-thin radius-medium\"\n :phase=\"'planned'\"\n />\n </div>\n\n <div class=\"column flex flex-column flex-child-default\">\n <h3\n class=\"mn-b-small\"\n >\n Finished \n </h3>\n <List\n :user=\"auth.state.user._id\"\n class=\"bg-light o-hidden h-100 pd-thin radius-medium\"\n :phase=\"'finished'\"\n />\n </div>\n </div>\n</template>\n\n<script setup=\"props\">\n import { computed, onMounted, watch } from 'vue';\n import { useRoute, useRouter } from 'vue-router';\n\n import List from '@martyrs/src/modules/events/components/sections/List.vue'; \n // Import state\n import * as events from '@martyrs/src/modules/events/store/events.js'; \n import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\n // State\n const route = useRoute();\n const router = useRouter();\n</script>\n\n<style lang=\"scss\">\n.columns-container {\n width: 100%;\n overflow: hidden;\n}\n\n.columns-wrapper {\n display: flex;\n width: 100%;\n \n @media (min-width: 768px) {\n /* Десктоп: 2 колонки рядом /\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n \n @media (max-width: 767px) {\n / Мобильные устройства: горизонтальный скролл /\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n }\n}\n\n.column {\n @media (max-width: 767px) {\n / Настройки для мобильных устройств */\n max-width: 90%;\n flex: 0 0 auto;\n scroll-snap-align: start;\n \n &:last-child {\n margin-right: 0;\n }\n }\n}\n</style> "],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;AAwCgBA,cAAQ,SAAA;AACPC,cAAS,UAAA;;;;;;;;;;;;;;;;;;;;;;;;"}