@ozdao/prometheus-framework 0.2.323 → 0.2.324

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

@@ -1,21 +1,55 @@
-import { watch, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
+import { watch, ref, openBlock, createElementBlock, createElementVNode, createVNode, createTextVNode, withCtx, Fragment, renderList, toDisplayString, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$2 from "../../../../components/DatePicker/DatePicker.vue.js";
-import _sfc_main$1 from "../sections/List.vue.js";
-import _sfc_main$4 from "../blocks/CardEvent.vue.js";
-import { state, read } from "../../store/events.js";
+import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../components/DatePicker/DatePicker.vue.js";
+import _sfc_main$3 from "../../../globals/views/components/partials/CitySelection.vue.js";
+import _sfc_main$5 from "../sections/FeaturedEvents.vue.js";
+import _sfc_main$4 from "../sections/EventsHot.vue.js";
+import _sfc_main$7 from "../blocks/CardEvent.vue.js";
+import _sfc_main$8 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
-const _hoisted_1 = { class: "pd-thin" };
+import { actions, state as state$2 } from "../../../organizations/store/organizations.js";
+import { mutations } from "../../../organizations/store/memberships.js";
+import { state, read } from "../../store/events.js";
+const _hoisted_1 = { class: "radius-tl-medium bg-white" };
+const _hoisted_2 = { class: "gap-medium pos-t-0 pos-sticky z-index-2 radius-medium" };
+const _hoisted_3 = { class: "pd-big mobile:pd-thin radius-tr-medium radius-tl-medium bg-white" };
+const _hoisted_4 = { class: "gap-medium radius-medium mn-b-big" };
+const _hoisted_5 = { class: "gap-medium radius-medium mn-b-thin" };
+const _hoisted_6 = { class: "gap-medium radius-medium mn-b-medium" };
+const _hoisted_7 = { class: "cols-4 gap-thin" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "t-medium" };
+const _hoisted_10 = { class: "text-small text-muted" };
+const _hoisted_11 = { class: "gap-medium radius-medium mn-b-medium" };
+const _hoisted_12 = { class: "gap-medium radius-medium mn-b-medium" };
+const _hoisted_13 = { class: "gap-medium radius-medium mn-b-thin" };
 const _sfc_main = {
   __name: "Events",
   setup(__props) {
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      mutations.handleMembershipUpdate(state$2.current, membership, status, target, statusName, statusNumber);
+    };
     const route = useRoute();
     const router = useRouter();
     let baseDate = /* @__PURE__ */ new Date();
     const formattedDate = formatDateForRouter(baseDate);
+    const dateOptions = [
+      { label: "Today", range: "Tue, 4th Feb" },
+      { label: "Tomorrow", range: "Wed, 5th Feb" },
+      { label: "This Weekend", range: "8th - 9th Feb" },
+      { label: "This Week", range: "3rd - 9th Feb" },
+      { label: "Next Weekend", range: "15th - 16th Feb" },
+      { label: "Next Week", range: "10th - 16th Feb" },
+      { label: "This Month", range: "1st - 28th Feb" },
+      { label: "Custom Date", range: "Pick Range" }
+    ];
+    const selectDate = (date) => {
+      console.log("Selected date:", date);
+    };
     function formatDateForRouter(date) {
       return `${date.getDate().toString().padStart(2, "0")}${(date.getMonth() + 1).toString().padStart(2, "0")}${date.getFullYear()}`;
     }
@@ -23,7 +57,7 @@ const _sfc_main = {
       const query = route.query;
       const newFilterValue = {
         tags: query.tags ? query.tags.split(",") : null,
-        date: query.date ? query.date : formattedDate
+        date: query.date ? query.date : null
       };
       state.filter = newFilterValue;
     } else {
@@ -45,57 +79,194 @@ const _sfc_main = {
       Object.assign(query, newQueryValues);
       router.push({ query });
     }, { deep: true });
+    const isCitySelectionPopup = ref(false);
+    function openCitySelectionPopup() {
+      isCitySelectionPopup.value = true;
+    }
+    function closeCitySelectionPopup() {
+      isCitySelectionPopup.value = false;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        _cache[1] || (_cache[1] = createElementVNode("header", { class: "mn-b-medium flex-v-center flex-nowrap flex" }, [
-          createElementVNode("h2", { class: "mn-r-medium" }, " Featured ")
-        ], -1)),
-        createVNode(_sfc_main$1, {
-          user: state$1.user._id,
-          class: "bg-light mn-b-medium radius-big",
-          phase: "planned",
-          status: "featured"
-        }, null, 8, ["user"]),
-        _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-b-medium" }, " All Events ", -1)),
-        createVNode(_sfc_main$2, {
-          date: state.filter.date,
-          "onUpdate:date": _cache[0] || (_cache[0] = ($event) => state.filter.date = $event),
-          locale: _ctx.$i18n.locale,
-          class: "radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium"
-        }, null, 8, ["date", "locale"]),
-        createVNode(_sfc_main$3, {
-          states: {
-            empty: {
-              title: "No Events Found",
-              description: "Currently, there are no events available."
-            }
-          },
-          store: {
-            read: (options) => read(options),
-            state
-          },
-          options: {
-            user: state$1.user._id,
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
             date: state.filter.date,
-            limit: 10
-          }
-        }, {
-          default: withCtx(({
-            items
-          }) => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
-              return openBlock(), createBlock(_sfc_main$4, {
-                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
-                key: event._id,
-                event,
+            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => state.filter.date = $event),
+            locale: _ctx.$i18n.locale,
+            options: {
+              dateStart: 0,
+              dateEnd: 30
+            },
+            class: "bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white pd-l-zero pd-r-zero pd-medium"
+          }, null, 8, ["date", "locale"])
+        ]),
+        createElementVNode("section", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("h2", { class: "mn-b-small" }, [
+              _cache[1] || (_cache[1] = createTextVNode(" Events in ")),
+              createElementVNode("p", {
+                onClick: openCitySelectionPopup,
+                class: "d-inline-block hover-bg-second hover-t-white cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra"
+              }, "Phuket")
+            ]),
+            createVNode(_sfc_main$2, {
+              onClosePopup: closeCitySelectionPopup,
+              isPopupOpen: isCitySelectionPopup.value,
+              class: "w-m-33r t-left pd-medium bg-white radius-semi"
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$3)
+              ]),
+              _: 1
+            }, 8, ["isPopupOpen"]),
+            createVNode(_sfc_main$4, {
+              options: {
+                status: "featured"
+              },
+              class: "mn-big-negative pd-big"
+            })
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            _cache[2] || (_cache[2] = createElementVNode("h3", { class: "mn-b-small" }, " Popular Events ", -1)),
+            createVNode(_sfc_main$5, { class: "gap-thin" })
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            _cache[3] || (_cache[3] = createElementVNode("h3", { class: "mn-b-small" }, " Explore by Date ", -1)),
+            createElementVNode("div", _hoisted_7, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(dateOptions, (date, index) => {
+                return createElementVNode("div", {
+                  key: index,
+                  class: "bg-light radius-medium pd-medium cursor-pointer",
+                  onClick: ($event) => selectDate(date)
+                }, [
+                  createElementVNode("h4", _hoisted_9, toDisplayString(date.label), 1),
+                  createElementVNode("div", _hoisted_10, toDisplayString(date.range), 1)
+                ], 8, _hoisted_8);
+              }), 64))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            _cache[4] || (_cache[4] = createElementVNode("h3", { class: "mn-b-small" }, " Popular Events ", -1)),
+            createVNode(_sfc_main$6, {
+              showLoadMore: false,
+              LoadMore: false,
+              states: {
+                empty: {
+                  title: "No Events Today",
+                  description: "Currently, there are no events available."
+                }
+              },
+              store: {
+                read: (options) => read(options),
+                state
+              },
+              options: {
                 user: state$1.user._id,
-                type: "normal",
-                class: "bg-light radius-big mn-b-medium"
-              }, null, 8, ["onClick", "event", "user"]);
-            }), 128))
+                limit: 3,
+                page: 1
+              },
+              class: "cols-3 gap-thin"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
+                  return openBlock(), createBlock(_sfc_main$7, {
+                    onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                    key: event._id,
+                    event,
+                    user: state$1.user._id,
+                    type: "normal",
+                    class: "bg-light radius-big mn-b-thin"
+                  }, null, 8, ["onClick", "event", "user"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
           ]),
