@ozdao/martyrs 0.2.548 → 0.2.550

package/dist/martyrs/src/modules/core/views/utils/vue-app-renderer.js

@@ -0,0 +1,111 @@
+import { setAuthToken } from "./axios-instance.js";
+import { renderSSRHead } from "../../../../../../node_modules/.pnpm/@unhead_ssr@1.11.20/node_modules/@unhead/ssr/dist/index.js";
+import { renderToString } from "../../../../../../node_modules/.pnpm/@vue_server-renderer@3.5.13_vue@3.5.13_typescript@5.8.3_/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js";
+function renderAndMountApp({ createApp, hooks = {} }) {
+  const start = async () => {
+    const { app, router, store, moduleRegistry, config } = await createApp();
+    let serverModules = [];
+    if (typeof window !== "undefined") {
+      try {
+        const modulesElement = document.querySelector("[data-loaded-modules]");
+        if (modulesElement) {
+          serverModules = JSON.parse(modulesElement.innerHTML);
+        }
+      } catch (e) {
+        console.error("Failed to parse loaded modules", e);
+      }
+      const context = { app, store, router, config };
+      for (const moduleName of serverModules) {
+        try {
+          await moduleRegistry.load(moduleName, context);
+          await moduleRegistry.initialize(moduleName, context);
+        } catch (error) {
+          console.error(`Failed to load module ${moduleName}:`, error);
+        }
+      }
+    }
+    if (hooks.beforeHydration) {
+      hooks.beforeHydration({ app, router, store, moduleRegistry });
+    }
+    let initialState;
+    try {
+      const initialStateElement = document.querySelector("[data-state]");
+      if (initialStateElement && initialStateElement.innerHTML.trim() !== "") {
+        const stateContent = initialStateElement.innerHTML.trim();
+        if (stateContent.startsWith("{") && stateContent.endsWith("}")) {
+          initialState = JSON.parse(stateContent);
+          if (typeof initialState !== "object" || initialState === null) {
+            throw new Error("Invalid state format");
+          }
+        } else {
+          throw new Error("Invalid JSON format");
+        }
+      }
+    } catch (error) {
+      console.error("Failed to parse user state", error);
+      initialState = null;
+    }
+    if (initialState) {
+      store.setInitialState(initialState, true);
+      if (initialState?.auth?.access?.token) {
+        setAuthToken(initialState.auth.access.token);
+      }
+    } else {
+      if (store.auth && store.auth.actions) {
+        store.auth.actions.resetState();
+        await store.auth.actions.logout();
+      }
+    }
+    await router.isReady();
+    app.mount("#app");
+    return { app, router, store, moduleRegistry };
+  };
+  return start();
+}
+async function render({ url, cookies, ssrContext, createApp }) {
+  const { app, router, store, meta } = createApp();
+  await router.push(url);
+  await router.isReady();
+  const ctx = ssrContext || {};
+  if (router.currentRoute.value.name?.toLowerCase() === "notfound") {
+    ctx.notFound = true;
+  }
+  let user = null;
+  if (cookies.user) {
+    try {
+      user = JSON.parse(cookies.user);
+    } catch (error) {
+      console.error("Failed to parse user cookie", error);
+      user = null;
+    }
+  }
+  if (user) {
+    if (store.auth && store.auth.actions) {
+      await store.auth.actions.initialize(user);
+    } else {
+      console.warn("[SSR] Auth module not loaded, cannot initialize user");
+    }
+  } else {
+    if (store.auth && store.auth.actions) {
+      store.auth.actions.resetState();
+    } else {
+      console.warn("[SSR] Auth module not loaded, cannot reset state");
+    }
+  }
+  const html = await renderToString(app, ctx);
+  const payload = await renderSSRHead(meta, {});
+  const initialState = await store.getInitialState();
+  return {
+    html,
+    meta: payload,
+    state: initialState,
+    statusCode: router.currentRoute?.value?.name?.toLowerCase() === "notfound" ? 404 : 200,
+    usedModules: Array.from(ctx.modules || /* @__PURE__ */ new Set())
+    // Return used modules
+  };
+}
+export {
+  render,
+  renderAndMountApp
+};
+//# sourceMappingURL=vue-app-renderer.js.map

