npm - @ozdao/martyrs - Versions diffs - 0.2.570 → 0.2.572 - Mend

@ozdao/martyrs 0.2.570 → 0.2.572

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 (832) hide show

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

@@ -2,9 +2,9 @@ import { ref, computed, onMounted, createElementBlock, createCommentVNode, unref
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Popup/Popup.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$8 from "../../../../components/Dropdown/Dropdown.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$8 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$1 from "../elements/ButtonCheck.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";
@@ -27,7 +27,7 @@ const _hoisted_5 = { class: "h2" };
 const _hoisted_6 = { class: "bg-white radius-medium pd-medium" };
 const _hoisted_7 = { class: "h2 t-main" };
 const _hoisted_8 = { class: "bg-white radius-medium pd-medium" };
-const _hoisted_9 = { class: "h2 t-second" };
+const _hoisted_9 = { class: "h2 t-grey" };
 const _hoisted_10 = { class: "bg-white radius-medium pd-medium" };
 const _hoisted_11 = { class: "h2 t-red" };
 const _hoisted_12 = {
@@ -36,11 +36,11 @@ const _hoisted_12 = {
 };
 const _hoisted_13 = { class: "flex-nowrap flex gap-thin mn-b-medium" };
 const _hoisted_14 = { class: "bg-white radius-small pd-small" };
-const _hoisted_15 = { class: "p-medium t-medium" };
+const _hoisted_15 = { class: "p-medium fw-medium" };
 const _hoisted_16 = { class: "bg-white radius-small pd-small" };
-const _hoisted_17 = { class: "p-medium t-medium" };
+const _hoisted_17 = { class: "p-medium fw-medium" };
 const _hoisted_18 = { class: "bg-white radius-small pd-small" };
-const _hoisted_19 = { class: "p-medium t-medium t-main" };
+const _hoisted_19 = { class: "p-medium fw-medium t-main" };
 const _hoisted_20 = {
   key: 0,
   class: "flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big"
@@ -49,7 +49,7 @@ const _hoisted_21 = {
   key: 1,
   class: "bg-light radius-micro w-2r h-thin"
 };
-const _hoisted_22 = { class: "p-nano t-medium t-nowrap" };
+const _hoisted_22 = { class: "p-nano fw-medium t-nowrap" };
 const _hoisted_23 = ["onClick"];
 const _hoisted_24 = ["href"];
 const _hoisted_25 = ["src"];
@@ -183,19 +183,19 @@ const _sfc_main = {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_3, [
               createElementVNode("div", _hoisted_4, [
-                _cache[4] || (_cache[4] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Total Tickets", -1)),
+                _cache[4] || (_cache[4] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Total Tickets", -1)),
                 createElementVNode("h2", _hoisted_5, toDisplayString(stats.value.total), 1)
               ]),
               createElementVNode("div", _hoisted_6, [
-                _cache[5] || (_cache[5] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Sold", -1)),
+                _cache[5] || (_cache[5] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Sold", -1)),
                 createElementVNode("h2", _hoisted_7, toDisplayString(stats.value.sold), 1)
               ]),
               createElementVNode("div", _hoisted_8, [
-                _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Free", -1)),
+                _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Free", -1)),
                 createElementVNode("h2", _hoisted_9, toDisplayString(stats.value.free), 1)
               ]),
               createElementVNode("div", _hoisted_10, [
-                _cache[7] || (_cache[7] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Refunds", -1)),
+                _cache[7] || (_cache[7] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Refunds", -1)),
                 createElementVNode("h2", _hoisted_11, toDisplayString(stats.value.refunded), 1)
               ])
             ])
@@ -203,7 +203,7 @@ const _sfc_main = {
           _: 1
         })) : createCommentVNode("", true),
         attendance.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
-          _cache[11] || (_cache[11] = createElementVNode("h4", { class: "mn-b-small t-medium" }, "Attendance Graph", -1)),
+          _cache[11] || (_cache[11] = createElementVNode("h4", { class: "mn-b-small fw-medium" }, "Attendance Graph", -1)),
           createElementVNode("div", _hoisted_13, [
             createElementVNode("div", _hoisted_14, [
               _cache[8] || (_cache[8] = createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Total", -1)),
@@ -222,7 +222,7 @@ const _sfc_main = {
             (openBlock(true), createElementBlock(Fragment, null, renderList(attendance.value.timeline, (slot) => {
               return openBlock(), createElementBlock("div", {
                 key: slot.time,
-                class: "flex-column flex-v-center flex gap-micro flex-child-shrink-0"
+                class: "flex-column flex-v-center flex gap-micro flex-shrink-0"
               }, [
                 maxCount.value > 0 ? (openBlock(), createElementBlock("div", {
                   key: 0,
@@ -339,7 +339,7 @@ const _sfc_main = {
                 createElementVNode("a", {
                   href: ticket.image,
                   target: "_blank",
-                  class: "flex-child-shrink-0"
+                  class: "flex-shrink-0"
                 }, [
                   createElementVNode("img", {
                     loading: "lazy",
@@ -354,7 +354,7 @@ const _sfc_main = {
                   ]),
                   createElementVNode("p", _hoisted_29, toDisplayString(ticket.client_refactor?.email || "No email"), 1),
                   createElementVNode("span", {
-                    class: normalizeClass(["pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano", {
+                    class: normalizeClass(["pd-thin radius-extra t-white fw-medium d-block w-max uppercase p-nano", {
                       "bg-main": ticket.status === "unused",
                       "bg-grey": ticket.status === "used",
                       "bg-red": ticket.status === "deactivated"
@@ -364,27 +364,27 @@ const _sfc_main = {
                 createVNode(_sfc_main$8, {
                   label: { component: _sfc_main$9, class: "t-transp i-regular" },
                   align: "right",
-                  class: "cursor-pointer radius-small pd-small bg-white flex-child-shrink-0"
+                  class: "cursor-pointer radius-small pd-small bg-white flex-shrink-0"
                 }, {
                   default: withCtx(() => [
                     createElementVNode("section", _hoisted_30, [
                       createElementVNode("button", {
                         onClick: ($event) => sendTicketEmail(ticket._id),
-                        class: "w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 t-nowrap bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Send Email ", 8, _hoisted_31),
                       createElementVNode("button", {
                         onClick: ($event) => copyTicketLink(ticket._id),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Copy Link ", 8, _hoisted_32),
                       ticket.status !== "deactivated" ? (openBlock(), createElementBlock("button", {
                         key: 0,
                         onClick: ($event) => changeStatus(ticket, "deactivated"),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Deactivate ", 8, _hoisted_33)) : createCommentVNode("", true),
                       ticket.status === "deactivated" || ticket.status === "used" ? (openBlock(), createElementBlock("button", {
                         key: 1,
                         onClick: ($event) => changeStatus(ticket, "unused"),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Activate ", 8, _hoisted_34)) : createCommentVNode("", true)
                     ])
                   ]),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditEventTickets.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n <article v-if=\"event\" class=\"pd-thin bg-white\">\n <!-- Header -->\n <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n <h2>Tickets</h2>\n <button\n @click=\"openTicketsPopup()\"\n class=\"mn-l-auto radius-small button t-white bg-second\"\n v-html=\"'+ Add'\"\n />\n <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets\" class=\"mn-l-micro radius-small button t-white bg-second\" />\n </header>\n\n <!-- Statistics Cards -->\n <Block v-if=\"stats\" title=\"Statistics\" class=\"mn-b-thin\">\n <div class=\"cols-4 mobile:cols-2 gap-thin\">\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Total Tickets</p>\n <h2 class=\"h2\">{{ stats.total }}</h2>\n </div>\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Sold</p>\n <h2 class=\"h2 t-main\">{{ stats.sold }}</h2>\n </div>\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Free</p>\n <h2 class=\"h2 t-second\">{{ stats.free }}</h2>\n </div>\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Refunds</p>\n <h2 class=\"h2 t-red\">{{ stats.refunded }}</h2>\n </div>\n </div>\n </Block>\n\n <!-- Attendance Graph -->\n <div v-if=\"attendance\" class=\"bg-light radius-medium pd-medium mn-b-thin\">\n <h4 class=\"mn-b-small t-medium\">Attendance Graph</h4>\n\n <!-- General Stats -->\n <div class=\"flex-nowrap flex gap-thin mn-b-medium\">\n <div class=\"bg-white radius-small pd-small\">\n <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Total</span>\n <p class=\"p-medium t-medium\">{{ attendance.total }}</p>\n </div>\n <div class=\"bg-white radius-small pd-small\">\n <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Expected</span>\n <p class=\"p-medium t-medium\">{{ attendance.expected }}</p>\n </div>\n <div class=\"bg-white radius-small pd-small\">\n <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Arrived</span>\n <p class=\"p-medium t-medium t-main\">{{ attendance.arrived }}</p>\n </div>\n </div>\n\n <!-- Timeline Graph -->\n <div v-if=\"attendance.timeline && attendance.timeline.length\" class=\"flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big\">\n <div\n v-for=\"slot in attendance.timeline\"\n :key=\"slot.time\"\n class=\"flex-column flex-v-center flex gap-micro flex-child-shrink-0\"\n >\n <div\n v-if=\"maxCount > 0\"\n class=\"bg-second radius-micro w-2r\"\n :style=\"{ height: `${Math.max((slot.count / maxCount) * 10, 0.5)}rem` }\"\n ></div>\n <div\n v-else\n class=\"bg-light radius-micro w-2r h-thin\"\n ></div>\n <p class=\"p-nano t-medium t-nowrap\">{{ slot.time }}</p>\n </div>\n </div>\n </div>\n\n <!-- Add Tickets Popup -->\n <Popup\n @close-popup=\"closeTicketsPopup\"\n :isPopupOpen=\"isOpenTicketsPopup\"\n class=\"w-max-40r\"\n >\n <Block\n title=\"Add tickets\"\n placeholder=\"No parameters added yet\"\n class=\"cols-1 mn-b-thin gap-thin\"\n >\n <div\n class=\"gap-thin flex-nowrap flex\"\n v-for=\"(item, index) in newTickets\"\n :key=\"index\"\n >\n <Field\n v-model:field=\"item.name\"\n placeholder=\"Name\"\n class=\"w-50 bg-white radius-small pd-medium\"\n />\n <Field\n v-model:field=\"item.seat\"\n placeholder=\"Seat\"\n class=\"w-50 bg-white radius-small pd-medium\"\n />\n <Field\n v-model:field=\"item.email\"\n placeholder=\"Email\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n\n <Field\n v-model:field=\"item.quantity\"\n placeholder=\"Quantity\"\n type=\"number\"\n class=\"w-25 bg-white radius-small pd-medium\"\n />\n\n <div v-if=\"index < 1\" @click=\"() => newTickets.push({name: '', value: '', target: event._id, type: 'event', quantity: 1})\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\">\n <IconAdd\n class=\"i-medium\"\n :fill=\"'rgb(var(--white))'\"\n />\n </div>\n <div v-else @click=\"() => newTickets.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n <IconDelete\n class=\"i-medium\"\n :fill=\"'rgb(var(--white))'\"\n />\n </div>\n </div>\n\n <Button\n :submit=\"onSubmit\"\n :callback=\"closeTicketsPopup\"\n class=\"w-100 bg-black t-white\"\n >\n Create Tickets\n </Button>\n </Block>\n </Popup>\n\n <!-- Tickets List -->\n <Feed\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Tickets Found',\n description: 'Currently, there are no tickets.'\n }\n }\"\n :store=\"{\n read: (options) => tickets.actions.read(options),\n state: null\n }\"\n :options=\"{\n target: event._id\n }\"\n :external=\"fetchTickets\"\n v-slot=\"{ items }\"\n >\n <div\n v-for=\"(ticket, index) in items\"\n :key=\"index\"\n class=\"radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start\"\n >\n <!-- QR Code - clickable PDF -->\n <a :href=\"ticket.image\" target=\"_blank\" class=\"flex-child-shrink-0\">\n <img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\">\n </a>\n\n <!-- Ticket Info -->\n <div class=\"w-100 o-hidden\">\n <h4 class=\"mn-b-thin flex-nowrap flex gap-thin\">\n <span>{{ ticket.client_refactor?.name \|\| 'No name' }}</span><span v-if=\"ticket.seat\" class=\"pd-thin radius-micro p-small bg-second t-white\"> {{ ticket.seat }}</span>\n </h4>\n <p class=\"p-small t-transp mn-b-thin\">\n {{ ticket.client_refactor?.email \|\| 'No email' }}\n </p>\n <span\n class=\"pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano\"\n :class=\"{\n 'bg-main': ticket.status === 'unused',\n 'bg-grey': ticket.status === 'used',\n 'bg-red': ticket.status === 'deactivated'\n }\"\n >\n {{ ticket.status }}\n </span>\n </div>\n\n <!-- Actions -->\n <Dropdown\n :label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n :align=\"'right'\"\n class=\"cursor-pointer radius-small pd-small bg-white flex-child-shrink-0\"\n >\n <section class=\"bg-black flex-column flex gap-thin pd-thin radius-small\">\n <button\n @click=\"sendTicketEmail(ticket._id)\"\n class=\"w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n >\n Send Email\n </button>\n\n <button\n @click=\"copyTicketLink(ticket._id)\"\n class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n >\n Copy Link\n </button>\n\n <button\n v-if=\"ticket.status !== 'deactivated'\"\n @click=\"changeStatus(ticket, 'deactivated')\"\n class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n >\n Deactivate\n </button>\n\n <button\n v-if=\"ticket.status === 'deactivated' \|\| ticket.status === 'used'\"\n @click=\"changeStatus(ticket, 'unused')\"\n class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n >\n Activate\n </button>\n </section>\n </Dropdown>\n </div>\n </Feed>\n </article>\n</template>\n\n<script setup>\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nimport { ref, onMounted, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport { setSnack } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\";\n\nconst { hasAccess } = useGlobalMixins();\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nconst stats = ref(null);\nconst attendance = ref(null);\n\nconst newTickets = ref([{\n name: '',\n email: '',\n target: null,\n type: 'event',\n seat: '',\n quantity: 1,\n}]);\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup() {\n isOpenTicketsPopup.value = true;\n\n newTickets.value = [{\n name: '',\n email: '',\n target: event.value?._id,\n type: 'event',\n seat: '',\n quantity: 1,\n }];\n}\n\nfunction closeTicketsPopup() {\n isOpenTicketsPopup.value = false;\n}\n\nconst fetchTickets = ref(false);\n\n// Computed for max count in timeline\nconst maxCount = computed(() => {\n if (!attendance.value?.timeline) return 0;\n return Math.max(...attendance.value.timeline.map(slot => slot.count), 1);\n});\n\nonMounted(async () => {\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data.pop();\n\n if (!event.value) {\n router.push({name: 'notfound'});\n }\n\n if (event.value.owner.type === 'organization') {\n const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n if (!isAccess) {\n router.push({name: 'unauthorized'});\n }\n } else {\n if (event.value.creator.target._id !== auth.state.user._id) {\n router.push({name: 'unauthorized'});\n }\n }\n\n // Load statistics\n try {\n stats.value = await tickets.actions.getStats(event.value._id);\n attendance.value = await tickets.actions.getAttendance(event.value._id);\n } catch (error) {\n console.error('Error loading stats:', error);\n }\n});\n\nasync function onSubmit() {\n try {\n const response = await tickets.actions.create(newTickets.value);\n fetchTickets.value = !fetchTickets.value;\n\n // Refresh stats\n stats.value = await tickets.actions.getStats(event.value._id);\n attendance.value = await tickets.actions.getAttendance(event.value._id);\n } catch (error) {\n console.log(error);\n }\n}\n\nasync function changeStatus(ticket, status) {\n if (confirm('Are you sure you want to change ticket status?')) {\n try {\n const response = await tickets.actions.update({ ...ticket, status: status });\n fetchTickets.value = !fetchTickets.value;\n\n // Refresh stats\n stats.value = await tickets.actions.getStats(event.value._id);\n attendance.value = await tickets.actions.getAttendance(event.value._id);\n } catch (error) {\n console.error(error);\n }\n }\n}\n\nfunction viewPdf(ticket) {\n if (ticket.image) {\n window.open(ticket.image, '_blank');\n } else {\n alert('PDF not available for this ticket');\n }\n}\n\nasync function sendTicketEmail(ticketId) {\n try {\n await tickets.actions.sendEmail(ticketId);\n alert('Ticket sent successfully!');\n } catch (error) {\n console.error('Error sending email:', error);\n alert('Failed to send ticket');\n }\n}\n\nfunction copyTicketLink(ticketId) {\n const link = `${window.location.origin}/tickets/${ticketId}`;\n navigator.clipboard.writeText(link);\n setSnack('Link copied to clipboard');\n}\n\nfunction redirectTo() {\n // Placeholder callback\n}\n</script>\n\n<style lang=\"scss\">\n .dp__input {\n border: 0;\n padding: var(--medium);\n padding-left: 3rem;\n background: rgb(var(--grey))\n }\n</style>\n"],"names":["events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmQA,UAAM,EAAE,UAAS,IAAK,gBAAe;AAErC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,QAAQ,IAAI,IAAI;AACpB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,aAAa,IAAI,IAAI;AAE3B,UAAM,aAAa,IAAI,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqB,IAAI,KAAK;AAEpC,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,MAAM,OAAO;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAe,IAAI,KAAK;AAG9B,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,WAAW,OAAO,SAAU,QAAO;AACxC,aAAO,KAAK,IAAI,GAAG,WAAW,MAAM,SAAS,IAAI,UAAQ,KAAK,KAAK,GAAG,CAAC;AAAA,IACzE,CAAC;AAED,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAG;AAEtB,UAAI,CAAC,MAAM,OAAO;AAChB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAChC;AAEA,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAC7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,MAAW,UAAUA,MAAW,OAAO,KAAK;AAEvH,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF,OAAO;AACL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQA,MAAW,KAAK,KAAK;AAC1D,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF;AAGA,UAAI;AACF,cAAM,QAAQ,MAAMC,QAAgB,SAAS,MAAM,MAAM,GAAG;AAC5D,mBAAW,QAAQ,MAAMA,QAAgB,cAAc,MAAM,MAAM,GAAG;AAAA,MACxE,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMA,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAGnC,cAAM,QAAQ,MAAMA,QAAgB,SAAS,MAAM,MAAM,GAAG;AAC5D,mBAAW,QAAQ,MAAMA,QAAgB,cAAc,MAAM,MAAM,GAAG;AAAA,MACxE,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACnB;AAAA,IACF;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,gDAAgD,GAAG;AAC7D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,GAAG,QAAQ,QAAgB;AAC3E,uBAAa,QAAQ,CAAC,aAAa;AAGnC,gBAAM,QAAQ,MAAMA,QAAgB,SAAS,MAAM,MAAM,GAAG;AAC5D,qBAAW,QAAQ,MAAMA,QAAgB,cAAc,MAAM,MAAM,GAAG;AAAA,QACxE,SAAS,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAUA,mBAAe,gBAAgB,UAAU;AACvC,UAAI;AACF,cAAMA,QAAgB,UAAU,QAAQ;AACxC,cAAM,2BAA2B;AAAA,MACnC,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAC3C,cAAM,uBAAuB;AAAA,MAC/B;AAAA,IACF;AAEA,aAAS,eAAe,UAAU;AAChC,YAAM,OAAO,GAAG,OAAO,SAAS,MAAM,YAAY,QAAQ;AAC1D,gBAAU,UAAU,UAAU,IAAI;AAClC,eAAS,0BAA0B;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"EditEventTickets.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n <article v-if=\"event\" class=\"pd-thin bg-white\">\n <!-- Header -->\n <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n <h2>Tickets</h2>\n <button\n @click=\"openTicketsPopup()\"\n class=\"mn-l-auto radius-small button t-white bg-second\"\n v-html=\"'+ Add'\"\n />\n <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets\" class=\"mn-l-micro radius-small button t-white bg-second\" />\n </header>\n\n <!-- Statistics Cards -->\n <Block v-if=\"stats\" title=\"Statistics\" class=\"mn-b-thin\">\n <div class=\"cols-4 mobile:cols-2 gap-thin\">\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Total Tickets</p>\n <h2 class=\"h2\">{{ stats.total }}</h2>\n </div>\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Sold</p>\n <h2 class=\"h2 t-main\">{{ stats.sold }}</h2>\n </div>\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Free</p>\n <h2 class=\"h2 t-grey\">{{ stats.free }}</h2>\n </div>\n <div class=\"bg-white radius-medium pd-medium\">\n <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Refunds</p>\n <h2 class=\"h2 t-red\">{{ stats.refunded }}</h2>\n </div>\n </div>\n </Block>\n\n <!-- Attendance Graph -->\n <div v-if=\"attendance\" class=\"bg-light radius-medium pd-medium mn-b-thin\">\n <h4 class=\"mn-b-small fw-medium\">Attendance Graph</h4>\n\n <!-- General Stats -->\n <div class=\"flex-nowrap flex gap-thin mn-b-medium\">\n <div class=\"bg-white radius-small pd-small\">\n <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Total</span>\n <p class=\"p-medium fw-medium\">{{ attendance.total }}</p>\n </div>\n <div class=\"bg-white radius-small pd-small\">\n <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Expected</span>\n <p class=\"p-medium fw-medium\">{{ attendance.expected }}</p>\n </div>\n <div class=\"bg-white radius-small pd-small\">\n <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Arrived</span>\n <p class=\"p-medium fw-medium t-main\">{{ attendance.arrived }}</p>\n </div>\n </div>\n\n <!-- Timeline Graph -->\n <div v-if=\"attendance.timeline && attendance.timeline.length\" class=\"flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big\">\n <div\n v-for=\"slot in attendance.timeline\"\n :key=\"slot.time\"\n class=\"flex-column flex-v-center flex gap-micro flex-shrink-0\"\n >\n <div\n v-if=\"maxCount > 0\"\n class=\"bg-second radius-micro w-2r\"\n :style=\"{ height: `${Math.max((slot.count / maxCount) * 10, 0.5)}rem` }\"\n ></div>\n <div\n v-else\n class=\"bg-light radius-micro w-2r h-thin\"\n ></div>\n <p class=\"p-nano fw-medium t-nowrap\">{{ slot.time }}</p>\n </div>\n </div>\n </div>\n\n <!-- Add Tickets Popup -->\n <Popup\n @close-popup=\"closeTicketsPopup\"\n :isPopupOpen=\"isOpenTicketsPopup\"\n class=\"w-max-40r\"\n >\n <Block\n title=\"Add tickets\"\n placeholder=\"No parameters added yet\"\n class=\"cols-1 mn-b-thin gap-thin\"\n >\n <div\n class=\"gap-thin flex-nowrap flex\"\n v-for=\"(item, index) in newTickets\"\n :key=\"index\"\n >\n <Field\n v-model:field=\"item.name\"\n placeholder=\"Name\"\n class=\"w-50 bg-white radius-small pd-medium\"\n />\n <Field\n v-model:field=\"item.seat\"\n placeholder=\"Seat\"\n class=\"w-50 bg-white radius-small pd-medium\"\n />\n <Field\n v-model:field=\"item.email\"\n placeholder=\"Email\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n\n <Field\n v-model:field=\"item.quantity\"\n placeholder=\"Quantity\"\n type=\"number\"\n class=\"w-25 bg-white radius-small pd-medium\"\n />\n\n <div v-if=\"index < 1\" @click=\"() => newTickets.push({name: '', value: '', target: event._id, type: 'event', quantity: 1})\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\">\n <IconAdd\n class=\"i-medium\"\n :fill=\"'rgb(var(--white))'\"\n />\n </div>\n <div v-else @click=\"() => newTickets.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n <IconDelete\n class=\"i-medium\"\n :fill=\"'rgb(var(--white))'\"\n />\n </div>\n </div>\n\n <Button\n :submit=\"onSubmit\"\n :callback=\"closeTicketsPopup\"\n class=\"w-100 bg-black t-white\"\n >\n Create Tickets\n </Button>\n </Block>\n </Popup>\n\n <!-- Tickets List -->\n <Feed\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Tickets Found',\n description: 'Currently, there are no tickets.'\n }\n }\"\n :store=\"{\n read: (options) => tickets.actions.read(options),\n state: null\n }\"\n :options=\"{\n target: event._id\n }\"\n :external=\"fetchTickets\"\n v-slot=\"{ items }\"\n >\n <div\n v-for=\"(ticket, index) in items\"\n :key=\"index\"\n class=\"radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start\"\n >\n <!-- QR Code - clickable PDF -->\n <a :href=\"ticket.image\" target=\"_blank\" class=\"flex-shrink-0\">\n <img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\">\n </a>\n\n <!-- Ticket Info -->\n <div class=\"w-100 o-hidden\">\n <h4 class=\"mn-b-thin flex-nowrap flex gap-thin\">\n <span>{{ ticket.client_refactor?.name \|\| 'No name' }}</span><span v-if=\"ticket.seat\" class=\"pd-thin radius-micro p-small bg-second t-white\"> {{ ticket.seat }}</span>\n </h4>\n <p class=\"p-small t-transp mn-b-thin\">\n {{ ticket.client_refactor?.email \|\| 'No email' }}\n </p>\n <span\n class=\"pd-thin radius-extra t-white fw-medium d-block w-max uppercase p-nano\"\n :class=\"{\n 'bg-main': ticket.status === 'unused',\n 'bg-grey': ticket.status === 'used',\n 'bg-red': ticket.status === 'deactivated'\n }\"\n >\n {{ ticket.status }}\n </span>\n </div>\n\n <!-- Actions -->\n <Dropdown\n :label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n :align=\"'right'\"\n class=\"cursor-pointer radius-small pd-small bg-white flex-shrink-0\"\n >\n <section class=\"bg-black flex-column flex gap-thin pd-thin radius-small\">\n <button\n @click=\"sendTicketEmail(ticket._id)\"\n class=\"w-100 t-nowrap bg-black br-1px br-white-transp-20 t-white button-small button\"\n >\n Send Email\n </button>\n\n <button\n @click=\"copyTicketLink(ticket._id)\"\n class=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n >\n Copy Link\n </button>\n\n <button\n v-if=\"ticket.status !== 'deactivated'\"\n @click=\"changeStatus(ticket, 'deactivated')\"\n class=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n >\n Deactivate\n </button>\n\n <button\n v-if=\"ticket.status === 'deactivated' \|\| ticket.status === 'used'\"\n @click=\"changeStatus(ticket, 'unused')\"\n class=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n >\n Activate\n </button>\n </section>\n </Dropdown>\n </div>\n </Feed>\n </article>\n</template>\n\n<script setup>\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nimport { ref, onMounted, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport { setSnack } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\";\n\nconst { hasAccess } = useGlobalMixins();\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nconst stats = ref(null);\nconst attendance = ref(null);\n\nconst newTickets = ref([{\n name: '',\n email: '',\n target: null,\n type: 'event',\n seat: '',\n quantity: 1,\n}]);\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup() {\n isOpenTicketsPopup.value = true;\n\n newTickets.value = [{\n name: '',\n email: '',\n target: event.value?._id,\n type: 'event',\n seat: '',\n quantity: 1,\n }];\n}\n\nfunction closeTicketsPopup() {\n isOpenTicketsPopup.value = false;\n}\n\nconst fetchTickets = ref(false);\n\n// Computed for max count in timeline\nconst maxCount = computed(() => {\n if (!attendance.value?.timeline) return 0;\n return Math.max(...attendance.value.timeline.map(slot => slot.count), 1);\n});\n\nonMounted(async () => {\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data.pop();\n\n if (!event.value) {\n router.push({name: 'notfound'});\n }\n\n if (event.value.owner.type === 'organization') {\n const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n if (!isAccess) {\n router.push({name: 'unauthorized'});\n }\n } else {\n if (event.value.creator.target._id !== auth.state.user._id) {\n router.push({name: 'unauthorized'});\n }\n }\n\n // Load statistics\n try {\n stats.value = await tickets.actions.getStats(event.value._id);\n attendance.value = await tickets.actions.getAttendance(event.value._id);\n } catch (error) {\n console.error('Error loading stats:', error);\n }\n});\n\nasync function onSubmit() {\n try {\n const response = await tickets.actions.create(newTickets.value);\n fetchTickets.value = !fetchTickets.value;\n\n // Refresh stats\n stats.value = await tickets.actions.getStats(event.value._id);\n attendance.value = await tickets.actions.getAttendance(event.value._id);\n } catch (error) {\n console.log(error);\n }\n}\n\nasync function changeStatus(ticket, status) {\n if (confirm('Are you sure you want to change ticket status?')) {\n try {\n const response = await tickets.actions.update({ ...ticket, status: status });\n fetchTickets.value = !fetchTickets.value;\n\n // Refresh stats\n stats.value = await tickets.actions.getStats(event.value._id);\n attendance.value = await tickets.actions.getAttendance(event.value._id);\n } catch (error) {\n console.error(error);\n }\n }\n}\n\nfunction viewPdf(ticket) {\n if (ticket.image) {\n window.open(ticket.image, '_blank');\n } else {\n alert('PDF not available for this ticket');\n }\n}\n\nasync function sendTicketEmail(ticketId) {\n try {\n await tickets.actions.sendEmail(ticketId);\n alert('Ticket sent successfully!');\n } catch (error) {\n console.error('Error sending email:', error);\n alert('Failed to send ticket');\n }\n}\n\nfunction copyTicketLink(ticketId) {\n const link = `${window.location.origin}/tickets/${ticketId}`;\n navigator.clipboard.writeText(link);\n setSnack('Link copied to clipboard');\n}\n\nfunction redirectTo() {\n // Placeholder callback\n}\n</script>\n\n<style lang=\"scss\">\n .dp__input {\n border: 0;\n padding: var(--medium);\n padding-left: 3rem;\n background: rgb(var(--grey))\n }\n</style>\n"],"names":["events.read","auth.state","tickets.actions"],"mappings":"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"}

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

@@ -11,9 +11,9 @@ import { useRoute } from "vue-router";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 /* empty css                                           */
-/* empty css                                            */
 /* empty css                                           */
-/* empty css                                     */
+/* empty css                                           */
+/* empty css                                      */
 /* empty css                                                                 */
 /* empty css                                                                  */
 /* empty css                                                  */
@@ -31,14 +31,14 @@ import { useI18n } from "vue-i18n";
 const _hoisted_1 = { id: "eventPage" };
 const _hoisted_2 = {
   key: 2,
-  class: "cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra"
+  class: "cols-[2fr_1fr] mobile:cols-1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra"
 };
 const _hoisted_3 = { class: "bg-light mobile:pd-medium pd-big radius-big" };
 const _hoisted_4 = { class: "z-index-1 mn-b-semi" };
-const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center" };
+const _hoisted_5 = { class: "flex flex-wrap gap-micro fw-medium p-medium mn-b-semi justify-start align-center" };
 const _hoisted_6 = {
   key: 0,
-  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"
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white"
 };
 const _hoisted_7 = { class: "z-index-1 p-medium mn-b-semi" };
 const _hoisted_8 = {
@@ -51,7 +51,7 @@ const _hoisted_11 = { class: "mn-b-small flex-nowrap flex-v-center flex pos-rela
 const _hoisted_12 = { class: "pd-medium w-100 radius-medium bg-white mn-b-small" };
 const _hoisted_13 = { class: "flex-nowrap mn-b-small p-medium flex" };
 const _hoisted_14 = { class: "mn-r-auto" };
-const _hoisted_15 = { class: "t-medium" };
+const _hoisted_15 = { class: "fw-medium" };
 const _hoisted_16 = ["href"];
 const _hoisted_17 = {
   key: 2,
@@ -147,7 +147,7 @@ const _sfc_main = {
                       ]),
                       createElementVNode("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"
+                        class: "d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase fw-medium t-white w-100 bg-second"
                       }, " Buy Now ", 8, _hoisted_16)
                     ]);
                   }), 256)) : createCommentVNode("", true),

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

	@@ -1 +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, 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-[2fr_1fr] mobile:cols-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 fw-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 fw-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=\"fw-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 fw-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.js CHANGED Viewed

@@ -73,7 +73,7 @@ const _sfc_main = {
               dateStart: 0,
               dateEnd: 30
             },
-            class: "bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white pd-l-zero pd-r-zero pd-thin"
+            class: "bs-black-small br-b-1px br-black-transp-10 o-hidden bg-white pd-l-zero pd-r-zero pd-thin"
           }, null, 8, ["locale"])
         ]),
         createElementVNode("section", _hoisted_3, [
@@ -82,7 +82,7 @@ const _sfc_main = {
               _cache[0] || (_cache[0] = createTextVNode(" Events in ")),
               createElementVNode("p", {
                 onClick: 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"
+                class: "d-inline-block hover:bg-second hover:t-white cursor-pointer ease-elastic duration-150 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-1px br-black-transp-10 radius-extra"
               }, "Phuket")
             ]),
             createVNode(_sfc_main$2, {

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=\"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-1px 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 ease-elastic duration-150 h2 pd-micro pd-t-thin pd-r-small pd-l-small 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.js CHANGED Viewed

@@ -73,7 +73,7 @@ const _sfc_main = {
           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: getRouteName("Create Event") })),
-            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + ")) : createCommentVNode("", true)
         ]),
         createElementVNode("section", _hoisted_3, [
@@ -85,7 +85,7 @@ const _sfc_main = {
               { name: "Organizer", value: "owner" },
               { name: "Participant", value: "participant" }
             ],
-            class: "mn-b-thin flex-child-default h-max o-hidden h5 bg-white gap-micro pd-t-thin pd-b-thin br-b br-solid br-black-transp-10",
+            class: "mn-b-thin flex-child-default h-max o-hidden h5 bg-white gap-micro pd-t-thin pd-b-thin br-b-1px br-black-transp-10",
             classTab: "bg-light pd-small radius-small w-100"
           }, null, 8, ["selected"])) : createCommentVNode("", true),
           createVNode(_sfc_main$2, {

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: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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: getRouteName('Create Event')})\"\n \t\tclass=\"radius-extra i-big hover:scale-[1.05] 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-1px 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { ref, reactive, createBlock, openBlock, withCtx, createElementBlock, createVNode, Fragment, renderList, createElementVNode, toDisplayString, unref, createCommentVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import FieldDate from "../../../../components/FieldDate/FieldDate.vue.js";
@@ -13,8 +13,8 @@ import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "w-100" };
-const _hoisted_4 = { class: "p-regular mn-b-thin t-medium d-block" };
-const _hoisted_5 = { class: "t-medium t-transp" };
+const _hoisted_4 = { class: "p-regular mn-b-thin fw-medium d-block" };
+const _hoisted_5 = { class: "fw-medium t-transp" };
 const _hoisted_6 = { class: "flex gap-thin" };
 const _hoisted_7 = { class: "cols-1 gap-thin o-y-scroll" };
 const _hoisted_8 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
@@ -150,7 +150,7 @@ const _sfc_main = {
                 createVNode(_sfc_main$2, {
                   showSuccess: false,
                   showLoader: false,
-                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1",
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]",
                   submit: () => openTicketPopup(ticket, index)
                 }, {
                   default: withCtx(() => [
@@ -161,7 +161,7 @@ const _sfc_main = {
                 createVNode(_sfc_main$2, {
                   showSuccess: false,
                   showLoader: false,
-                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1",
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]",
                   submit: () => deleteTicket(index)
                 }, {
                   default: withCtx(() => [
@@ -213,7 +213,7 @@ const _sfc_main = {
                   placeholder: "Price",
                   class: "w-100 bg-light radius-small pd-small"
                 }, null, 8, ["field"]),
-                _cache[9] || (_cache[9] = createElementVNode("div", { class: "t-medium mn-t-small" }, "Validity Period", -1)),
+                _cache[9] || (_cache[9] = createElementVNode("div", { class: "fw-medium mn-t-small" }, "Validity Period", -1)),
                 createVNode(_sfc_main$6, {
                   radio: currentTicket.validity.always,
                   "onUpdate:radio": _cache[4] || (_cache[4] = ($event) => currentTicket.validity.always = $event),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditTickets.vue.js","sources":["../../../../../../../src/modules/events/components/sections/EditTickets.vue"],"sourcesContent":["<template>\n <Block\n title=\"Tickets\"\n placeholder=\"No tickets added yet\"\n :actions=\"[{\n label: '+',\n function: () => openTicketPopup()\n }]\"\n class=\"cols-1 mn-b-thin t-black gap-thin\"\n >\n <div\n v-for=\"(ticket, index) in tickets\"\n :key=\"index\"\n class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin\"\n >\n <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"ticket.photo\"\n :src=\"(FILE_SERVER_URL \|\| '') + ticket.photo\"\n alt=\"Ticket image\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderImage v-else class=\"w-100 bg-main-transp-10 radius-small h-100\" />\n </div>\n\n <div class=\"w-100\">\n <p class=\"p-regular mn-b-thin t-medium d-block\">{{ ticket.name \|\| 'Unnamed ticket' }}</p>\n <p class=\"t-medium t-transp\">{{ returnCurrency() }}{{ ticket.price }}</p>\n </div>\n\n <div class=\"flex gap-thin\">\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\"\n :submit=\"() => openTicketPopup(ticket, index)\"\n >\n <IconEdit class=\"i-regular\" />\n </Button>\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\"\n :submit=\"() => deleteTicket(index)\"\n >\n <IconDelete class=\"i-regular\" />\n </Button>\n </div>\n </div>\n\n <Popup\n :title=\"editingIndex !== null ? 'Edit Ticket' : 'Create Ticket'\"\n @close-popup=\"closeTicketPopup\"\n :isPopupOpen=\"isTicketPopupOpen\"\n align=\"center right\"\n class=\"bg-white h-min-100 mobile:w-100 w-30r mobile:w-100 pd-medium\"\n >\n <div class=\"cols-1 gap-thin o-y-scroll\">\n <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n <UploadImage\n v-model:photo=\"currentTicket.photo\"\n :uploadPath=\"'tickets'\"\n class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\"\n />\n <h4>Upload Ticket Image</h4>\n </div>\n\n <Field\n v-model:field=\"currentTicket.name\"\n label=\"Name\"\n placeholder=\"Ticket name\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n\n <Field\n v-model:field=\"currentTicket.description\"\n placeholder=\"Enter ticket description\"\n class=\"w-100 bg-light radius-small pd-small\"\n style=\"resize: vertical\"\n type=\"textarea\"\n />\n\n <Field\n v-model:field=\"currentTicket.price\"\n label=\"Price\"\n type=\"number\"\n placeholder=\"Price\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n\n <div class=\"t-medium mn-t-small \">Validity Period</div>\n <Checkbox\n v-model:radio=\"currentTicket.validity.always\"\n label=\"Valid Always\"\n mode=\"switch\"\n class=\"w-100 bg-light radius-small pd-small mn-b-thin\"\n />\n\n <div v-if=\"!currentTicket.validity.always\" class=\"flex gap-thin\">\n <FieldDate\n v-model=\"currentTicket.validity.start\"\n :allowRange=\"false\"\n :enableTime=\"true\"\n :showSelected=\"true\"\n label=\"Start\"\n placeholder=\"Validity start\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n <FieldDate\n v-model=\"currentTicket.validity.end\"\n :allowRange=\"false\"\n :enableTime=\"true\"\n :showSelected=\"true\"\n label=\"End\"\n placeholder=\"Validity end\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n </div>\n\n <div class=\"flex gap-thin mn-t-medium\">\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"bg-red t-white w-100\"\n :submit=\"closeTicketPopup\"\n >\n Cancel\n </Button>\n <Button\n class=\"bg-main w-100\"\n :submit=\"saveTicket\"\n >\n {{ editingIndex !== null ? 'Update' : 'Add' }}\n </Button>\n </div>\n </div>\n </Popup>\n\n </Block>\n\n \n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\n// Components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport FieldDate from '@martyrs/src/components/FieldDate/FieldDate.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\n\n// Icons\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n tickets: {\n type: Array,\n default: () => []\n }\n});\n\nconst emit = defineEmits(['update:tickets']);\n\nconst isTicketPopupOpen = ref(false);\nconst editingIndex = ref(null);\n\nconst currentTicket = reactive({\n name: '',\n description: '',\n price: 0,\n photo: null,\n validity: {\n always: true,\n start: null,\n end: null\n }\n});\n\nfunction openTicketPopup(ticket = null, index = null) {\n editingIndex.value = index;\n\n if (ticket) {\n currentTicket.name = ticket.name \|\| '';\n currentTicket.description = ticket.description \|\| '';\n currentTicket.price = ticket.price \|\| 0;\n currentTicket.photo = ticket.photo \|\| null;\n currentTicket.validity = {\n always: ticket.validity?.always !== undefined ? ticket.validity.always : true,\n start: ticket.validity?.start \|\| null,\n end: ticket.validity?.end \|\| null\n };\n } else {\n currentTicket.name = '';\n currentTicket.description = '';\n currentTicket.price = 0;\n currentTicket.photo = null;\n currentTicket.validity = {\n always: true,\n start: null,\n end: null\n };\n }\n\n isTicketPopupOpen.value = true;\n}\n\nfunction closeTicketPopup() {\n isTicketPopupOpen.value = false;\n editingIndex.value = null;\n\n currentTicket.name = '';\n currentTicket.description = '';\n currentTicket.price = 0;\n currentTicket.photo = null;\n currentTicket.validity = {\n always: true,\n start: null,\n end: null\n };\n}\n\nfunction saveTicket() {\n const ticketToSave = {\n name: currentTicket.name,\n description: currentTicket.description,\n price: parseFloat(currentTicket.price) \|\| 0,\n photo: currentTicket.photo,\n validity: {\n always: currentTicket.validity.always,\n start: currentTicket.validity.start,\n end: currentTicket.validity.end\n }\n };\n\n const updatedTickets = [...props.tickets];\n\n if (editingIndex.value !== null) {\n updatedTickets[editingIndex.value] = ticketToSave;\n } else {\n updatedTickets.push(ticketToSave);\n }\n\n emit('update:tickets', updatedTickets);\n closeTicketPopup();\n}\n\nfunction deleteTicket(index) {\n if (confirm('Are you sure you want to delete this ticket?')) {\n const updatedTickets = [...props.tickets];\n updatedTickets.splice(index, 1);\n emit('update:tickets', updatedTickets);\n }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,oBAAoB,IAAI,KAAK;AACnC,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,gBAAgB,SAAS;AAAA,MAC7B,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA,CAAC;AAED,aAAS,gBAAgB,SAAS,MAAM,QAAQ,MAAM;AACpD,mBAAa,QAAQ;AAErB,UAAI,QAAQ;AACV,sBAAc,OAAO,OAAO,QAAQ;AACpC,sBAAc,cAAc,OAAO,eAAe;AAClD,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,WAAW;AAAA,UACvB,QAAQ,OAAO,UAAU,WAAW,SAAY,OAAO,SAAS,SAAS;AAAA,UACzE,OAAO,OAAO,UAAU,SAAS;AAAA,UACjC,KAAK,OAAO,UAAU,OAAO;AAAA,QACnC;AAAA,MACE,OAAO;AACL,sBAAc,OAAO;AACrB,sBAAc,cAAc;AAC5B,sBAAc,QAAQ;AACtB,sBAAc,QAAQ;AACtB,sBAAc,WAAW;AAAA,UACvB,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,QACX;AAAA,MACE;AAEA,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,aAAS,mBAAmB;AAC1B,wBAAkB,QAAQ;AAC1B,mBAAa,QAAQ;AAErB,oBAAc,OAAO;AACrB,oBAAc,cAAc;AAC5B,oBAAc,QAAQ;AACtB,oBAAc,QAAQ;AACtB,oBAAc,WAAW;AAAA,QACvB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA;AAEA,aAAS,aAAa;AACpB,YAAM,eAAe;AAAA,QACnB,MAAM,cAAc;AAAA,QACpB,aAAa,cAAc;AAAA,QAC3B,OAAO,WAAW,cAAc,KAAK,KAAK;AAAA,QAC1C,OAAO,cAAc;AAAA,QACrB,UAAU;AAAA,UACR,QAAQ,cAAc,SAAS;AAAA,UAC/B,OAAO,cAAc,SAAS;AAAA,UAC9B,KAAK,cAAc,SAAS;AAAA,QAClC;AAAA,MACA;AAEE,YAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AAExC,UAAI,aAAa,UAAU,MAAM;AAC/B,uBAAe,aAAa,KAAK,IAAI;AAAA,MACvC,OAAO;AACL,uBAAe,KAAK,YAAY;AAAA,MAClC;AAEA,WAAK,kBAAkB,cAAc;AACrC,uBAAgB;AAAA,IAClB;AAEA,aAAS,aAAa,OAAO;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC3D,cAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AACxC,uBAAe,OAAO,OAAO,CAAC;AAC9B,aAAK,kBAAkB,cAAc;AAAA,MACvC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"EditTickets.vue.js","sources":["../../../../../../../src/modules/events/components/sections/EditTickets.vue"],"sourcesContent":["<template>\n <Block\n title=\"Tickets\"\n placeholder=\"No tickets added yet\"\n :actions=\"[{\n label: '+',\n function: () => openTicketPopup()\n }]\"\n class=\"cols-1 mn-b-thin t-black gap-thin\"\n >\n <div\n v-for=\"(ticket, index) in tickets\"\n :key=\"index\"\n class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin\"\n >\n <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"ticket.photo\"\n :src=\"(FILE_SERVER_URL \|\| '') + ticket.photo\"\n alt=\"Ticket image\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderImage v-else class=\"w-100 bg-main-transp-10 radius-small h-100\" />\n </div>\n\n <div class=\"w-100\">\n <p class=\"p-regular mn-b-thin fw-medium d-block\">{{ ticket.name \|\| 'Unnamed ticket' }}</p>\n <p class=\"fw-medium t-transp\">{{ returnCurrency() }}{{ ticket.price }}</p>\n </div>\n\n <div class=\"flex gap-thin\">\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]\"\n :submit=\"() => openTicketPopup(ticket, index)\"\n >\n <IconEdit class=\"i-regular\" />\n </Button>\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]\"\n :submit=\"() => deleteTicket(index)\"\n >\n <IconDelete class=\"i-regular\" />\n </Button>\n </div>\n </div>\n\n <Popup\n :title=\"editingIndex !== null ? 'Edit Ticket' : 'Create Ticket'\"\n @close-popup=\"closeTicketPopup\"\n :isPopupOpen=\"isTicketPopupOpen\"\n align=\"center right\"\n class=\"bg-white h-min-100 mobile:w-100 w-30r mobile:w-100 pd-medium\"\n >\n <div class=\"cols-1 gap-thin o-y-scroll\">\n <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n <UploadImage\n v-model:photo=\"currentTicket.photo\"\n :uploadPath=\"'tickets'\"\n class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\"\n />\n <h4>Upload Ticket Image</h4>\n </div>\n\n <Field\n v-model:field=\"currentTicket.name\"\n label=\"Name\"\n placeholder=\"Ticket name\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n\n <Field\n v-model:field=\"currentTicket.description\"\n placeholder=\"Enter ticket description\"\n class=\"w-100 bg-light radius-small pd-small\"\n style=\"resize: vertical\"\n type=\"textarea\"\n />\n\n <Field\n v-model:field=\"currentTicket.price\"\n label=\"Price\"\n type=\"number\"\n placeholder=\"Price\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n\n <div class=\"fw-medium mn-t-small \">Validity Period</div>\n <Checkbox\n v-model:radio=\"currentTicket.validity.always\"\n label=\"Valid Always\"\n mode=\"switch\"\n class=\"w-100 bg-light radius-small pd-small mn-b-thin\"\n />\n\n <div v-if=\"!currentTicket.validity.always\" class=\"flex gap-thin\">\n <FieldDate\n v-model=\"currentTicket.validity.start\"\n :allowRange=\"false\"\n :enableTime=\"true\"\n :showSelected=\"true\"\n label=\"Start\"\n placeholder=\"Validity start\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n <FieldDate\n v-model=\"currentTicket.validity.end\"\n :allowRange=\"false\"\n :enableTime=\"true\"\n :showSelected=\"true\"\n label=\"End\"\n placeholder=\"Validity end\"\n class=\"w-100 bg-light radius-small pd-small\"\n />\n </div>\n\n <div class=\"flex gap-thin mn-t-medium\">\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"bg-red t-white w-100\"\n :submit=\"closeTicketPopup\"\n >\n Cancel\n </Button>\n <Button\n class=\"bg-main w-100\"\n :submit=\"saveTicket\"\n >\n {{ editingIndex !== null ? 'Update' : 'Add' }}\n </Button>\n </div>\n </div>\n </Popup>\n\n </Block>\n\n \n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\n// Components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport FieldDate from '@martyrs/src/components/FieldDate/FieldDate.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\n\n// Icons\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n tickets: {\n type: Array,\n default: () => []\n }\n});\n\nconst emit = defineEmits(['update:tickets']);\n\nconst isTicketPopupOpen = ref(false);\nconst editingIndex = ref(null);\n\nconst currentTicket = reactive({\n name: '',\n description: '',\n price: 0,\n photo: null,\n validity: {\n always: true,\n start: null,\n end: null\n }\n});\n\nfunction openTicketPopup(ticket = null, index = null) {\n editingIndex.value = index;\n\n if (ticket) {\n currentTicket.name = ticket.name \|\| '';\n currentTicket.description = ticket.description \|\| '';\n currentTicket.price = ticket.price \|\| 0;\n currentTicket.photo = ticket.photo \|\| null;\n currentTicket.validity = {\n always: ticket.validity?.always !== undefined ? ticket.validity.always : true,\n start: ticket.validity?.start \|\| null,\n end: ticket.validity?.end \|\| null\n };\n } else {\n currentTicket.name = '';\n currentTicket.description = '';\n currentTicket.price = 0;\n currentTicket.photo = null;\n currentTicket.validity = {\n always: true,\n start: null,\n end: null\n };\n }\n\n isTicketPopupOpen.value = true;\n}\n\nfunction closeTicketPopup() {\n isTicketPopupOpen.value = false;\n editingIndex.value = null;\n\n currentTicket.name = '';\n currentTicket.description = '';\n currentTicket.price = 0;\n currentTicket.photo = null;\n currentTicket.validity = {\n always: true,\n start: null,\n end: null\n };\n}\n\nfunction saveTicket() {\n const ticketToSave = {\n name: currentTicket.name,\n description: currentTicket.description,\n price: parseFloat(currentTicket.price) \|\| 0,\n photo: currentTicket.photo,\n validity: {\n always: currentTicket.validity.always,\n start: currentTicket.validity.start,\n end: currentTicket.validity.end\n }\n };\n\n const updatedTickets = [...props.tickets];\n\n if (editingIndex.value !== null) {\n updatedTickets[editingIndex.value] = ticketToSave;\n } else {\n updatedTickets.push(ticketToSave);\n }\n\n emit('update:tickets', updatedTickets);\n closeTicketPopup();\n}\n\nfunction deleteTicket(index) {\n if (confirm('Are you sure you want to delete this ticket?')) {\n const updatedTickets = [...props.tickets];\n updatedTickets.splice(index, 1);\n emit('update:tickets', updatedTickets);\n }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,oBAAoB,IAAI,KAAK;AACnC,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,gBAAgB,SAAS;AAAA,MAC7B,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA,CAAC;AAED,aAAS,gBAAgB,SAAS,MAAM,QAAQ,MAAM;AACpD,mBAAa,QAAQ;AAErB,UAAI,QAAQ;AACV,sBAAc,OAAO,OAAO,QAAQ;AACpC,sBAAc,cAAc,OAAO,eAAe;AAClD,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,WAAW;AAAA,UACvB,QAAQ,OAAO,UAAU,WAAW,SAAY,OAAO,SAAS,SAAS;AAAA,UACzE,OAAO,OAAO,UAAU,SAAS;AAAA,UACjC,KAAK,OAAO,UAAU,OAAO;AAAA,QACnC;AAAA,MACE,OAAO;AACL,sBAAc,OAAO;AACrB,sBAAc,cAAc;AAC5B,sBAAc,QAAQ;AACtB,sBAAc,QAAQ;AACtB,sBAAc,WAAW;AAAA,UACvB,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,QACX;AAAA,MACE;AAEA,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,aAAS,mBAAmB;AAC1B,wBAAkB,QAAQ;AAC1B,mBAAa,QAAQ;AAErB,oBAAc,OAAO;AACrB,oBAAc,cAAc;AAC5B,oBAAc,QAAQ;AACtB,oBAAc,QAAQ;AACtB,oBAAc,WAAW;AAAA,QACvB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA;AAEA,aAAS,aAAa;AACpB,YAAM,eAAe;AAAA,QACnB,MAAM,cAAc;AAAA,QACpB,aAAa,cAAc;AAAA,QAC3B,OAAO,WAAW,cAAc,KAAK,KAAK;AAAA,QAC1C,OAAO,cAAc;AAAA,QACrB,UAAU;AAAA,UACR,QAAQ,cAAc,SAAS;AAAA,UAC/B,OAAO,cAAc,SAAS;AAAA,UAC9B,KAAK,cAAc,SAAS;AAAA,QAClC;AAAA,MACA;AAEE,YAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AAExC,UAAI,aAAa,UAAU,MAAM;AAC/B,uBAAe,aAAa,KAAK,IAAI;AAAA,MACvC,OAAO;AACL,uBAAe,KAAK,YAAY;AAAA,MAClC;AAEA,WAAK,kBAAkB,cAAc;AACrC,uBAAgB;AAAA,IAClB;AAEA,aAAS,aAAa,OAAO;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC3D,cAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AACxC,uBAAe,OAAO,OAAO,CAAC;AAC9B,aAAK,kBAAkB,cAAc;AAAA,MACvC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,9 +9,9 @@ const _hoisted_1 = { class: "pos-relative z-index-2" };
 const _hoisted_2 = { class: "mn-b-small" };
 const _hoisted_3 = {
   key: 0,
-  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"
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white"
 };
-const _hoisted_4 = { class: "t-semi t-black" };
+const _hoisted_4 = { class: "fw-semi t-black" };
 const _sfc_main = {
   __name: "EventsHot",
   props: {