@ozdao/prometheus-framework 0.2.242 → 0.2.243

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js

@@ -6,7 +6,7 @@ import Vn from "../../../../../../node_modules/@vuepic/vue-datepicker/dist/vue-d
 /* empty css                                                                  */
 /* empty css                                             */
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$7 from "../../../../components/Popup/Popup.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$8 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
@@ -28,60 +28,43 @@ const _hoisted_1 = {
   class: "h-min-100 pd-thin"
 };
 const _hoisted_2 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h4", null, "Upload Event Cover", -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Date", -1);
-const _hoisted_5 = {
+const _hoisted_3 = {
   key: 0,
   class: "mn-b-small"
 };
-const _hoisted_6 = {
+const _hoisted_4 = {
   key: 1,
   class: "mn-b-small"
 };
-const _hoisted_7 = {
+const _hoisted_5 = {
   key: 3,
   class: "mn-b-semi"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("h4", { class: "mn-b-thin" }, " Hero Section ", -1);
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("h5", { class: "mn-b-thin" }, " Video in Hero Section ", -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("p", null, "Need to upload in webm format because of needs of optimization", -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("h5", { class: "mn-b-thin" }, " Ticket ", -1);
-const _hoisted_12 = { class: "mn-b-small gap-small cols-2-fit-content" };
-const _hoisted_13 = { class: "gap-thin flex-nowrap flex w-100" };
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("h4", { class: "mn-b-thin" }, " Guest Section ", -1);
-const _hoisted_16 = { class: "gap-thin cols-3" };
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("h5", { class: "mn-b-thin" }, " Video in Guests Section ", -1);
-const _hoisted_18 = { class: "gap-thin flex-nowrap flex w-100" };
-const _hoisted_19 = { class: "w-100" };
-const _hoisted_20 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
-const _hoisted_21 = /* @__PURE__ */ createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
-const _hoisted_22 = /* @__PURE__ */ createElementVNode("h4", { class: "mn-b-thin" }, " Lineup Section ", -1);
-const _hoisted_23 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
-const _hoisted_24 = /* @__PURE__ */ createElementVNode("h5", { class: "mn-b-thin" }, " Background in Lineup Section ", -1);
-const _hoisted_25 = /* @__PURE__ */ createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1);
-const _hoisted_26 = /* @__PURE__ */ createElementVNode("h4", { class: "mn-b-thin" }, " Previous Party Section ", -1);
-const _hoisted_27 = /* @__PURE__ */ createElementVNode("h5", { class: "mn-b-thin" }, " Video in Previous Partys Section ", -1);
-const _hoisted_28 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Description", -1);
-const _hoisted_29 = {
+const _hoisted_6 = { class: "mn-b-small gap-small cols-2-fit-content" };
+const _hoisted_7 = { class: "gap-thin flex-nowrap flex w-100" };
+const _hoisted_8 = { class: "gap-thin cols-3" };
+const _hoisted_9 = { class: "gap-thin flex-nowrap flex w-100" };
+const _hoisted_10 = { class: "w-100" };
+const _hoisted_11 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_12 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_13 = {
   key: 4,
   class: "pd-b-extra w-100 bg-light pd-big radius-big"
 };
-const _hoisted_30 = {
+const _hoisted_14 = {
   key: 5,
   class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
 };
-const _hoisted_31 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
-const _hoisted_32 = /* @__PURE__ */ createElementVNode("h5", { class: "mn-b-thin" }, "Add to public", -1);
-const _hoisted_33 = {
+const _hoisted_15 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
+const _hoisted_16 = {
   key: 1,
   class: "mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small"
 };
-const _hoisted_34 = {
+const _hoisted_17 = {
   key: 2,
   class: "mn-b-thin"
 };
-const _hoisted_35 = {
+const _hoisted_18 = {
   key: 3,
   class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
 };
@@ -199,7 +182,7 @@ const _sfc_main = {
             uploadPath: "specials",
             class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
           }, null, 8, ["photo"]),
-          _hoisted_3
+          _cache[41] || (_cache[41] = createElementVNode("h4", null, "Upload Event Cover", -1))
         ]),
         createVNode(Field, {
           field: unref(event).name,
@@ -214,15 +197,15 @@ const _sfc_main = {
           placeholder: "Enter short description",
           class: "mn-b-semi w-100 bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        _hoisted_4,
+        _cache[57] || (_cache[57] = createElementVNode("h3", { class: "mn-b-small" }, "Date", -1)),
         createVNode(unref(Vn), {
           modelValue: date.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => date.value = $event),
           range: "",
           class: "z-index-3 radius-small mn-b-semi bg-light"
         }, null, 8, ["modelValue"]),
-        state.access.roles && (state.access.roles.includes("ROLE_MODERATOR") || state.access.roles.includes("ROLE_ADMIN")) ? (openBlock(), createElementBlock("h3", _hoisted_5, " Tickets ")) : createCommentVNode("", true),
-        !unref(route).params.url && state.access.roles && (state.access.roles.includes("ROLE_MODERATOR") || state.access.roles.includes("ROLE_ADMIN")) ? (openBlock(), createElementBlock("h3", _hoisted_6, " Special Details ")) : createCommentVNode("", true),
+        state.access.roles && (state.access.roles.includes("ROLE_MODERATOR") || state.access.roles.includes("ROLE_ADMIN")) ? (openBlock(), createElementBlock("h3", _hoisted_3, " Tickets ")) : createCommentVNode("", true),
+        !unref(route).params.url && state.access.roles && (state.access.roles.includes("ROLE_MODERATOR") || state.access.roles.includes("ROLE_ADMIN")) ? (openBlock(), createElementBlock("h3", _hoisted_4, " Special Details ")) : createCommentVNode("", true),
         !unref(route).params.url && state.access.roles && (state.access.roles.includes("ROLE_MODERATOR") || state.access.roles.includes("ROLE_ADMIN")) ? (openBlock(), createBlock(_sfc_main$2, {
           key: 2,
           label: "Special",
@@ -230,8 +213,8 @@ const _sfc_main = {
           "onUpdate:radio": _cache[4] || (_cache[4] = (updateEvent) => unref(event).special = !unref(event).special),
           class: "mn-b-semi w-100 bg-black t-white pd-medium radius-small"
         }, null, 8, ["radio"])) : createCommentVNode("", true),
-        unref(event).special ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          _hoisted_8,
+        unref(event).special ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          _cache[42] || (_cache[42] = createElementVNode("h4", { class: "mn-b-thin" }, " Hero Section ", -1)),
           createVNode(Field, {
             field: unref(event).specialData.subtitle,
             "onUpdate:field": _cache[5] || (_cache[5] = ($event) => unref(event).specialData.subtitle = $event),
@@ -252,8 +235,8 @@ const _sfc_main = {
             "onUpdate:images": _cache[6] || (_cache[6] = (newImages) => unref(event).specialData.logos = newImages),
             class: "mn-b-thin bg-light radius-small"
           }, null, 8, ["images"]),
-          _hoisted_9,
-          _hoisted_10,
+          _cache[43] || (_cache[43] = createElementVNode("h5", { class: "mn-b-thin" }, " Video in Hero Section ", -1)),
+          _cache[44] || (_cache[44] = createElementVNode("p", null, "Need to upload in webm format because of needs of optimization", -1)),
           createVNode(Upload, {
             field: unref(event).specialData.video,
             "onUpdate:field": _cache[7] || (_cache[7] = ($event) => unref(event).specialData.video = $event),
@@ -263,15 +246,15 @@ const _sfc_main = {
             type: "file",
             class: "mn-b-thin w-100 bg-light pd-medium radius-small t-black"
           }, null, 8, ["field"]),
-          _hoisted_11,
-          createElementVNode("div", _hoisted_12, [
+          _cache[45] || (_cache[45] = createElementVNode("h5", { class: "mn-b-thin" }, " Ticket ", -1)),
+          createElementVNode("div", _hoisted_6, [
             createVNode(_sfc_main$1, {
               photo: unref(event).specialData.ticketImage,
               "onUpdate:photo": _cache[9] || (_cache[9] = ($event) => unref(event).specialData.ticketImage = $event),
               uploadPath: "/specials",
               class: "aspect-1x1 w-4r o-hidden radius-extra"
             }, null, 8, ["photo"]),
-            createElementVNode("div", _hoisted_13, [
+            createElementVNode("div", _hoisted_7, [
               createVNode(Field, {
                 field: unref(event).specialData.ticketPrice,
                 "onUpdate:field": _cache[10] || (_cache[10] = ($event) => unref(event).specialData.ticketPrice = $event),
@@ -293,8 +276,8 @@ const _sfc_main = {
               }, null, 8, ["field"])
             ])
           ]),
-          _hoisted_14,
-          _hoisted_15,
+          _cache[46] || (_cache[46] = createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1)),
+          _cache[47] || (_cache[47] = createElementVNode("h4", { class: "mn-b-thin" }, " Guest Section ", -1)),
           createVNode(Field, {
             field: unref(event).specialData.guestTitle,
             "onUpdate:field": _cache[13] || (_cache[13] = ($event) => unref(event).specialData.guestTitle = $event),
@@ -307,7 +290,7 @@ const _sfc_main = {
             placeholder: "Description for Main Guest section",
             class: "mn-b-thin w-100 bg-light pd-medium radius-small"
           }, null, 8, ["field"]),
-          createElementVNode("div", _hoisted_16, [
+          createElementVNode("div", _hoisted_8, [
             createVNode(Field, {
               field: unref(event).specialData.guestFacebook,
               "onUpdate:field": _cache[15] || (_cache[15] = ($event) => unref(event).specialData.guestFacebook = $event),
@@ -351,7 +334,7 @@ const _sfc_main = {
               class: "mn-b-thin w-100 bg-light pd-medium radius-small"
             }, null, 8, ["field"])
           ]),
-          _hoisted_17,
+          _cache[48] || (_cache[48] = createElementVNode("h5", { class: "mn-b-thin" }, " Video in Guests Section ", -1)),
           createVNode(Upload, {
             field: unref(event).specialData.guestVideo,
             "onUpdate:field": _cache[22] || (_cache[22] = ($event) => unref(event).specialData.guestVideo = $event),
@@ -382,8 +365,8 @@ const _sfc_main = {
                     uploadPath: "/specials",
                     class: "aspect-1x1 w-8r o-hidden radius-extra"
                   }, null, 8, ["photo", "onUpdate:photo"]),
-                  createElementVNode("div", _hoisted_18, [
-                    createElementVNode("div", _hoisted_19, [
+                  createElementVNode("div", _hoisted_9, [
+                    createElementVNode("div", _hoisted_10, [
                       createVNode(Field, {
                         field: item.name,
                         "onUpdate:field": ($event) => item.name = $event,
@@ -397,7 +380,7 @@ const _sfc_main = {
                         class: "w-100 mn-b-thin bg-white radius-small pd-medium"
                       }, null, 8, ["field", "onUpdate:field"])
                     ]),
-                    createElementVNode("div", _hoisted_20, [
+                    createElementVNode("div", _hoisted_11, [
                       createVNode(_sfc_main$5, {
                         onClick: () => unref(event).specialData.guests.splice(index, 1),
                         class: "i-medium"
@@ -409,8 +392,8 @@ const _sfc_main = {
             ]),
             _: 1
           }, 8, ["actions"]),
-          _hoisted_21,
-          _hoisted_22,
+          _cache[49] || (_cache[49] = createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1)),
+          _cache[50] || (_cache[50] = createElementVNode("h4", { class: "mn-b-thin" }, " Lineup Section ", -1)),
           createVNode(_sfc_main$4, {
             title: "Line Up",
             placeholder: "No line ups added yet",
@@ -438,7 +421,7 @@ const _sfc_main = {
                     placeholder: "Time",
                     class: "w-100 bg-light radius-small pd-medium"
                   }, null, 8, ["field", "onUpdate:field"]),
-                  createElementVNode("div", _hoisted_23, [
+                  createElementVNode("div", _hoisted_12, [
                     createVNode(_sfc_main$5, {
                       onClick: () => unref(event).specialData.lineup.splice(index, 1),
                       class: "i-medium"
@@ -449,7 +432,7 @@ const _sfc_main = {
             ]),
             _: 1
           }, 8, ["actions"]),
-          _hoisted_24,
+          _cache[51] || (_cache[51] = createElementVNode("h5", { class: "mn-b-thin" }, " Background in Lineup Section ", -1)),
           createVNode(Upload, {
             field: unref(event).specialData.lineupBackground,
             "onUpdate:field": _cache[24] || (_cache[24] = ($event) => unref(event).specialData.lineupBackground = $event),
@@ -459,9 +442,9 @@ const _sfc_main = {
             type: "file",
             class: "mn-b-thin w-100 bg-light pd-medium radius-small t-black"
           }, null, 8, ["field"]),
-          _hoisted_25,
-          _hoisted_26,
-          _hoisted_27,
+          _cache[52] || (_cache[52] = createElementVNode("hr", { class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block" }, null, -1)),
+          _cache[53] || (_cache[53] = createElementVNode("h4", { class: "mn-b-thin" }, " Previous Party Section ", -1)),
+          _cache[54] || (_cache[54] = createElementVNode("h5", { class: "mn-b-thin" }, " Video in Previous Partys Section ", -1)),
           createVNode(Field, {
             field: unref(event).specialData.previousTitle,
             "onUpdate:field": _cache[26] || (_cache[26] = ($event) => unref(event).specialData.previousTitle = $event),
@@ -500,15 +483,15 @@ const _sfc_main = {
             class: "mn-b-thin w-100 bg-light pd-medium radius-small t-black"
           }, null, 8, ["field"])
         ])) : createCommentVNode("", true),
-        _hoisted_28,
-        unref(event) ? (openBlock(), createElementBlock("section", _hoisted_29, [
+        _cache[58] || (_cache[58] = createElementVNode("h3", { class: "mn-b-small" }, "Description", -1)),
+        unref(event) ? (openBlock(), createElementBlock("section", _hoisted_13, [
           createVNode(_sfc_main$6, {
             content: unref(event).content,
             onUpdate: _cache[32] || (_cache[32] = (update2) => unref(event).content = update2)
           }, null, 8, ["content"])
         ])) : createCommentVNode("", true),
-        unref(event) ? (openBlock(), createElementBlock("section", _hoisted_30, [
-          createElementVNode("div", _hoisted_31, [
+        unref(event) ? (openBlock(), createElementBlock("section", _hoisted_14, [
+          createElementVNode("div", _hoisted_15, [
             unref(route).params.url ? (openBlock(), createElementBlock("a", {
               key: 0,
               onClick: _cache[33] || (_cache[33] = ($event) => onDelete()),
@@ -538,7 +521,7 @@ const _sfc_main = {
                 tags: unref(event).tags,
                 class: "mn-b-small"
               }, null, 8, ["tags"]),
-              _hoisted_32,
+              _cache[56] || (_cache[56] = createElementVNode("h5", { class: "mn-b-thin" }, "Add to public", -1)),
               selectedOrganization.value ? (openBlock(), createBlock(_sfc_main$9, {
                 key: 0,
                 photo: (_a = selectedOrganization.value.profile) == null ? void 0 : _a.photo,
@@ -547,7 +530,7 @@ const _sfc_main = {
                   selectedOrganization.value = null;
                 }),
                 class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
-              }, null, 8, ["photo", "title"])) : (openBlock(), createElementBlock("section", _hoisted_33, [
+              }, null, 8, ["photo", "title"])) : (openBlock(), createElementBlock("section", _hoisted_16, [
                 createVNode(_sfc_main$a, {
                   showLoadMore: false,
                   search: {
@@ -591,8 +574,8 @@ const _sfc_main = {
                   _: 1
                 }, 8, ["store", "options"])
               ])),
-              selectedOrganization.value ? (openBlock(), createElementBlock("h5", _hoisted_34, "Options:")) : createCommentVNode("", true),
-              selectedOrganization.value ? (openBlock(), createElementBlock("div", _hoisted_35, [
+              selectedOrganization.value ? (openBlock(), createElementBlock("h5", _hoisted_17, "Options:")) : createCommentVNode("", true),
+              selectedOrganization.value ? (openBlock(), createElementBlock("div", _hoisted_18, [
                 createVNode(_sfc_main$2, {
                   label: "Hide Author",
                   radio: unref(event).creator.hidden,
@@ -606,9 +589,9 @@ const _sfc_main = {
                 callback: _ctx.redirectTo,
                 class: "w-100 bg-black t-white"
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[55] || (_cache[55] = [
                   createTextVNode("Publish")
-                ]),
+                ])),
                 _: 1
               }, 8, ["callback"])
             ];

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n  \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n     \t<UploadImage \n        v-model:photo=\"event.cover\"\n        :uploadPath=\"'specials'\"\n        class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n      />\n      <h4>Upload Event Cover</h4>\n    </div>\n\n  \t<Field \n      v-model:field=\"event.name\" \n      placeholder=\"Event name\" \n      class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"event.description\" \n      type=\"textfield\"  \n      placeholder=\"Enter short description\" \n      class=\"mn-b-semi w-100 bg-light pd-medium radius-small\" \n    />\n\n    <h3 class=\"mn-b-small\">Date</h3>\n    <VueDatePicker v-model=\"date\"  range class=\"z-index-3 radius-small mn-b-semi bg-light\" />\n\n   <!--    <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"false\"\n        class=\"radius-semi w-100 o-hidden bg-light\"\n      /> -->\n\n    <h3\n      v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-small\"\n    >\n      Tickets\n    </h3>\n\n  \n    <h3\n      v-if=\"!route.params.url && (auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-small\"\n    >\n        Special Details\n    </h3>\n\n\n    <Checkbox \n      v-if=\"!route.params.url && (auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      :label=\"'Special'\"\n      :radio=\"event.special\"\n      @update:radio=\"updateEvent => event.special = !event.special\"\n      class=\"mn-b-semi w-100 bg-black t-white pd-medium radius-small\"\n    />\n\n    <div \n      v-if=\"event.special\"\n      class=\"mn-b-semi\"\n    >\n      <h4\n        class=\"mn-b-thin\"\n      >\n          Hero Section\n      </h4>\n\n      <Field \n        v-model:field=\"event.specialData.subtitle\" \n        placeholder=\"Event subtitle\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <EditImages \n        :images=\"event.specialData.logos\"\n        :uploadPath=\"'/specials'\" \n        :text=\"{\n          title: 'Drag & Drop Your Logos Here',\n          subtitle: 'Files supported: JPG, PNG, GIF'\n        }\"\n        :options=\"{\n          showTitle: true,\n          showText: false\n        }\"\n        @update:images=\"(newImages) => event.specialData.logos = newImages\"  \n        class=\"mn-b-thin bg-light radius-small\"\n      />\n       <h5\n        class=\"mn-b-thin\"\n      >\n          Video in Hero Section\n      </h5>\n      <p>Need to upload in webm format because of needs of optimization</p>\n      <Upload \n        v-model:field=\"event.specialData.video\"\n        :placeholder=\"'Upload video'\" \n        @file-change=\"(videoURL) => event.specialData.video = videoURL\"\n        uploadPath=\"specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n        Ticket\n      </h5>\n\n      <div \n        class=\"mn-b-small gap-small cols-2-fit-content\" \n      > \n        <UploadImage \n          v-model:photo=\"event.specialData.ticketImage\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-4r o-hidden radius-extra\" \n        />\n\n        <div class=\"gap-thin flex-nowrap flex w-100\">\n          <Field \n            v-model:field=\"event.specialData.ticketPrice\" \n            type=\"number\"\n            placeholder=\"Ticket price in baht\" \n            class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n          />\n\n          <Field\n            v-model:field=\"event.specialData.ticketText\"\n            placeholder=\"Promotion text for ticket in hero  \"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n\n           <Field\n            v-model:field=\"event.specialData.ticketTextButton\"\n            placeholder=\"Text on 'Buy Ticket' button  \"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n\n          \n        </div>\n      </div>\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n          Guest Section\n      </h4>\n\n      <Field \n        v-model:field=\"event.specialData.guestTitle\" \n        placeholder=\"Title for Main Guest section\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <Field \n        v-model:field=\"event.specialData.guestDescription\" \n        placeholder=\"Description for Main Guest section\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <div class=\"gap-thin cols-3\">\n        \n        <Field \n          v-model:field=\"event.specialData.guestFacebook\" \n          placeholder=\"Facebook of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestInstagram\" \n          placeholder=\"Instagram of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestTwitter\" \n          placeholder=\"Twitter of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n\n        <Field \n          v-model:field=\"event.specialData.guestTelegram\" \n          placeholder=\"Telegram of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestSoundcloud\" \n          placeholder=\"Link to Main Guest soundcloud track\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestSpotify\" \n          placeholder=\"Link to Main guest spotify track\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestYoutube\" \n          placeholder=\"Link to Main guest youtube video\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n      </div>\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n          Video in Guests Section\n      </h5>\n\n      <Upload \n        v-model:field=\"event.specialData.guestVideo\"\n        :placeholder=\"'Upload video'\" \n        @file-change=\"(videoURL) => event.specialData.guestVideo = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <Block\n        title=\"Guests\"\n        placeholder=\"No guests added yet\"\n        :actions=\"[{\n          label: '+',\n          function: () => event.specialData.guests.push({name: null, description: null, photo: null, main: false})\n        }]\"\n        class=\"cols-1 mn-b-thin  t-black gap-thin\"\n      >\n        <div \n          class=\"mn-b-small gap-small cols-2-fit-content\" \n          v-for=\"(item, index) in event.specialData.guests\" \n          :key=\"index\"\n        > \n          <UploadImage \n            v-model:photo=\"item.photo\"\n            :uploadPath=\"'/specials'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"gap-thin flex-nowrap flex w-100\">\n            <div class=\"w-100\">\n              <Field\n                v-model:field=\"item.name\"\n                placeholder=\"Name\"\n                class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n              />  \n              <Field\n                v-model:field=\"item.description\"\n                placeholder=\"Description\"\n                class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n              />\n            </div>\n            <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n              <IconDelete \n                @click=\"() => event.specialData.guests.splice(index, 1)\" \n                class=\"i-medium\"\n              />\n            </div>\n          </div>\n        </div>\n      </Block>\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n        Lineup Section\n      </h4>\n\n      <Block\n        title=\"Line Up\"\n        placeholder=\"No line ups added yet\"\n        :actions=\"[{\n          label: '+',\n          function: () => event.specialData.lineup.push({name: null, description: null, photo: null, main: false})\n        }]\"\n        class=\"cols-1 t-black gap-thin\"\n      >\n        <div \n          class=\"mn-b-thin gap-small flex-nowrap flex\" \n          v-for=\"(item, index) in event.specialData.lineup\" \n          :key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.time\"\n            placeholder=\"Time\"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete \n              @click=\"() => event.specialData.lineup.splice(index, 1)\" \n              class=\"i-medium\"\n            />\n          </div>\n        </div>\n      </Block>\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n        Background in Lineup Section\n      </h5>\n\n      <Upload \n        v-model:field=\"event.specialData.lineupBackground\"\n        :placeholder=\"'Upload image'\" \n        @file-change=\"(videoURL) => event.specialData.lineupBackground = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n        Previous Party Section\n      </h4>\n\n       <h5\n        class=\"mn-b-thin\"\n      >\n        Video in Previous Partys Section\n      </h5>\n\n      <Field\n        v-model:field=\"event.specialData.previousTitle\"\n        placeholder=\"Title\"\n        :value=\"event.specialData.previousDescription || 'Explore our exclusive party archive'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousDescription\"\n        label=\"Description\"\n        :value=\"event.specialData.previousDescription || 'Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousLinkText\"\n        label=\"Button\"\n        :value=\"event.specialData.previousLinkText || 'Check In Instagram'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousLink\"\n        label=\"Link\"\n        :value=\"event.specialData.previousLink || 'https://www.instagram.com/thecommune.phuket/'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />\n      \n      <Upload \n        v-model:field=\"event.specialData.previousVideo\"\n        :placeholder=\"'Upload image'\" \n        @file-change=\"(videoURL) => event.specialData.previousVideo = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n    </div>\n\n    <h3 class=\"mn-b-small\">Description</h3>\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n      </div>\n    </section>\n\n    <Popup \n      title=\"Final Touches\" \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    > \n      <BlockTags\n        @tags-changed=\"newTags => event.tags = newTags\"\n        :tags=\"event.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-thin\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      \n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"event.creator.hidden\"\n          @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n  </article>\n</template>\n\n<script setup>\nimport Textarea from '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\n\n\nonMounted(async () =>{\n  \n  if (route.params.url) {\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data.pop();\n\n    console.log(event.value)\n\n    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\n  }\n\n  if (!event.value.owner) event.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!event.value.creator) event.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n  if (event.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: event.value.owner.target._id,\n    name: event.value.owner.target.profile.name,\n    photo: event.value.owner.target.profile.photo\n  }\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  if (route.params.url) {\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) event.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) event.value.creator.hidden = false\n  if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n  event.value.status = \"published\"\n\n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\n  if (route.params.url) {\n    console.log(event.value)\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this event?')) {\n    events.remove(event.value._id)\n      .then(response => {\n        router.push({ name: 'User Events', params: { _id: event.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.error(error);\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(--light));\n    border-radius: var(--small);\n  }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}
+{"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n  \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n     \t<UploadImage \n        v-model:photo=\"event.cover\"\n        :uploadPath=\"'specials'\"\n        class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n      />\n      <h4>Upload Event Cover</h4>\n    </div>\n\n  \t<Field \n      v-model:field=\"event.name\" \n      placeholder=\"Event name\" \n      class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"event.description\" \n      type=\"textfield\"  \n      placeholder=\"Enter short description\" \n      class=\"mn-b-semi w-100 bg-light pd-medium radius-small\" \n    />\n\n    <h3 class=\"mn-b-small\">Date</h3>\n    <VueDatePicker v-model=\"date\"  range class=\"z-index-3 radius-small mn-b-semi bg-light\" />\n\n   <!--    <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"false\"\n        class=\"radius-semi w-100 o-hidden bg-light\"\n      /> -->\n\n    <h3\n      v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-small\"\n    >\n      Tickets\n    </h3>\n\n  \n    <h3\n      v-if=\"!route.params.url && (auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-small\"\n    >\n        Special Details\n    </h3>\n\n\n    <Checkbox \n      v-if=\"!route.params.url && (auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      :label=\"'Special'\"\n      :radio=\"event.special\"\n      @update:radio=\"updateEvent => event.special = !event.special\"\n      class=\"mn-b-semi w-100 bg-black t-white pd-medium radius-small\"\n    />\n\n    <div \n      v-if=\"event.special\"\n      class=\"mn-b-semi\"\n    >\n      <h4\n        class=\"mn-b-thin\"\n      >\n          Hero Section\n      </h4>\n\n      <Field \n        v-model:field=\"event.specialData.subtitle\" \n        placeholder=\"Event subtitle\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <EditImages \n        :images=\"event.specialData.logos\"\n        :uploadPath=\"'/specials'\" \n        :text=\"{\n          title: 'Drag & Drop Your Logos Here',\n          subtitle: 'Files supported: JPG, PNG, GIF'\n        }\"\n        :options=\"{\n          showTitle: true,\n          showText: false\n        }\"\n        @update:images=\"(newImages) => event.specialData.logos = newImages\"  \n        class=\"mn-b-thin bg-light radius-small\"\n      />\n       <h5\n        class=\"mn-b-thin\"\n      >\n          Video in Hero Section\n      </h5>\n      <p>Need to upload in webm format because of needs of optimization</p>\n      <Upload \n        v-model:field=\"event.specialData.video\"\n        :placeholder=\"'Upload video'\" \n        @file-change=\"(videoURL) => event.specialData.video = videoURL\"\n        uploadPath=\"specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n        Ticket\n      </h5>\n\n      <div \n        class=\"mn-b-small gap-small cols-2-fit-content\" \n      > \n        <UploadImage \n          v-model:photo=\"event.specialData.ticketImage\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-4r o-hidden radius-extra\" \n        />\n\n        <div class=\"gap-thin flex-nowrap flex w-100\">\n          <Field \n            v-model:field=\"event.specialData.ticketPrice\" \n            type=\"number\"\n            placeholder=\"Ticket price in baht\" \n            class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n          />\n\n          <Field\n            v-model:field=\"event.specialData.ticketText\"\n            placeholder=\"Promotion text for ticket in hero  \"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n\n           <Field\n            v-model:field=\"event.specialData.ticketTextButton\"\n            placeholder=\"Text on 'Buy Ticket' button  \"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n\n          \n        </div>\n      </div>\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n          Guest Section\n      </h4>\n\n      <Field \n        v-model:field=\"event.specialData.guestTitle\" \n        placeholder=\"Title for Main Guest section\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <Field \n        v-model:field=\"event.specialData.guestDescription\" \n        placeholder=\"Description for Main Guest section\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <div class=\"gap-thin cols-3\">\n        \n        <Field \n          v-model:field=\"event.specialData.guestFacebook\" \n          placeholder=\"Facebook of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestInstagram\" \n          placeholder=\"Instagram of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestTwitter\" \n          placeholder=\"Twitter of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n\n        <Field \n          v-model:field=\"event.specialData.guestTelegram\" \n          placeholder=\"Telegram of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestSoundcloud\" \n          placeholder=\"Link to Main Guest soundcloud track\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestSpotify\" \n          placeholder=\"Link to Main guest spotify track\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestYoutube\" \n          placeholder=\"Link to Main guest youtube video\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n      </div>\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n          Video in Guests Section\n      </h5>\n\n      <Upload \n        v-model:field=\"event.specialData.guestVideo\"\n        :placeholder=\"'Upload video'\" \n        @file-change=\"(videoURL) => event.specialData.guestVideo = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <Block\n        title=\"Guests\"\n        placeholder=\"No guests added yet\"\n        :actions=\"[{\n          label: '+',\n          function: () => event.specialData.guests.push({name: null, description: null, photo: null, main: false})\n        }]\"\n        class=\"cols-1 mn-b-thin  t-black gap-thin\"\n      >\n        <div \n          class=\"mn-b-small gap-small cols-2-fit-content\" \n          v-for=\"(item, index) in event.specialData.guests\" \n          :key=\"index\"\n        > \n          <UploadImage \n            v-model:photo=\"item.photo\"\n            :uploadPath=\"'/specials'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"gap-thin flex-nowrap flex w-100\">\n            <div class=\"w-100\">\n              <Field\n                v-model:field=\"item.name\"\n                placeholder=\"Name\"\n                class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n              />  \n              <Field\n                v-model:field=\"item.description\"\n                placeholder=\"Description\"\n                class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n              />\n            </div>\n            <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n              <IconDelete \n                @click=\"() => event.specialData.guests.splice(index, 1)\" \n                class=\"i-medium\"\n              />\n            </div>\n          </div>\n        </div>\n      </Block>\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n        Lineup Section\n      </h4>\n\n      <Block\n        title=\"Line Up\"\n        placeholder=\"No line ups added yet\"\n        :actions=\"[{\n          label: '+',\n          function: () => event.specialData.lineup.push({name: null, description: null, photo: null, main: false})\n        }]\"\n        class=\"cols-1 t-black gap-thin\"\n      >\n        <div \n          class=\"mn-b-thin gap-small flex-nowrap flex\" \n          v-for=\"(item, index) in event.specialData.lineup\" \n          :key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.time\"\n            placeholder=\"Time\"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete \n              @click=\"() => event.specialData.lineup.splice(index, 1)\" \n              class=\"i-medium\"\n            />\n          </div>\n        </div>\n      </Block>\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n        Background in Lineup Section\n      </h5>\n\n      <Upload \n        v-model:field=\"event.specialData.lineupBackground\"\n        :placeholder=\"'Upload image'\" \n        @file-change=\"(videoURL) => event.specialData.lineupBackground = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n        Previous Party Section\n      </h4>\n\n       <h5\n        class=\"mn-b-thin\"\n      >\n        Video in Previous Partys Section\n      </h5>\n\n      <Field\n        v-model:field=\"event.specialData.previousTitle\"\n        placeholder=\"Title\"\n        :value=\"event.specialData.previousDescription || 'Explore our exclusive party archive'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousDescription\"\n        label=\"Description\"\n        :value=\"event.specialData.previousDescription || 'Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousLinkText\"\n        label=\"Button\"\n        :value=\"event.specialData.previousLinkText || 'Check In Instagram'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousLink\"\n        label=\"Link\"\n        :value=\"event.specialData.previousLink || 'https://www.instagram.com/thecommune.phuket/'\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />\n      \n      <Upload \n        v-model:field=\"event.specialData.previousVideo\"\n        :placeholder=\"'Upload image'\" \n        @file-change=\"(videoURL) => event.specialData.previousVideo = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n    </div>\n\n    <h3 class=\"mn-b-small\">Description</h3>\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n      </div>\n    </section>\n\n    <Popup \n      title=\"Final Touches\" \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    > \n      <BlockTags\n        @tags-changed=\"newTags => event.tags = newTags\"\n        :tags=\"event.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-thin\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      \n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"event.creator.hidden\"\n          @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n  </article>\n</template>\n\n<script setup>\nimport Textarea from '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\n\n\nonMounted(async () =>{\n  \n  if (route.params.url) {\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data.pop();\n\n    console.log(event.value)\n\n    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\n  }\n\n  if (!event.value.owner) event.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!event.value.creator) event.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n  if (event.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: event.value.owner.target._id,\n    name: event.value.owner.target.profile.name,\n    photo: event.value.owner.target.profile.photo\n  }\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  if (route.params.url) {\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) event.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) event.value.creator.hidden = false\n  if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n  event.value.status = \"published\"\n\n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\n  if (route.params.url) {\n    console.log(event.value)\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this event?')) {\n    events.remove(event.value._id)\n      .then(response => {\n        router.push({ name: 'User Events', params: { _id: event.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.error(error);\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(--light));\n    border-radius: var(--small);\n  }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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 Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
@@ -20,15 +20,14 @@ const _hoisted_1 = {
   class: "h-100 pd-thin"
 };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Tickets", -1);
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin" };
-const _hoisted_6 = ["href"];
-const _hoisted_7 = ["src"];
-const _hoisted_8 = { class: "mn-r-auto" };
-const _hoisted_9 = { class: "h4" };
-const _hoisted_10 = { class: "h5 t-transp mn-b-thin" };
-const _hoisted_11 = { class: "pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase" };
+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-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase" };
 const _sfc_main = {
   __name: "EditEventTickets",
   setup(__props) {
@@ -84,7 +83,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.unref(event) ? (vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
         vue.createElementVNode("header", _hoisted_2, [
-          _hoisted_3,
+          _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "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"
@@ -149,7 +148,7 @@ const _sfc_main = {
                         class: "i-medium",
                         fill: "rgb(var(--white)"
                       })
-                    ], 8, _hoisted_4))
+                    ], 8, _hoisted_3))
                   ]);
                 }), 128)),
                 vue.createVNode(Button.default, {
@@ -157,9 +156,9 @@ const _sfc_main = {
                   callback: closeTicketsPopup,
                   class: "w-100 bg-black t-white"
                 }, {
-                  default: vue.withCtx(() => [
+                  default: vue.withCtx(() => _cache[4] || (_cache[4] = [
                     vue.createTextVNode(" Create Tickets ")
-                  ]),
+                  ])),
                   _: 1
                 })
               ]),
@@ -190,7 +189,7 @@ const _sfc_main = {
           }) => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (ticket, index) => {
               var _a2, _b;
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                 vue.createElementVNode("a", {
                   href: ticket.image,
                   target: "_blank"
@@ -199,12 +198,12 @@ const _sfc_main = {
                     loading: "lazy",
                     src: ticket.qrcode,
                     class: "radius-small h-5r w-5r"
-                  }, null, 8, _hoisted_7)
-                ], 8, _hoisted_6),
-                vue.createElementVNode("div", _hoisted_8, [
-                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(((_a2 = ticket.client_refactor) == null ? void 0 : _a2.name) || "No name") + ", " + vue.toDisplayString(ticket.role), 1),
-                  vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(((_b = ticket.client_refactor) == null ? void 0 : _b.email) || "No email"), 1),
-                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(ticket.status), 1)
+                  }, null, 8, _hoisted_6)
+                ], 8, _hoisted_5),
+                vue.createElementVNode("div", _hoisted_7, [
+                  vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(((_a2 = ticket.client_refactor) == null ? void 0 : _a2.name) || "No name") + ", " + vue.toDisplayString(ticket.role), 1),
+                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(((_b = ticket.client_refactor) == null ? void 0 : _b.email) || "No email"), 1),
+                  vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(ticket.status), 1)
                 ]),
                 ticket.status !== "deactivated" ? (vue.openBlock(), vue.createBlock(Button.default, {
                   key: 0,
@@ -212,9 +211,9 @@ const _sfc_main = {
                   callback: _ctx.redirectTo,
                   class: "w-min h-min pd-small bg-black t-white"
                 }, {
-                  default: vue.withCtx(() => [
+                  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, {
@@ -223,9 +222,9 @@ const _sfc_main = {
                   callback: _ctx.redirectTo,
                   class: "w-min h-min pd-small bg-green t-white"
                 }, {
-                  default: vue.withCtx(() => [
+                  default: vue.withCtx(() => _cache[6] || (_cache[6] = [
                     vue.createTextVNode(" Activate ")
-                  ]),
+                  ])),
                   _: 2
                 }, 1032, ["submit", "callback"])) : vue.createCommentVNode("", true)
               ]);

package/dist/prometheus-framework/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      title=\"Добавить участника\" \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.email\"\n            placeholder=\"Email\"\n            class=\"w-100 bg-white radius-small pd-medium\"\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.role}}\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-r-thin pd-l-thin pd-b-nano pd-t-nano 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 '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\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  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    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\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":["useRoute","useRouter","ref","_a","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAAA,UAAY;AAE3B,QAAI,QAAQC,IAAAA,IAAI,IAAI;AAEpB,UAAM,aAAaA,IAAG,IAAC,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,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,SAAQC,MAAA,MAAM,UAAN,gBAAAA,IAAa;AAAA,QACrB,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAeD,IAAG,IAAC,KAAK;AAG9BE,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK;IACrB,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAe,QAAC,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MAClB;AAAA,IACH;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,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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      title=\"Добавить участника\" \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.email\"\n            placeholder=\"Email\"\n            class=\"w-100 bg-white radius-small pd-medium\"\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.role}}\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-r-thin pd-l-thin pd-b-nano pd-t-nano 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 '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\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  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    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\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":["useRoute","useRouter","ref","_a","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAAA,UAAY;AAE3B,QAAI,QAAQC,IAAAA,IAAI,IAAI;AAEpB,UAAM,aAAaA,IAAG,IAAC,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,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,SAAQC,MAAA,MAAM,UAAN,gBAAAA,IAAa;AAAA,QACrB,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAeD,IAAG,IAAC,KAAK;AAG9BE,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK;IACrB,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAe,QAAC,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MAClB;AAAA,IACH;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,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}