package/dist/martyrs/src/modules/core/views/utils/vue-app-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-app-renderer.js","sources":["../../../../../../../src/modules/core/views/utils/vue-app-renderer.js"],"sourcesContent":["import { setAuthToken } from '@martyrs/src/modules/core/views/utils/axios-instance.js';\nimport { renderSSRHead } from '@unhead/ssr';\nimport { renderToString } from '@vue/server-renderer';\n\nexport function renderAndMountApp({ createApp, hooks = {} }) {\n  const start = async () => {\n    const { app, router, store, moduleRegistry, config } = await createApp();\n    \n    let serverModules = [];\n    \n    // Загружаем модули которые были загружены на сервере\n    if (typeof window !== 'undefined') {\n      try {\n        const modulesElement = document.querySelector('[data-loaded-modules]');\n        if (modulesElement) {\n          serverModules = JSON.parse(modulesElement.innerHTML);\n        }\n      } catch (e) {\n        console.error('Failed to parse loaded modules', e);\n      }\n      \n      const context = { app, store, router, config };\n      for (const moduleName of serverModules) {\n        try {\n          await moduleRegistry.load(moduleName, context);\n          await moduleRegistry.initialize(moduleName, context);\n        } catch (error) {\n          console.error(`Failed to load module ${moduleName}:`, error);\n        }\n      }\n    }\n    \n    // Call beforeHydration hook if provided\n    if (hooks.beforeHydration) {\n      hooks.beforeHydration({ app, router, store, moduleRegistry });\n    }\n\n    let initialState;\n\n    try {\n      const initialStateElement = document.querySelector('[data-state]');\n\n      if (initialStateElement && initialStateElement.innerHTML.trim() !== '') {\n        const stateContent = initialStateElement.innerHTML.trim();\n        \n        // Validate JSON format before parsing\n        if (stateContent.startsWith('{') && stateContent.endsWith('}')) {\n          initialState = JSON.parse(stateContent);\n          \n          // Basic validation of state structure\n          if (typeof initialState !== 'object' || initialState === null) {\n            throw new Error('Invalid state format');\n          }\n        } else {\n          throw new Error('Invalid JSON format');\n        }\n      }\n    } catch (error) {\n      console.error('Failed to parse user state', error);\n      initialState = null;\n    }\n\n\n    if (initialState) {\n      // Применяем начальное состояние ко всем модулям (true = гидратация)\n      store.setInitialState(initialState, true);\n      \n      if (initialState?.auth?.access?.token) {\n        setAuthToken(initialState.auth.access.token);\n      }\n    } else {\n      // Если нет initialState, сбрасываем авторизацию (если модуль auth загружен)\n      if (store.auth && store.auth.actions) {\n        store.auth.actions.resetState();\n        // await store.auth.removeCookie('user');\n        await store.auth.actions.logout();\n      }\n    }\n\n    // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n    // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n    // If user browser locae supported then change locale\n    // if (i18n.global.availableLocales.includes(browserLocale)) {\n    //   app.config.globalProperties.$i18n.locale = browserLocale;\n    // }\n\n    await router.isReady();\n    \n    app.mount('#app');\n    \n    // Return the objects for further use\n    return { app, router, store, moduleRegistry };\n  };\n  return start();\n}\n\nexport async function render({ url, cookies,  ssrContext, createApp}) {\n  const { app, router, store, meta } = createApp();\n\n  await router.push(url);\n  await router.isReady();\n\n  // If user's language is supported, change the locale\n  // if (language === 'en' || language === 'ru') {\n  //   app.config.globalProperties.$i18n.locale = language\n  // }\n\n  // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n\n  const ctx = ssrContext || {};\n\n  if (router.currentRoute.value.name?.toLowerCase() === 'notfound') {\n    ctx.notFound = true;\n  }\n\n  let user = null;\n\n  if (cookies.user) {\n    try {\n      user = JSON.parse(cookies.user);\n    } catch (error) {\n      console.error('Failed to parse user cookie', error);\n      user = null;\n    }\n  }\n\n  if (user) {\n    if (store.auth && store.auth.actions) {\n      await store.auth.actions.initialize(user);\n    } else {\n      console.warn('[SSR] Auth module not loaded, cannot initialize user');\n    }\n  } else {\n    if (store.auth && store.auth.actions) {\n      store.auth.actions.resetState();\n    } else {\n      console.warn('[SSR] Auth module not loaded, cannot reset state');\n    }\n  }\n\n  // After render, ctx.modules will be populated with used module identifiers\n  const html = await renderToString(app, ctx);\n  const payload = await renderSSRHead(meta, {});\n  const initialState = await store.getInitialState();\n\n  return {\n    html,\n    meta: payload,\n    state: initialState,\n    statusCode: router.currentRoute?.value?.name?.toLowerCase() === 'notfound' ? 404 : 200,\n    usedModules: Array.from(ctx.modules || new Set()), // Return used modules\n  };\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,kBAAkB,EAAE,WAAW,QAAQ,CAAA,EAAE,GAAI;AAC3D,QAAM,QAAQ,YAAY;AACxB,UAAM,EAAE,KAAK,QAAQ,OAAO,gBAAgB,OAAM,IAAK,MAAM,UAAS;AAEtE,QAAI,gBAAgB,CAAA;AAGpB,QAAI,OAAO,WAAW,aAAa;AACjC,UAAI;AACF,cAAM,iBAAiB,SAAS,cAAc,uBAAuB;AACrE,YAAI,gBAAgB;AAClB,0BAAgB,KAAK,MAAM,eAAe,SAAS;AAAA,QACrD;AAAA,MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kCAAkC,CAAC;AAAA,MACnD;AAEA,YAAM,UAAU,EAAE,KAAK,OAAO,QAAQ,OAAM;AAC5C,iBAAW,cAAc,eAAe;AACtC,YAAI;AACF,gBAAM,eAAe,KAAK,YAAY,OAAO;AAC7C,gBAAM,eAAe,WAAW,YAAY,OAAO;AAAA,QACrD,SAAS,OAAO;AACd,kBAAQ,MAAM,yBAAyB,UAAU,KAAK,KAAK;AAAA,QAC7D;AAAA,MACF;AAAA,IACF;AAGA,QAAI,MAAM,iBAAiB;AACzB,YAAM,gBAAgB,EAAE,KAAK,QAAQ,OAAO,gBAAgB;AAAA,IAC9D;AAEA,QAAI;AAEJ,QAAI;AACF,YAAM,sBAAsB,SAAS,cAAc,cAAc;AAEjE,UAAI,uBAAuB,oBAAoB,UAAU,KAAI,MAAO,IAAI;AACtE,cAAM,eAAe,oBAAoB,UAAU,KAAI;AAGvD,YAAI,aAAa,WAAW,GAAG,KAAK,aAAa,SAAS,GAAG,GAAG;AAC9D,yBAAe,KAAK,MAAM,YAAY;AAGtC,cAAI,OAAO,iBAAiB,YAAY,iBAAiB,MAAM;AAC7D,kBAAM,IAAI,MAAM,sBAAsB;AAAA,UACxC;AAAA,QACF,OAAO;AACL,gBAAM,IAAI,MAAM,qBAAqB;AAAA,QACvC;AAAA,MACF;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,8BAA8B,KAAK;AACjD,qBAAe;AAAA,IACjB;AAGA,QAAI,cAAc;AAEhB,YAAM,gBAAgB,cAAc,IAAI;AAExC,UAAI,cAAc,MAAM,QAAQ,OAAO;AACrC,qBAAa,aAAa,KAAK,OAAO,KAAK;AAAA,MAC7C;AAAA,IACF,OAAO;AAEL,UAAI,MAAM,QAAQ,MAAM,KAAK,SAAS;AACpC,cAAM,KAAK,QAAQ,WAAU;AAE7B,cAAM,MAAM,KAAK,QAAQ,OAAM;AAAA,MACjC;AAAA,IACF;AASA,UAAM,OAAO,QAAO;AAEpB,QAAI,MAAM,MAAM;AAGhB,WAAO,EAAE,KAAK,QAAQ,OAAO,eAAc;AAAA,EAC7C;AACA,SAAO,MAAK;AACd;AAEO,eAAe,OAAO,EAAE,KAAK,SAAU,YAAY,UAAS,GAAG;AACpE,QAAM,EAAE,KAAK,QAAQ,OAAO,KAAI,IAAK,UAAS;AAE9C,QAAM,OAAO,KAAK,GAAG;AACrB,QAAM,OAAO,QAAO;AASpB,QAAM,MAAM,cAAc,CAAA;AAE1B,MAAI,OAAO,aAAa,MAAM,MAAM,YAAW,MAAO,YAAY;AAChE,QAAI,WAAW;AAAA,EACjB;AAEA,MAAI,OAAO;AAEX,MAAI,QAAQ,MAAM;AAChB,QAAI;AACF,aAAO,KAAK,MAAM,QAAQ,IAAI;AAAA,IAChC,SAAS,OAAO;AACd,cAAQ,MAAM,+BAA+B,KAAK;AAClD,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,MAAM;AACR,QAAI,MAAM,QAAQ,MAAM,KAAK,SAAS;AACpC,YAAM,MAAM,KAAK,QAAQ,WAAW,IAAI;AAAA,IAC1C,OAAO;AACL,cAAQ,KAAK,sDAAsD;AAAA,IACrE;AAAA,EACF,OAAO;AACL,QAAI,MAAM,QAAQ,MAAM,KAAK,SAAS;AACpC,YAAM,KAAK,QAAQ,WAAU;AAAA,IAC/B,OAAO;AACL,cAAQ,KAAK,kDAAkD;AAAA,IACjE;AAAA,EACF;AAGA,QAAM,OAAO,MAAM,eAAe,KAAK,GAAG;AAC1C,QAAM,UAAU,MAAM,cAAc,MAAM,CAAA,CAAE;AAC5C,QAAM,eAAe,MAAM,MAAM,gBAAe;AAEhD,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY,OAAO,cAAc,OAAO,MAAM,YAAW,MAAO,aAAa,MAAM;AAAA,IACnF,aAAa,MAAM,KAAK,IAAI,WAAW,oBAAI,KAAK;AAAA;AAAA,EACpD;AACA;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs

@@ -1,40 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                       */
-const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEvents = require("../../../icons/entities/IconEvents.vue.cjs");
-const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const CardHeader = require("../../../core/views/components/blocks/CardHeader.vue.cjs");
 const vueRouter = require("vue-router");
-const _hoisted_1 = {
-  key: 0,
-  class: "o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100"
-};
-const _hoisted_2 = ["src"];
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = { class: "o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100" };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = {
-  key: 0,
-  class: "t-semi t-truncate uppercase"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "t-trim-1"
-};
-const _hoisted_7 = {
-  key: 1,
-  class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
-};
-const _hoisted_8 = {
-  key: 2,
-  class: "h-100 mn-b-regular p-regular t-trim-3"
-};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "pd-t-small h-100 pd-medium pos-relative w-100" };
+const _hoisted_6 = { class: "mn-b-regular t-trim" };
+const _hoisted_7 = { class: "mn-b-medium p-regular t-trim-3" };
+const _hoisted_8 = { class: "flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2" };
 const _sfc_main = {
   __name: "CardEvent",
-  props: ["event", "user", "short", "type"],
+  props: ["event", "user", "actions"],
   setup(__props) {
     vue.ref(/* @__PURE__ */ new Date());
     vueRouter.useRouter();
@@ -93,17 +73,9 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("article", {
-        class: vue.normalizeClass([{
-          "flex-nowrap flex-v-center flex": __props.type === "short",
-          "flex flex-column": __props.type !== "short"
-        }, "pos-relative"])
-      }, [
+      return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
         vue.createVNode(CardHeader.default, {
-          class: vue.normalizeClass({
-            "mn-b-small pd-medium": __props.type !== "short",
-            "flex-child-order-last flex-child mn-l-small": __props.type === "short"
-          }),
+          class: "mn-b-small pd-medium",
           entity: __props.event,
           entityType: "event",
           user: __props.user,
@@ -111,17 +83,18 @@ const _sfc_main = {
           creator: __props.event.creator,
           members: __props.event.numberOfTickets,
           membersPhotos: __props.event.participantsPhotos,
-          type: __props.type,
-          dateFormatted: daysUntilEvent.value
-        }, null, 8, ["class", "entity", "user", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
-        __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          type: "normal",
+          dateFormatted: daysUntilEvent.value,
+          actions: __props.actions
+        }, null, 8, ["entity", "user", "owner", "creator", "members", "membersPhotos", "dateFormatted", "actions"]),
+        vue.createElementVNode("div", _hoisted_2, [
           __props.event.cover ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + __props.event.cover,
             alt: "Event image",
             class: "pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r"
-          }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
           __props.event.cover ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
             loading: "lazy",
@@ -129,67 +102,30 @@ const _sfc_main = {
             alt: "Event Background",
             class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
             style: { "transform": "scale(1.5)", "filter": "blur(2rem)", "-webkit-filter": "blur(2rem)" }
-          }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createBlock(IconEvents.default, {
+          }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(IconEvents.default, {
             key: 2,
             class: "pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r",
             fill: "rgb(var(--black)"
           }))
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("section", {
-          class: vue.normalizeClass(["pos-relative w-100", {
-            "pd-t-zero h-100 flex flex-column pd-medium": __props.type !== "short",
-            "flex-nowrap flex flex-v-center": __props.type === "short"
-          }])
-        }, [
-          __props.user === __props.event.creator.target._id ? (vue.openBlock(), vue.createBlock(IconEdit.default, {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$router.push({
-              name: "Edit Event",
-              params: {
-                url: __props.event.url
-              }
-            }), ["stop"])),
-            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
-          })) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass([{
-              "mn-b-small": __props.type !== "short",
-              "order-2 mn-l-thin": __props.type === "short"
-            }, "flex-v-center flex-nowrap flex"])
-          }, [
-            __props.type === "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.event.name), 1)) : vue.createCommentVNode("", true)
-          ], 2),
-          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6, vue.toDisplayString(__props.event.name), 1)) : vue.createCommentVNode("", true),
-            __props.event.status === "draft" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(__props.event.status), 1)) : vue.createCommentVNode("", true)
-          ])) : vue.createCommentVNode("", true),
-          __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(__props.event.description), 1)) : vue.createCommentVNode("", true),
+        ]),
+        vue.createElementVNode("section", _hoisted_5, [
+          vue.createElementVNode("h4", _hoisted_6, vue.toDisplayString(__props.event.name), 1),
+          vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.event.description), 1),
           vue.renderSlot(_ctx.$slots, "default"),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(["flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2", {
-              "order-1": __props.type === "short"
-            }])
-          }, [
+          vue.createElementVNode("div", _hoisted_8, [
             __props.event.date?.start ? (vue.openBlock(), vue.createElementBlock("span", {
               key: _ctx.index,
-              class: vue.normalizeClass(["d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white", {
-                "p-regular": __props.type === "short"
-              }])
-            }, [
-              vue.createTextVNode(vue.toDisplayString(formattedDate.value) + " ", 1),
-              __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createTextVNode(" | " + vue.toDisplayString(formattedTimeRange.value), 1)
-              ], 64)) : vue.createCommentVNode("", true)
-            ], 2)) : vue.createCommentVNode("", true),
-            __props.type !== "short" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.event.tags, (chip, index) => {
+              class: "d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-white"
+            }, vue.toDisplayString(formattedDate.value) + " | " + vue.toDisplayString(formattedTimeRange.value), 1)) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.event.tags, (chip, index) => {
               return vue.openBlock(), vue.createElementBlock("span", {
                 key: index,
-                class: "d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main"
+                class: "d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-main"
               }, vue.toDisplayString(chip), 1);
-            }), 128)) : vue.createCommentVNode("", true)
-          ], 2)
-        ], 2)
-      ], 2);
+            }), 128))
+          ])
+        ])
+      ]);
     };
   }
 };

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short',\n\t  \t'flex flex-column': type !== 'short',\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"t-trim-1\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<span \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</span>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white\"\n          :class=\"{\n\t\t    \t\t'p-regular': type === 'short'\n\t    \t\t}\"\n        >\n          {{ formattedDate }}\n          <template\n\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t    >\n\t\t        | {{ formattedTimeRange }}\n\t\t\t    </template>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkBA,QAAAA,IAAI,oBAAI,KAAI,CAAE;AAEhBC,cAAAA,UAAS;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article\n\t  class=\"pos-relative\"\n  >\n\n    <CardHeader\n\t    class=\"mn-b-small pd-medium\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\"\n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"'normal'\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    \t:actions=\"actions\"\n    />\n\n \t\t<div\n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\"\n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\"\n\t    \talt=\"Event image\"\n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\"\n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\"\n\t    \talt=\"Event Background\"\n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section\n    \tclass=\"pd-t-small  h-100 pd-medium pos-relative w-100\"\n    >\n      \n\t\t\t<h4\n      \tclass=\"mn-b-regular t-trim\"\n      >\n    \t\t{{ event.name }}\n    \t</h4>\n\n\n    \t<p\n    \t\tclass=\"mn-b-medium p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n<!-- \n      <div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t{{event.status}}\n\t\t\t</div> -->\n\n      <div\n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-white\"\n        >\n          {{ formattedDate }} | {{ formattedTimeRange }}\n        </span>\n\n        <span\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t<!-- <CardFooter\n\t\t\tclass=\"\"\n\t\t\t:entity=\"event\"\n\t\t\t:entityType=\"'event'\"\n\t\t\t:user=\"user\"\n\t\t/> -->\n\n    </section>\n\n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/core/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'actions'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n\n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n\n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;AAgHkBA,QAAAA,IAAI,oBAAI,KAAI,CAAE;AAEhBC,cAAAA,UAAS;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js