-          _: 1
-        }, 8, ["store", "options"])
+          createElementVNode("div", _hoisted_12, [
+            _cache[5] || (_cache[5] = createElementVNode("h3", { class: "mn-b-small" }, " Most Happening Organizers ", -1)),
+            createVNode(_sfc_main$6, {
+              showLoadMore: false,
+              LoadMore: false,
+              states: {
+                empty: {
+                  title: "No Organization Found",
+                  description: "Currently, there are no organization available."
+                }
+              },
+              store: {
+                read: (options) => actions.read(options),
+                state: state$2
+              },
+              options: {
+                user: state$1.user._id,
+                sort: "numberOfMemberships",
+                contain: ["blogposts"],
+                lookup: ["blogposts"],
+                limit: 8
+              },
+              class: "cols-4 gap-thin"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
+                  return openBlock(), createBlock(_sfc_main$8, {
+                    key: organization._id,
+                    organization,
+                    user: state$1.user,
+                    showProducts: false,
+                    showRating: false,
+                    showFeatured: false,
+                    showFollowers: false,
+                    onUpdateMembership: handleMembershipUpdate,
+                    class: "pd-small w-100 pd-0 bg-light radius-semi o-hidden"
+                  }, null, 8, ["organization", "user"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          createElementVNode("div", _hoisted_13, [
+            _cache[6] || (_cache[6] = createElementVNode("h3", { class: "mn-b-small" }, " All Events ", -1)),
+            createVNode(_sfc_main$6, {
+              search: true,
+              showLoadMore: false,
+              states: {
+                empty: {
+                  title: "No Events Today",
+                  description: "Currently, there are no events available."
+                }
+              },
+              store: {
+                read: (options) => read(options),
+                state
+              },
+              options: {
+                user: state$1.user._id,
+                limit: 10
+              },
+              class: "cols-3 gap-thin"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
+                  return openBlock(), createBlock(_sfc_main$7, {
+                    onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                    key: event._id,
+                    event,
+                    user: state$1.user._id,
+                    type: "normal",
+                    class: "bg-light radius-big mn-t-thin"
+                  }, null, 8, ["onClick", "event", "user"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ])
+        ])
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2\n        class=\"mn-r-medium\"\n      >\n        Featured\n      </h2>\n    </header>\n    \n    <List\n      :user=\"auth.state.user._id\"\n      class=\"bg-light mn-b-medium radius-big\"\n      :phase=\"'planned'\"\n      :status=\"'featured'\"\n    />\n\n    <h2\n      class=\"mn-b-medium\"\n    >\n      All Events\n    </h2>\n\n    <DatePicker\n      v-model:date=\"events.state.filter.date\"\n      :locale=\"$i18n.locale\"\n      class=\"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium\"\n    />\n\n    <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n        state: events.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          date: events.state.filter.date,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      >\n      </CardEvent>\n    </Feed>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : formattedDate,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["events.state"],"mappings":";;;;;;;;;;;;;;AAiFE,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIA,YAAa,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,YAAa,SAAS;AAAA,IACvB;AAED,UAAM,MAAMA,MAAa,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"radius-tl-medium bg-white\"> \n\n\n    <div class=\"gap-medium pos-t-0 pos-sticky z-index-2 radius-medium \">\n      <DatePicker\n        v-model:date=\"events.state.filter.date\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-medium\"\n      />\n    </div>\n\n   <section class=\"pd-big mobile:pd-thin radius-tr-medium radius-tl-medium bg-white\"> \n\n    <div class=\"gap-medium radius-medium mn-b-big\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n        status: 'featured'\n      }\"\n      class=\" mn-big-negative pd-big\"\n    />\n    </div>\n\n\n    <div class=\"gap-medium radius-medium mn-b-thin\">\n      <h3\n        class=\"mn-b-small\"\n      >\n        Popular Events\n      </h3>\n      <FeaturedEvents class=\"gap-thin\"/>\n    </div>\n\n    <div class=\"gap-medium radius-medium mn-b-medium\">\n      <h3 class=\"mn-b-small\">\n        Explore by Date\n      </h3>\n      \n      <div class=\"cols-4 gap-thin\">\n        <div \n          v-for=\"(date, index) in dateOptions\" \n          :key=\"index\"\n          class=\"bg-light radius-medium pd-medium cursor-pointer\"\n          @click=\"selectDate(date)\"\n        >\n          <h4 class=\"t-medium\">{{ date.label }}</h4>\n          <div class=\"text-small text-muted\">{{ date.range }}</div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"gap-medium radius-medium mn-b-medium\">\n      \n      <h3\n        class=\"mn-b-small\"\n      >\n        Popular Events\n      </h3>\n      \n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 3,\n            page: 1\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-big mn-b-thin\"\n        >\n        </CardEvent>\n      </Feed>\n      \n\n    </div>\n\n    <div class=\"gap-medium radius-medium mn-b-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 8\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-medium radius-medium mn-b-thin\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 10\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 gap-thin\"\n      >\n         <CardEvent \n          @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n          v-for=\"(event,index) in items\" \n          :key=\"event._id\" \n          :event=\"event\" \n          :user=\"auth.state.user._id\" \n          :type=\"'normal'\"\n          class=\"bg-light radius-big mn-t-thin\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import Popup from '@pf/src/components/Popup/Popup.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@pf/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@pf/src/modules/events/components/sections/FeaturedEvents.vue';   \n\n  import EventsHot from '@pf/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n  import * as organizations from '@pf/src/modules/organizations/store/organizations'\n  import * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\n  import * as events from '@pf/src/modules/events/store/events.js'; \n\n  const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n    memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n  };\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n\n  const dateOptions = [\n    { label: 'Today', range: 'Tue, 4th Feb' },\n    { label: 'Tomorrow', range: 'Wed, 5th Feb' },\n    { label: 'This Weekend', range: '8th - 9th Feb' },\n    { label: 'This Week', range: '3rd - 9th Feb' },\n    { label: 'Next Weekend', range: '15th - 16th Feb' },\n    { label: 'Next Week', range: '10th - 16th Feb' },\n    { label: 'This Month', range: '1st - 28th Feb' },\n    { label: 'Custom Date', range: 'Pick Range' }\n  ];\n\n  const selectDate = (date) => {\n    // Здесь можно добавить логику выбора даты\n    console.log('Selected date:', date);\n  };\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : null,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["memberships.mutations","organizations.state","events.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6OE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAClI;AAEE,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,UAAM,cAAc;AAAA,MAClB,EAAE,OAAO,SAAS,OAAO,eAAgB;AAAA,MACzC,EAAE,OAAO,YAAY,OAAO,eAAgB;AAAA,MAC5C,EAAE,OAAO,gBAAgB,OAAO,gBAAiB;AAAA,MACjD,EAAE,OAAO,aAAa,OAAO,gBAAiB;AAAA,MAC9C,EAAE,OAAO,gBAAgB,OAAO,kBAAmB;AAAA,MACnD,EAAE,OAAO,aAAa,OAAO,kBAAmB;AAAA,MAChD,EAAE,OAAO,cAAc,OAAO,iBAAkB;AAAA,MAChD,EAAE,OAAO,eAAe,OAAO,aAAc;AAAA,IACjD;AAEE,UAAM,aAAa,CAAC,SAAS;AAE3B,cAAQ,IAAI,kBAAkB,IAAI;AAAA,IACtC;AAEE,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIC,YAAa,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,YAAa,SAAS;AAAA,IACvB;AAED,UAAM,MAAMA,MAAa,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;AAEjB,UAAM,uBAAuB,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IAC9B;AACD,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                         */
+;/* empty css                                              */
+;/* empty css                                               */
+;/* empty css                                        */
+;/* empty css                                           */
+;/* empty css                                      */
+const Slider = require("../../../../components/Slider/Slider.vue.cjs");
+const Media = require("../../../../components/Media/Media.vue.cjs");
+const events = require("../../store/events.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+;/* empty css                 */
+const _hoisted_1 = { class: "pos-relative z-index-2" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+};
+const _hoisted_4 = { class: "t-semi t-black" };
+const _sfc_main = {
+  __name: "EventsHot",
+  props: {
+    skip: {
+      type: Number,
+      default: 0
+    },
+    limit: {
+      type: Number,
+      default: 8
+    },
+    userId: {
+      type: String,
+      default: () => auth.state.user._id
+    },
+    period: {
+      type: String,
+      default: "year"
+    },
+    status: {
+      type: String,
+      default: "featured"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createBlock(Slider.default, {
+        store: {
+          read: (options) => events.read({
+            skip: __props.skip,
+            limit: __props.limit,
+            user: __props.userId,
+            period: __props.period,
+            status: __props.status
+          })
+        },
+        text: {
+          en: {
+            title: "No Featured Events Found",
+            description: "Currently, there are no featured events available."
+          }
+        },
+        class: "slider-hotpost flex-child-default"
+      }, {
+        default: vue.withCtx(({
+          item
+        }) => [
+          vue.createVNode(_component_router_link, {
+            to: { name: "Event", params: { url: item.url } },
+            class: "cursor-pointer pos-relative flex flex-justify-end flex-column h-25r bg-semi radius-medium o-hidden pd-medium t-white bg-dark"
+          }, {
+            default: vue.withCtx(() => {
+              var _a;
+              return [
+                vue.createVNode(Media.default, {
+                  url: (_ctx.FILE_SERVER_URL || "") + item.cover,
+                  class: "pos-absolute pos-t-0 pos-r-0 z-index-1 w-100 h-100 object-fit-cover bg-light"
+                }, null, 8, ["url"]),
+                vue.createElementVNode("div", _hoisted_1, [
+                  vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(item.name), 1),
+                  ((_a = item.date) == null ? void 0 : _a.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
+                    vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.location) + " / " + vue.toDisplayString(_ctx.formatDate(item.date.start, { language: _ctx.$i18n.locale, monthName: true })), 1)
+                  ])) : vue.createCommentVNode("", true)
+                ])
+              ];
+            }),
+            _: 2
+          }, 1032, ["to"])
+        ]),
+        _: 1
+      }, 8, ["store"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EventsHot.vue.cjs.map

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs.map

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

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js

@@ -0,0 +1,98 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
+/* empty css                                       */
+/* empty css                                            */
+/* empty css                                             */
+/* empty css                                      */
+/* empty css                                         */
+/* empty css                                    */
+import Slider from "../../../../components/Slider/Slider.vue.js";
+import Media from "../../../../components/Media/Media.vue.js";
+import { read } from "../../store/events.js";
+import { state } from "../../../auth/views/store/auth.js";
+/* empty css               */
+const _hoisted_1 = { class: "pos-relative z-index-2" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+};
+const _hoisted_4 = { class: "t-semi t-black" };
+const _sfc_main = {
+  __name: "EventsHot",
+  props: {
+    skip: {
+      type: Number,
+      default: 0
+    },
+    limit: {
+      type: Number,
+      default: 8
+    },
+    userId: {
+      type: String,
+      default: () => state.user._id
+    },
+    period: {
+      type: String,
+      default: "year"
+    },
+    status: {
+      type: String,
+      default: "featured"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createBlock(Slider, {
+        store: {
+          read: (options) => read({
+            skip: __props.skip,
+            limit: __props.limit,
+            user: __props.userId,
+            period: __props.period,
+            status: __props.status
+          })
+        },
+        text: {
+          en: {
+            title: "No Featured Events Found",
+            description: "Currently, there are no featured events available."
+          }
+        },
+        class: "slider-hotpost flex-child-default"
+      }, {
+        default: withCtx(({
+          item
+        }) => [
+          createVNode(_component_router_link, {
+            to: { name: "Event", params: { url: item.url } },
+            class: "cursor-pointer pos-relative flex flex-justify-end flex-column h-25r bg-semi radius-medium o-hidden pd-medium t-white bg-dark"
+          }, {
+            default: withCtx(() => {
+              var _a;
+              return [
+                createVNode(Media, {
+                  url: (_ctx.FILE_SERVER_URL || "") + item.cover,
+                  class: "pos-absolute pos-t-0 pos-r-0 z-index-1 w-100 h-100 object-fit-cover bg-light"
+                }, null, 8, ["url"]),
+                createElementVNode("div", _hoisted_1, [
+                  createElementVNode("h3", _hoisted_2, toDisplayString(item.name), 1),
+                  ((_a = item.date) == null ? void 0 : _a.start) ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                    createElementVNode("span", _hoisted_4, toDisplayString(item.location) + " / " + toDisplayString(_ctx.formatDate(item.date.start, { language: _ctx.$i18n.locale, monthName: true })), 1)
+                  ])) : createCommentVNode("", true)
+                ])
+              ];
+            }),
+            _: 2
+          }, 1032, ["to"])
+        ]),
+        _: 1
+      }, 8, ["store"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EventsHot.vue.js.map

package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js.map

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

package/dist/prometheus-framework/src/modules/events/components/sections/FeaturedEvents.vue.cjs

@@ -5,9 +5,9 @@ const vueRouter = require("vue-router");
 const List = require("./List.vue.cjs");
 require("../../store/events.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
-const _hoisted_1 = { class: "cols-2 gap-medium pd-medium bg-light radius-big" };
-const _hoisted_2 = { class: "" };
-const _hoisted_3 = { class: "" };
+const _hoisted_1 = { class: "cols-2" };
+const _hoisted_2 = { class: "bg-light pd-medium mn-b-medium radius-semi" };
+const _hoisted_3 = { class: "bg-light pd-medium mn-b-medium radius-semi" };
 const _sfc_main = {
   __name: "FeaturedEvents",
   setup(__props) {
@@ -16,19 +16,19 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = vue.createElementVNode("h3", { class: "mn-b-medium" }, " Finished Events ", -1)),
+          _cache[0] || (_cache[0] = vue.createElementVNode("h4", { class: "mn-b-small" }, " Planned ", -1)),
           vue.createVNode(List.default, {
             user: auth.state.user._id,
-            class: "bg-white mn-b-medium radius-big",
-            phase: "finished"
+            class: "bg-white radius-medium",
+            phase: "planned"
           }, null, 8, ["user"])
         ]),
         vue.createElementVNode("div", _hoisted_3, [
-          _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "mn-b-medium" }, " Planned ", -1)),
+          _cache[1] || (_cache[1] = vue.createElementVNode("h4", { class: "mn-b-small" }, " Finished ", -1)),
           vue.createVNode(List.default, {
             user: auth.state.user._id,
-            class: "bg-white mn-b-medium radius-big",
-            phase: "planned"
+            class: "bg-white radius-medium",
+            phase: "finished"
           }, null, 8, ["user"])
         ])
       ]);

package/dist/prometheus-framework/src/modules/events/components/sections/FeaturedEvents.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedEvents.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/FeaturedEvents.vue"],"sourcesContent":["<template>\n  <div class=\"cols-2 gap-medium pd-medium bg-light radius-big\">\n    <div class=\"\">\n      <h3\n        class=\"mn-b-medium\"\n      >\n        Finished Events\n      </h3>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white mn-b-medium radius-big\"\n        :phase=\"'finished'\"\n      />\n    </div>\n\n    <div class=\"\">\n      <h3\n        class=\"mn-b-medium\"\n      >\n        Planned\n      </h3>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white mn-b-medium radius-big\"\n        :phase=\"'planned'\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;AAwCgBA,uBAAW;AACVC,wBAAY;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FeaturedEvents.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/FeaturedEvents.vue"],"sourcesContent":["<template>\n  <div class=\"cols-2\">\n        <div class=\"bg-light pd-medium mn-b-medium radius-semi\">\n      <h4\n        class=\"mn-b-small\"\n      >\n        Planned\n      </h4>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white radius-medium\"\n        :phase=\"'planned'\"\n      />\n    </div>\n\n    <div class=\"bg-light pd-medium  mn-b-medium radius-semi\">\n      <h4\n        class=\"mn-b-small\"\n      >\n        Finished \n      </h4>\n      <List\n        :user=\"auth.state.user._id\"\n        class=\"bg-white radius-medium\"\n        :phase=\"'finished'\"\n      />\n    </div>\n\n\n  </div>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;AA0CgBA,uBAAW;AACVC,wBAAY;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/sections/FeaturedEvents.vue.js

@@ -3,9 +3,9 @@ import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "./List.vue.js";
 import "../../store/events.js";
 import { state } from "../../../auth/views/store/auth.js";
-const _hoisted_1 = { class: "cols-2 gap-medium pd-medium bg-light radius-big" };
-const _hoisted_2 = { class: "" };
-const _hoisted_3 = { class: "" };
+const _hoisted_1 = { class: "cols-2" };
+const _hoisted_2 = { class: "bg-light pd-medium mn-b-medium radius-semi" };
+const _hoisted_3 = { class: "bg-light pd-medium mn-b-medium radius-semi" };
 const _sfc_main = {
   __name: "FeaturedEvents",
   setup(__props) {
@@ -14,19 +14,19 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = createElementVNode("h3", { class: "mn-b-medium" }, " Finished Events ", -1)),
+          _cache[0] || (_cache[0] = createElementVNode("h4", { class: "mn-b-small" }, " Planned ", -1)),
           createVNode(_sfc_main$1, {
             user: state.user._id,
-            class: "bg-white mn-b-medium radius-big",
-            phase: "finished"
+            class: "bg-white radius-medium",
+            phase: "planned"
           }, null, 8, ["user"])
         ]),
         createElementVNode("div", _hoisted_3, [
-          _cache[1] || (_cache[1] = createElementVNode("h3", { class: "mn-b-medium" }, " Planned ", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("h4", { class: "mn-b-small" }, " Finished ", -1)),
           createVNode(_sfc_main$1, {
             user: state.user._id,
-            class: "bg-white mn-b-medium radius-big",
-            phase: "planned"
+            class: "bg-white radius-medium",
+            phase: "finished"
           }, null, 8, ["user"])
         ])
       ]);