@ozdao/martyrs 0.2.549 → 0.2.550

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

@@ -4,30 +4,69 @@ const vue = require("vue");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
+const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
 const vueRouter = require("vue-router");
 const events = require("../../store/events.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const tickets = require("../../store/tickets.cjs");
-const mixins = require("../../../globals/views/mixins/mixins.cjs");
+const core_store = require("../../../core/views/store/core.store.cjs");
+const mixins = require("../../../core/views/mixins/mixins.cjs");
 ;/* empty css                        */
 const _hoisted_1 = {
   key: 0,
-  class: "h-100 pd-thin"
+  class: "pd-thin bg-white"
 };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin" };
-const _hoisted_5 = ["href"];
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "mn-r-auto" };
-const _hoisted_8 = { class: "h4" };
-const _hoisted_9 = { class: "h5 t-transp mn-b-thin" };
-const _hoisted_10 = { class: "pd-thin ]bg-second radius-extra t-white t-medium d-block w-max uppercase" };
+const _hoisted_3 = { class: "cols-4 mobile:cols-2 gap-thin" };
+const _hoisted_4 = { class: "bg-white radius-medium pd-medium" };
+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_10 = { class: "bg-white radius-medium pd-medium" };
+const _hoisted_11 = { class: "h2 t-red" };
+const _hoisted_12 = {
+  key: 1,
+  class: "bg-light radius-medium pd-medium mn-b-thin"
+};
+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_16 = { class: "bg-white radius-small pd-small" };
+const _hoisted_17 = { class: "p-medium t-medium" };
+const _hoisted_18 = { class: "bg-white radius-small pd-small" };
+const _hoisted_19 = { class: "p-medium t-medium t-main" };
+const _hoisted_20 = {
+  key: 0,
+  class: "flex-nowrap flex flex-justify-around gap-micro o-y-hidden o-x-scroll mn-t-big"
+};
+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_23 = ["onClick"];
+const _hoisted_24 = ["href"];
+const _hoisted_25 = ["src"];
+const _hoisted_26 = { class: "w-100 o-hidden" };
+const _hoisted_27 = { class: "mn-b-thin flex-nowrap flex gap-thin" };
+const _hoisted_28 = {
+  key: 0,
+  class: "pd-thin radius-micro p-small bg-second t-white"
+};
+const _hoisted_29 = { class: "p-small t-transp mn-b-thin" };
+const _hoisted_30 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
+const _hoisted_31 = ["onClick"];
+const _hoisted_32 = ["onClick"];
+const _hoisted_33 = ["onClick"];
+const _hoisted_34 = ["onClick"];
 const _sfc_main = {
   __name: "EditEventTickets",
   setup(__props) {
@@ -35,16 +74,18 @@ const _sfc_main = {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
     let event = vue.ref(null);
+    const stats = vue.ref(null);
+    const attendance = vue.ref(null);
     const newTickets = vue.ref([{
       name: "",
       email: "",
-      target: event.value?._id,
+      target: null,
       type: "event",
       seat: "",
       quantity: 1
     }]);
     const isOpenTicketsPopup = vue.ref(false);
-    function openTicketsPopup(department) {
+    function openTicketsPopup() {
       isOpenTicketsPopup.value = true;
       newTickets.value = [{
         name: "",
@@ -59,6 +100,10 @@ const _sfc_main = {
       isOpenTicketsPopup.value = false;
     }
     const fetchTickets = vue.ref(false);
+    const maxCount = vue.computed(() => {
+      if (!attendance.value?.timeline) return 0;
+      return Math.max(...attendance.value.timeline.map((slot) => slot.count), 1);
+    });
     vue.onMounted(async () => {
       const data = await events.read({ user: auth.state.user._id, url: route.params.url });
       event.value = data.pop();
@@ -71,42 +116,126 @@ const _sfc_main = {
           router.push({ name: "unauthorized" });
         }
       } else {
-        if (event.value.creator.target._id !== userId) {
+        if (event.value.creator.target._id !== auth.state.user._id) {
           router.push({ name: "unauthorized" });
         }
       }
+      try {
+        stats.value = await tickets.actions.getStats(event.value._id);
+        attendance.value = await tickets.actions.getAttendance(event.value._id);
+      } catch (error) {
+        console.error("Error loading stats:", error);
+      }
     });
     async function onSubmit() {
       try {
         const response = await tickets.actions.create(newTickets.value);
         fetchTickets.value = !fetchTickets.value;
+        stats.value = await tickets.actions.getStats(event.value._id);
+        attendance.value = await tickets.actions.getAttendance(event.value._id);
       } catch (error) {
         console.log(error);
       }
     }
     async function changeStatus(ticket, status) {
-      if (confirm("Are you sure you want to deactivate this event?")) {
+      if (confirm("Are you sure you want to change ticket status?")) {
         try {
           const response = await tickets.actions.update({ ...ticket, status });
           fetchTickets.value = !fetchTickets.value;
+          stats.value = await tickets.actions.getStats(event.value._id);
+          attendance.value = await tickets.actions.getAttendance(event.value._id);
         } catch (error) {
           console.error(error);
         }
       }
     }
+    async function sendTicketEmail(ticketId) {
+      try {
+        await tickets.actions.sendEmail(ticketId);
+        alert("Ticket sent successfully!");
+      } catch (error) {
+        console.error("Error sending email:", error);
+        alert("Failed to send ticket");
+      }
+    }
+    function copyTicketLink(ticketId) {
+      const link = `${window.location.origin}/tickets/${ticketId}`;
+      navigator.clipboard.writeText(link);
+      core_store.setSnack("Link copied to clipboard");
+    }
     return (_ctx, _cache) => {
       return vue.unref(event) ? (vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
         vue.createElementVNode("header", _hoisted_2, [
-          _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "Tickets", -1)),
+          _cache[3] || (_cache[3] = vue.createElementVNode("h2", null, "Tickets", -1)),
           vue.createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => openTicketsPopup()),
-            class: "radius-extra uppercase button-small flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second"
-          }, " Add Tickets "),
+            class: "mn-l-auto radius-small button t-white bg-second",
+            innerHTML: "+ Add"
+          }),
           vue.createVNode(ButtonCheck.default, {
             onQrcodecheck: _cache[1] || (_cache[1] = ($event) => fetchTickets.value = !fetchTickets.value),
-            class: "w-100 pd-medium mn-auto"
+            class: "mn-l-micro radius-small button t-white bg-second"
           })
         ]),
+        stats.value ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 0,
+          title: "Statistics",
+          class: "mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_4, [
+                _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Total Tickets", -1)),
+                vue.createElementVNode("h2", _hoisted_5, vue.toDisplayString(stats.value.total), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_6, [
+                _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Sold", -1)),
+                vue.createElementVNode("h2", _hoisted_7, vue.toDisplayString(stats.value.sold), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_8, [
+                _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Free", -1)),
+                vue.createElementVNode("h2", _hoisted_9, vue.toDisplayString(stats.value.free), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_10, [
+                _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Refunds", -1)),
+                vue.createElementVNode("h2", _hoisted_11, vue.toDisplayString(stats.value.refunded), 1)
+              ])
+            ])
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        attendance.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+          _cache[11] || (_cache[11] = vue.createElementVNode("h4", { class: "mn-b-small t-medium" }, "Attendance Graph", -1)),
+          vue.createElementVNode("div", _hoisted_13, [
+            vue.createElementVNode("div", _hoisted_14, [
+              _cache[8] || (_cache[8] = vue.createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Total", -1)),
+              vue.createElementVNode("p", _hoisted_15, vue.toDisplayString(attendance.value.total), 1)
+            ]),
+            vue.createElementVNode("div", _hoisted_16, [
+              _cache[9] || (_cache[9] = vue.createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Expected", -1)),
+              vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(attendance.value.expected), 1)
+            ]),
+            vue.createElementVNode("div", _hoisted_18, [
+              _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Arrived", -1)),
+              vue.createElementVNode("p", _hoisted_19, vue.toDisplayString(attendance.value.arrived), 1)
+            ])
+          ]),
+          attendance.value.timeline && attendance.value.timeline.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(attendance.value.timeline, (slot) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: slot.time,
+                class: "flex-column flex-v-center flex gap-micro flex-child-shrink-0"
+              }, [
+                maxCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: "bg-second radius-micro w-2r",
+                  style: vue.normalizeStyle({ height: `${Math.max(slot.count / maxCount.value * 10, 0.5)}rem` })
+                }, null, 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_21)),
+                vue.createElementVNode("p", _hoisted_22, vue.toDisplayString(slot.time), 1)
+              ]);
+            }), 128))
+          ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
         vue.createVNode(Popup.default, {
           onClosePopup: closeTicketsPopup,
           isPopupOpen: isOpenTicketsPopup.value,
@@ -156,7 +285,7 @@ const _sfc_main = {
                     }, [
                       vue.createVNode(IconAdd.default, {
                         class: "i-medium",
-                        fill: "rgb(var(--white)"
+                        fill: "rgb(var(--white))"
                       })
                     ])) : (vue.openBlock(), vue.createElementBlock("div", {
                       key: 1,
@@ -165,9 +294,9 @@ const _sfc_main = {
                     }, [
                       vue.createVNode(IconDelete.default, {
                         class: "i-medium",
-                        fill: "rgb(var(--white)"
+                        fill: "rgb(var(--white))"
                       })
-                    ], 8, _hoisted_3))
+                    ], 8, _hoisted_23))
                   ]);
                 }), 128)),
                 vue.createVNode(Button.default, {
@@ -175,7 +304,7 @@ const _sfc_main = {
                   callback: closeTicketsPopup,
                   class: "w-100 bg-black t-white"
                 }, {
-                  default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
                     vue.createTextVNode(" Create Tickets ")
                   ])),
                   _: 1