@@ -1,38 +1,18 @@
-import { ref, computed, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, createBlock, renderSlot, withModifiers, toDisplayString, createTextVNode, Fragment, renderList } from "vue";
-/* empty css                                     */
-import _sfc_main$3 from "../../../icons/navigation/IconEdit.vue.js";
+import { ref, computed, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, createBlock, renderSlot, toDisplayString, Fragment, renderList } from "vue";
 import _sfc_main$2 from "../../../icons/entities/IconEvents.vue.js";
-import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
+import _sfc_main$1 from "../../../core/views/components/blocks/CardHeader.vue.js";
 import { useRouter } from "vue-router";
-const _hoisted_1 = {
-  key: 0,
-  class: "o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100"
-};
-const _hoisted_2 = ["src"];
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = { class: "o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100" };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = {
-  key: 0,
-  class: "t-semi t-truncate uppercase"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "t-trim-1"
-};
-const _hoisted_7 = {
-  key: 1,
-  class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
-};
-const _hoisted_8 = {
-  key: 2,
-  class: "h-100 mn-b-regular p-regular t-trim-3"
-};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "pd-t-small h-100 pd-medium pos-relative w-100" };
+const _hoisted_6 = { class: "mn-b-regular t-trim" };
+const _hoisted_7 = { class: "mn-b-medium p-regular t-trim-3" };
+const _hoisted_8 = { class: "flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2" };
 const _sfc_main = {
   __name: "CardEvent",
-  props: ["event", "user", "short", "type"],
+  props: ["event", "user", "actions"],
   setup(__props) {
     ref(/* @__PURE__ */ new Date());
     useRouter();
@@ -91,17 +71,9 @@ const _sfc_main = {
       return eventName;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("article", {
-        class: normalizeClass([{
-          "flex-nowrap flex-v-center flex": __props.type === "short",
-          "flex flex-column": __props.type !== "short"
-        }, "pos-relative"])
-      }, [
+      return openBlock(), createElementBlock("article", _hoisted_1, [
         createVNode(_sfc_main$1, {
-          class: normalizeClass({
-            "mn-b-small pd-medium": __props.type !== "short",
-            "flex-child-order-last flex-child mn-l-small": __props.type === "short"
-          }),
+          class: "mn-b-small pd-medium",
           entity: __props.event,
           entityType: "event",
           user: __props.user,
@@ -109,17 +81,18 @@ const _sfc_main = {
           creator: __props.event.creator,
           members: __props.event.numberOfTickets,
           membersPhotos: __props.event.participantsPhotos,
-          type: __props.type,
-          dateFormatted: daysUntilEvent.value
-        }, null, 8, ["class", "entity", "user", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
-        __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          type: "normal",
+          dateFormatted: daysUntilEvent.value,
+          actions: __props.actions
+        }, null, 8, ["entity", "user", "owner", "creator", "members", "membersPhotos", "dateFormatted", "actions"]),
+        createElementVNode("div", _hoisted_2, [
           __props.event.cover ? (openBlock(), createElementBlock("img", {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + __props.event.cover,
             alt: "Event image",
             class: "pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r"
-          }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+          }, null, 8, _hoisted_3)) : createCommentVNode("", true),
           __props.event.cover ? (openBlock(), createElementBlock("img", {
             key: 1,
             loading: "lazy",
@@ -127,67 +100,30 @@ const _sfc_main = {
             alt: "Event Background",
             class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
             style: { "transform": "scale(1.5)", "filter": "blur(2rem)", "-webkit-filter": "blur(2rem)" }
-          }, null, 8, _hoisted_3)) : (openBlock(), createBlock(_sfc_main$2, {
+          }, null, 8, _hoisted_4)) : (openBlock(), createBlock(_sfc_main$2, {
             key: 2,
             class: "pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r",
             fill: "rgb(var(--black)"
           }))
-        ])) : createCommentVNode("", true),
-        createElementVNode("section", {
-          class: normalizeClass(["pos-relative w-100", {
-            "pd-t-zero h-100 flex flex-column pd-medium": __props.type !== "short",
-            "flex-nowrap flex flex-v-center": __props.type === "short"
-          }])
-        }, [
-          __props.user === __props.event.creator.target._id ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
-              name: "Edit Event",
-              params: {
-                url: __props.event.url
-              }
-            }), ["stop"])),
-            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
-          })) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass([{
-              "mn-b-small": __props.type !== "short",
-              "order-2 mn-l-thin": __props.type === "short"
-            }, "flex-v-center flex-nowrap flex"])
-          }, [
-            __props.type === "short" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true)
-          ], 2),
-          __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            __props.type !== "short" ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true),
-            __props.event.status === "draft" ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(__props.event.status), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
-          __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.event.description), 1)) : createCommentVNode("", true),
+        ]),
+        createElementVNode("section", _hoisted_5, [
+          createElementVNode("h4", _hoisted_6, toDisplayString(__props.event.name), 1),
+          createElementVNode("p", _hoisted_7, toDisplayString(__props.event.description), 1),
           renderSlot(_ctx.$slots, "default"),
-          createElementVNode("div", {
-            class: normalizeClass(["flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2", {
-              "order-1": __props.type === "short"
-            }])
-          }, [
+          createElementVNode("div", _hoisted_8, [
             __props.event.date?.start ? (openBlock(), createElementBlock("span", {
               key: _ctx.index,
-              class: normalizeClass(["d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white", {
-                "p-regular": __props.type === "short"
-              }])
-            }, [
-              createTextVNode(toDisplayString(formattedDate.value) + " ", 1),
-              __props.type !== "short" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(" | " + toDisplayString(formattedTimeRange.value), 1)
-              ], 64)) : createCommentVNode("", true)
-            ], 2)) : createCommentVNode("", true),
-            __props.type !== "short" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.event.tags, (chip, index) => {
+              class: "d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-white"
+            }, toDisplayString(formattedDate.value) + " | " + toDisplayString(formattedTimeRange.value), 1)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.event.tags, (chip, index) => {
               return openBlock(), createElementBlock("span", {
                 key: index,
-                class: "d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main"
+                class: "d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-main"
               }, toDisplayString(chip), 1);
-            }), 128)) : createCommentVNode("", true)
-          ], 2)
-        ], 2)
-      ], 2);
+            }), 128))
+          ])
+        ])
+      ]);
     };
   }
 };

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short',\n\t  \t'flex flex-column': type !== 'short',\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"type !== 'short'\" \n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero h-100 flex flex-column pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"t-trim-1\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<span \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"h-100 mn-b-regular p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</span>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white\"\n          :class=\"{\n\t\t    \t\t'p-regular': type === 'short'\n\t    \t\t}\"\n        >\n          {{ formattedDate }}\n          <template\n\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t    >\n\t\t        | {{ formattedTimeRange }}\n\t\t\t    </template>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-medium t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article\n\t  class=\"pos-relative\"\n  >\n\n    <CardHeader\n\t    class=\"mn-b-small pd-medium\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\"\n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"'normal'\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    \t:actions=\"actions\"\n    />\n\n \t\t<div\n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" loading=\"lazy\"\n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\"\n\t    \talt=\"Event image\"\n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img v-if=\"event.cover\"  loading=\"lazy\"\n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\"\n\t    \talt=\"Event Background\"\n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section\n    \tclass=\"pd-t-small  h-100 pd-medium pos-relative w-100\"\n    >\n      \n\t\t\t<h4\n      \tclass=\"mn-b-regular t-trim\"\n      >\n    \t\t{{ event.name }}\n    \t</h4>\n\n\n    \t<p\n    \t\tclass=\"mn-b-medium p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n<!-- \n      <div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t{{event.status}}\n\t\t\t</div> -->\n\n      <div\n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-white\"\n        >\n          {{ formattedDate }} | {{ formattedTimeRange }}\n        </span>\n\n        <span\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t<!-- <CardFooter\n\t\t\tclass=\"\"\n\t\t\t:entity=\"event\"\n\t\t\t:entityType=\"'event'\"\n\t\t\t:user=\"user\"\n\t\t/> -->\n\n    </section>\n\n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/core/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'actions'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n\n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n\n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgHkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}