@@ -203,50 +332,68 @@ const _sfc_main = {
           },
           external: fetchTickets.value
         }, {
-          default: vue.withCtx(({
-            items
-          }) => [
+          default: vue.withCtx(({ items }) => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (ticket, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: "radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start"
+              }, [
                 vue.createElementVNode("a", {
                   href: ticket.image,
-                  target: "_blank"
+                  target: "_blank",
+                  class: "flex-child-shrink-0"
                 }, [
                   vue.createElementVNode("img", {
                     loading: "lazy",
                     src: ticket.qrcode,
                     class: "radius-small h-5r w-5r"
-                  }, null, 8, _hoisted_6)
-                ], 8, _hoisted_5),
-                vue.createElementVNode("div", _hoisted_7, [
-                  vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(ticket.client_refactor?.name || "No name") + ", " + vue.toDisplayString(ticket.seat), 1),
-                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(ticket.client_refactor?.email || "No email"), 1),
-                  vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(ticket.status), 1)
+                  }, null, 8, _hoisted_25)
+                ], 8, _hoisted_24),
+                vue.createElementVNode("div", _hoisted_26, [
+                  vue.createElementVNode("h4", _hoisted_27, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(ticket.client_refactor?.name || "No name"), 1),
+                    ticket.seat ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28, vue.toDisplayString(ticket.seat), 1)) : vue.createCommentVNode("", true)
+                  ]),
+                  vue.createElementVNode("p", _hoisted_29, vue.toDisplayString(ticket.client_refactor?.email || "No email"), 1),
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(["pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano", {
+                      "bg-main": ticket.status === "unused",
+                      "bg-grey": ticket.status === "used",
+                      "bg-red": ticket.status === "deactivated"
+                    }])
+                  }, vue.toDisplayString(ticket.status), 3)
                 ]),
-                ticket.status !== "deactivated" ? (vue.openBlock(), vue.createBlock(Button.default, {
-                  key: 0,
-                  submit: () => changeStatus(ticket, "deactivated"),
-                  callback: _ctx.redirectTo,
-                  class: "w-min h-min pd-small bg-black t-white"
+                vue.createVNode(Dropdown.default, {
+                  label: { component: IconEllipsis.default, class: "t-transp i-regular" },
+                  align: "right",
+                  class: "cursor-pointer radius-small pd-small bg-white flex-child-shrink-0"
                 }, {
-                  default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-                    vue.createTextVNode(" Deactivate ")
-                  ])),
-                  _: 2
-                }, 1032, ["submit", "callback"])) : vue.createCommentVNode("", true),
-                ticket.status === "deactivated" || ticket.status === "used" ? (vue.openBlock(), vue.createBlock(Button.default, {
-                  key: 1,
-                  submit: () => changeStatus(ticket, "unused"),
-                  callback: _ctx.redirectTo,
-                  class: "w-min h-min pd-small bg-green t-white"
-                }, {
-                  default: vue.withCtx(() => _cache[6] || (_cache[6] = [
-                    vue.createTextVNode(" Activate ")
-                  ])),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("section", _hoisted_30, [
+                      vue.createElementVNode("button", {
+                        onClick: ($event) => sendTicketEmail(ticket._id),
+                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                      }, " Send Email ", 8, _hoisted_31),
+                      vue.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"
+                      }, " Copy Link ", 8, _hoisted_32),
+                      ticket.status !== "deactivated" ? (vue.openBlock(), vue.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"
+                      }, " Deactivate ", 8, _hoisted_33)) : vue.createCommentVNode("", true),
+                      ticket.status === "deactivated" || ticket.status === "used" ? (vue.openBlock(), vue.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"
+                      }, " Activate ", 8, _hoisted_34)) : vue.createCommentVNode("", true)
+                    ])
+                  ]),
                   _: 2
-                }, 1032, ["submit", "callback"])) : vue.createCommentVNode("", true)
+                }, 1032, ["label"])
               ]);
-            }), 256))
+            }), 128))
           ]),
           _: 1
         }, 8, ["store", "options", "external"])

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

@@ -1 +1 @@
-{"version":3,"file":"EditEventTickets.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-100 pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Tickets</h2>\n      <button \n        @click=\"openTicketsPopup()\" \n        class=\"radius-extra uppercase button-small  flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second\">\n          Add Tickets\n      </button>\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets \" class=\"w-100 pd-medium mn-auto\" />\n    </header>\n    \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    <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=\"{ \n        items \n      }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\" \n        class=\"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin\"\n      >\n        <a :href=\"ticket.image\" target=\"_blank\"><img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\"></a>\n\n        <div class=\"mn-r-auto \">\n           <p class=\"h4\">\n            {{ticket.client_refactor?.name || 'No name'}}, {{ticket.seat}}\n           </p>\n          <p class=\"h5 t-transp mn-b-thin\">\n            {{ticket.client_refactor?.email || 'No email'}}\n          </p>\n\n           <span class=\"pd-thin ]bg-second radius-extra t-white t-medium d-block w-max uppercase\">\n            {{ticket.status}}\n          </span>\n        </div>\n\n        <Button \n          v-if=\"ticket.status !== 'deactivated'\"\n          :submit=\"() => changeStatus(ticket, 'deactivated')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-black t-white\"\n        >\n          Deactivate\n        </Button>\n\n        <Button \n          v-if=\"ticket.status === 'deactivated' || ticket.status === 'used' \"\n          :submit=\"() => changeStatus(ticket, 'unused')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-green t-white\"\n        >\n          Activate\n        </Button>\n      \n      </div>\n    </Feed>\n    \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';   \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';\n\nimport { ref, onMounted } 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 organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: event.value?._id, \n  type: 'event',\n  seat: '',\n  quantity: 1,\n}])\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup(department) {\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\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    // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\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    // Если пост не принадлежит организации, проверяем авторство\n    if (event.value.creator.target._id !== userId) {\n      router.push({name: 'unauthorized'})\n    }\n  }\n})\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to deactivate this event?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status});\n      fetchTickets.value = !fetchTickets.value\n    } catch (error) {\n      console.error(error);\n    }\n  }\n}\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>"],"names":["useGlobalMixins","useRoute","useRouter","ref","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAS,IAAKA,OAAAA,gBAAe;AAErC,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,QAAI,QAAQC,IAAAA,IAAI,IAAI;AAEpB,UAAM,aAAaA,IAAAA,IAAI,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ,MAAM,OAAO;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqBA,IAAAA,IAAI,KAAK;AAEpC,aAAS,iBAAiB,YAAY;AACpC,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,eAAeA,IAAAA,IAAI,KAAK;AAG9BC,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,YAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAG;AAEtB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAC/B;AAEA,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,KAAAA,MAAW,UAAUA,KAAAA,MAAW,OAAO,KAAK;AAEvH,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF,OAAO;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAAA,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACrC,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACnB;AAAA,IACF;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,iDAAiD,GAAG;AAC9D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,EAAE,GAAG,QAAQ,OAAc,CAAC;AAC1E,uBAAa,QAAQ,CAAC,aAAa;AAAA,QACrC,SAAS,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditEventTickets.vue.cjs","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 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 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":["useGlobalMixins","useRoute","useRouter","ref","computed","onMounted","events.read","auth.state","tickets.actions","setSnack"],"mappings":"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"}