@ozdao/martyrs 0.2.454 → 0.2.456

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

@@ -9,6 +9,7 @@ const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const DatePicker = require("../../../../components/DatePicker/DatePicker.vue.cjs");
 const CitySelection = require("../../../globals/views/components/partials/CitySelection.vue.cjs");
 const FeaturedEvents = require("../sections/FeaturedEvents.vue.cjs");
+const SelectDate = require("../sections/SelectDate.vue.cjs");
 const EventsHot = require("../sections/EventsHot.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
@@ -16,71 +17,20 @@ const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const memberships = require("../../../organizations/store/memberships.cjs");
 const events = require("../../store/events.cjs");
-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_1 = { class: "bg-white" };
+const _hoisted_2 = { class: "gap-medium pos-t-0 pos-sticky z-index-3 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 _hoisted_4 = { class: "gap-medium radius-medium mn-b-semi" };
+const _hoisted_5 = { class: "gap-medium radius-medium mn-b-semi" };
+const _hoisted_6 = { class: "gap-medium radius-medium" };
 const _sfc_main = {
   __name: "Events",
   setup(__props) {
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
       memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
     };
-    const route = vueRouter.useRoute();
+    vueRouter.useRoute();
     const router = vueRouter.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()}`;
-    }
-    if (route.query) {
-      const query = route.query;
-      const newFilterValue = {
-        tags: query.tags ? query.tags.split(",") : null,
-        date: query.date ? query.date : null
-      };
-      events.state.filter = newFilterValue;
-    } else {
-      const newFilterValue = {
-        date: formattedDate
-      };
-      events.state.filter = newFilterValue;
-    }
-    vue.watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {
-      const query = { ...route.query };
-      Object.keys(oldFilterValue).forEach((key) => {
-        if (query[key]) {
-          delete query[key];
-        }
-      });
-      const newQueryValues = Object.fromEntries(
-        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0 || typeof value === "string" && value).map(([key, value]) => [key, Array.isArray(value) ? value.join(",") : value])
-      );
-      Object.assign(query, newQueryValues);
-      router.push({ query });
-    }, { deep: true });
     const isCitySelectionPopup = vue.ref(false);
     function openCitySelectionPopup() {
       isCitySelectionPopup.value = true;
@@ -88,24 +38,50 @@ const _sfc_main = {
     function closeCitySelectionPopup() {
       isCitySelectionPopup.value = false;
     }
+    const handleDatePickerChange = (date) => {
+      if (date) {
+        const selectedDate = new Date(date);
+        const startOfDay = new Date(selectedDate);
+        startOfDay.setHours(0, 0, 0, 0);
+        const endOfDay = new Date(selectedDate);
+        endOfDay.setHours(23, 59, 59, 999);
+        router.push({
+          name: "Events Search",
+          query: {
+            period: "day",
+            periodStart: startOfDay.toISOString(),
+            periodEnd: endOfDay.toISOString()
+          }
+        });
+      }
+    };
+    const handleDateSelection = (dateData) => {
+      console.log("Selected date data:", dateData);
+      router.push({
+        name: "Events Search",
+        query: {
+          periodStart: dateData.startDate.toISOString(),
+          periodEnd: dateData.endDate.toISOString()
+        }
+      });
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(DatePicker.default, {
-            date: events.state.filter.date,
-            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => events.state.filter.date = $event),
+            "onUpdate:date": handleDatePickerChange,
             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"])
+          }, null, 8, ["locale"])
         ]),
         vue.createElementVNode("section", _hoisted_3, [
           vue.createElementVNode("div", _hoisted_4, [
             vue.createElementVNode("h2", { class: "mn-b-small" }, [
-              _cache[1] || (_cache[1] = vue.createTextVNode(" Events in ")),
+              _cache[0] || (_cache[0] = vue.createTextVNode(" Events in ")),
               vue.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"
@@ -121,73 +97,15 @@ const _sfc_main = {
               ]),
               _: 1
             }, 8, ["isPopupOpen"]),
-            vue.createVNode(EventsHot.default, {
-              options: {
-                status: "featured"
-              },
-              class: "mn-big-negative pd-big"
-            })
+            vue.createVNode(EventsHot.default, { options: {} })
           ]),
+          vue.createVNode(FeaturedEvents.default, { class: "mn-b-semi" }),
+          vue.createVNode(SelectDate.default, {
+            class: "mn-b-semi",
+            onDateSelected: handleDateSelection
+          }),
           vue.createElementVNode("div", _hoisted_5, [
-            _cache[2] || (_cache[2] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Popular Events ", -1)),
-            vue.createVNode(FeaturedEvents.default, { class: "gap-thin" })
-          ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Explore by Date ", -1)),
-            vue.createElementVNode("div", _hoisted_7, [
-              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(dateOptions, (date, index) => {
-                return vue.createElementVNode("div", {
-                  key: index,
-                  class: "bg-light radius-medium pd-medium cursor-pointer",
-                  onClick: ($event) => selectDate(date)
-                }, [
-                  vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(date.label), 1),
-                  vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(date.range), 1)
-                ], 8, _hoisted_8);
-              }), 64))
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_11, [
-            _cache[4] || (_cache[4] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Popular Events ", -1)),
-            vue.createVNode(Feed.default, {
-              showLoadMore: false,
-              LoadMore: false,
-              states: {
-                empty: {
-                  title: "No Events Today",
-                  description: "Currently, there are no events available."
-                }
-              },
-              store: {
-                read: (options) => events.read(options),
-                state: events.state
-              },
-              options: {
-                user: auth.state.user._id,
-                limit: 3,
-                page: 1
-              },
-              class: "cols-3 gap-thin"
-            }, {
-              default: vue.withCtx(({
-                items
-              }) => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (event, index) => {
-                  return vue.openBlock(), vue.createBlock(CardEvent.default, {
-                    onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
-                    key: event._id,
-                    event,
-                    user: auth.state.user._id,
-                    type: "normal",
-                    class: "bg-light radius-big mn-b-thin"
-                  }, null, 8, ["onClick", "event", "user"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["store", "options"])
-          ]),
-          vue.createElementVNode("div", _hoisted_12, [
-            _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Most Happening Organizers ", -1)),
+            _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "mn-b-small" }, " Most Happening Organizers ", -1)),
             vue.createVNode(Feed.default, {
               showLoadMore: false,
               LoadMore: false,
@@ -206,9 +124,9 @@ const _sfc_main = {
                 sort: "numberOfMemberships",
                 contain: ["blogposts"],
                 lookup: ["blogposts"],
-                limit: 8
+                limit: 6
               },
-              class: "cols-4 gap-thin"
+              class: "cols-2 gap-thin"
             }, {
               default: vue.withCtx(({
                 items
@@ -230,8 +148,8 @@ const _sfc_main = {
               _: 1
             }, 8, ["store", "options"])
           ]),
-          vue.createElementVNode("div", _hoisted_13, [
-            _cache[6] || (_cache[6] = vue.createElementVNode("h3", { class: "mn-b-small" }, " All Events ", -1)),
+          vue.createElementVNode("div", _hoisted_6, [
+            _cache[2] || (_cache[2] = vue.createElementVNode("h3", { class: "mn-b-small" }, " All Events ", -1)),
             vue.createVNode(Feed.default, {
               search: true,
               showLoadMore: false,
@@ -247,7 +165,7 @@ const _sfc_main = {
               },
               options: {
                 user: auth.state.user._id,
-                limit: 10
+                limit: 9
               },
               class: "cols-3 gap-thin"
             }, {
@@ -261,7 +179,7 @@ const _sfc_main = {
                     event,
                     user: auth.state.user._id,
                     type: "normal",
-                    class: "bg-light radius-big mn-t-thin"
+                    class: "bg-light radius-big"
                   }, null, 8, ["onClick", "event", "user"]);
                 }), 128))
               ]),

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

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.cjs","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 '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations'\n  import * as memberships from '@martyrs/src/modules/organizations/store/memberships'\n\n\n  import * as events from '@martyrs/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","useRoute","useRouter","events.state","watch","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6OE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;AAED,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,WAAW,oBAAI,KAAM;AACzB,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,aAAY;AAAA,IAC5C;AAED,UAAM,aAAa,CAAC,SAAS;AAE3B,cAAQ,IAAI,kBAAkB,IAAI;AAAA,IACnC;AAED,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,UAAU,WAAW,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAQ,IAAK,GAAG,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAW,CAAE;AAAA,IACjI;AAEE,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,MACjC;AAEDC,aAAY,MAAC,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACP;AAEDA,aAAY,MAAC,SAAS;AAAA,IAC1B;AAEEC,QAAAA,MAAM,MAAMD,OAAY,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAEhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,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,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,OAAO;AAAA,IACzB,GAAK,EAAE,MAAM,KAAM,CAAA;AAEjB,UAAM,uBAAuBE,IAAAA,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IACjC;AACE,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"bg-white\"> \n    <div class=\"gap-medium pos-t-0 pos-sticky z-index-3 radius-medium \">\n      <DatePicker\n        @update:date=\"handleDatePickerChange\"\n        :locale=\"$i18n.locale\"\n        :options=\"{\n          dateStart: 0,\n          dateEnd: 30\n        }\"\n        class=\"bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-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-semi\">\n      <h2\n        class=\"mn-b-small\"\n      >\n        Events in <p @click=\"openCitySelectionPopup\" class=\"d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra\">Phuket</p>\n      </h2>\n\n      <Popup  \n        @close-popup=\"closeCitySelectionPopup\" \n        :isPopupOpen=\"isCitySelectionPopup\"\n        class=\"w-m-33r t-left pd-medium bg-white radius-semi\"\n\n      >\n        <CitySelection/>\n      </Popup>\n\n     <EventsHot \n      :options=\"{\n      }\"\n    />\n    </div>\n\n\n    <FeaturedEvents class=\"mn-b-semi\"/>\n    <SelectDate \n      class=\"mn-b-semi\"\n      @date-selected=\"handleDateSelection\" \n    />\n\n    <div class=\"gap-medium radius-medium mn-b-semi\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n         Most Happening Organizers\n      </h3>\n      <Feed\n        :showLoadMore=\"false\"\n        :LoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Organization Found',\n            description: 'Currently, there are no organization available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => organizations.actions.read(options),\n          state: organizations.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            sort: 'numberOfMemberships',\n            contain: ['blogposts'],\n            lookup: ['blogposts'],\n            limit: 6\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-2 gap-thin\"\n      >\n        <CardOrganization \n          v-for=\"organization in items\"\n          :key=\"organization._id\" \n          :organization=\"organization\"\n          :user=\"auth.state.user\"\n          :showProducts=\"false\"\n          :showRating=\"false\"\n          :showFeatured=\"false\"\n          :showFollowers=\"false\"\n          @updateMembership=\"handleMembershipUpdate\"\n          class=\"pd-small w-100 pd-0 bg-light radius-semi o-hidden\"\n        />\n      </Feed>\n\n    </div>\n    \n    <div class=\"gap-medium radius-medium\">\n\n      <h3\n        class=\"mn-b-small\"\n      >\n        All Events\n      </h3>\n\n      <Feed\n        :search=\"true\"\n         :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Events Today',\n            description: 'Currently, there are no events available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => events.read(options),\n          state: events.state\n        }\"\n        :options=\"{\n            user: auth.state.user._id,\n            limit: 9\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-3 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\"\n        >\n        </CardEvent>\n      </Feed>\n\n    </div>\n\n    </section>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import DatePicker from '@martyrs/src/components/DatePicker/DatePicker.vue'\n\n  import CitySelection from '@martyrs/src/modules/globals/views/components/partials/CitySelection.vue';\n\n  import FeaturedEvents from '@martyrs/src/modules/events/components/sections/FeaturedEvents.vue';   \n  import SelectDate from '@martyrs/src/modules/events/components/sections/SelectDate.vue';   \n\n  import EventsHot from '@martyrs/src/modules/events/components/sections/EventsHot.vue';   \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  // Import state\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth'\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations'\n  import * as memberships from '@martyrs/src/modules/organizations/store/memberships'\n\n\n  import * as events from '@martyrs/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  // function formatDateForRouter(date) {\n  //   return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  // }\n\n  // if (route.query) {\n  //   const query = route.query;\n    \n  //   const newFilterValue = {\n  //     tags: query.tags ? query.tags.split(',') : null,\n  //     date: query.date ? query.date : null,\n  //   };\n\n  //   events.state.filter = newFilterValue;  // <-- Modified\n  // } else {\n  //   const newFilterValue = {\n  //     date: formattedDate,\n  //   };\n\n  //   events.state.filter = newFilterValue;\n  // }\n\n  // watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n  //   const query = { ...route.query };\n\n  //   Object.keys(oldFilterValue).forEach(key => {\n  //     if (query[key]) {\n  //       delete query[key];\n  //     }\n  //   });\n\n  //   const newQueryValues = Object.fromEntries(\n  //     Object.entries(newFilterValue)\n  //       .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n  //       .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n  //   );\n  //   Object.assign(query, newQueryValues);\n\n  //   router.push({ query });\n  // }, { deep: true })\n\n  const isCitySelectionPopup = ref(false)\n\n  function openCitySelectionPopup() {\n    isCitySelectionPopup.value = true;\n  }\n  function closeCitySelectionPopup() {\n    isCitySelectionPopup.value = false;\n  }\n \n  const handleDatePickerChange = (date) => {\n    if (date) {\n      // Убедимся, что у нас действительно объект даты\n      const selectedDate = new Date(date);\n      \n      // Создаем начало дня в локальной временной зоне\n      const startOfDay = new Date(selectedDate);\n      startOfDay.setHours(0, 0, 0, 0);\n      \n      // Создаем конец дня в локальной временной зоне\n      const endOfDay = new Date(selectedDate);\n      endOfDay.setHours(23, 59, 59, 999);\n      \n      router.push({\n        name: 'Events Search',\n        query: {\n          period: 'day',\n          periodStart: startOfDay.toISOString(),\n          periodEnd: endOfDay.toISOString()\n        }\n      });\n    }\n  };\n\n  // Update the existing handleDateSelection method\n  const handleDateSelection = (dateData) => {\n    console.log('Selected date data:', dateData);\n    router.push({\n      name: 'Events Search',\n      query: {\n        periodStart: dateData.startDate.toISOString(),\n        periodEnd: dateData.endDate.toISOString()\n      }\n    });\n  };\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["memberships.mutations","organizations.state","useRoute","useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;AAEaC,cAAQ,SAAA;AACtB,UAAM,SAASC,UAAAA,UAAW;AA6C1B,UAAM,uBAAuBC,IAAAA,IAAI,KAAK;AAEtC,aAAS,yBAAyB;AAChC,2BAAqB,QAAQ;AAAA,IACjC;AACE,aAAS,0BAA0B;AACjC,2BAAqB,QAAQ;AAAA,IACjC;AAEE,UAAM,yBAAyB,CAAC,SAAS;AACvC,UAAI,MAAM;AAER,cAAM,eAAe,IAAI,KAAK,IAAI;AAGlC,cAAM,aAAa,IAAI,KAAK,YAAY;AACxC,mBAAW,SAAS,GAAG,GAAG,GAAG,CAAC;AAG9B,cAAM,WAAW,IAAI,KAAK,YAAY;AACtC,iBAAS,SAAS,IAAI,IAAI,IAAI,GAAG;AAEjC,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,aAAa,WAAW,YAAa;AAAA,YACrC,WAAW,SAAS,YAAW;AAAA,UACzC;AAAA,QACA,CAAO;AAAA,MACP;AAAA,IACG;AAGD,UAAM,sBAAsB,CAAC,aAAa;AACxC,cAAQ,IAAI,uBAAuB,QAAQ;AAC3C,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,UACL,aAAa,SAAS,UAAU,YAAa;AAAA,UAC7C,WAAW,SAAS,QAAQ,YAAW;AAAA,QAC/C;AAAA,MACA,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Events.vue.js

@@ -1,4 +1,4 @@
-import { watch, ref, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, withCtx, Fragment, renderList, toDisplayString, createBlock } from "vue";
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
@@ -6,79 +6,29 @@ 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 FeaturedEvents from "../sections/FeaturedEvents.vue.js";
+import _sfc_main$5 from "../sections/SelectDate.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";
-import { state as state$2, actions } from "../../../organizations/store/organizations.js";
+import _sfc_main$8 from "../blocks/CardEvent.vue.js";
+import _sfc_main$7 from "../../../organizations/components/blocks/CardOrganization.vue.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { state as state$1, actions } 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" };
+import { state as state$2, read } from "../../store/events.js";
+const _hoisted_1 = { class: "bg-white" };
+const _hoisted_2 = { class: "gap-medium pos-t-0 pos-sticky z-index-3 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 _hoisted_4 = { class: "gap-medium radius-medium mn-b-semi" };
+const _hoisted_5 = { class: "gap-medium radius-medium mn-b-semi" };
+const _hoisted_6 = { class: "gap-medium radius-medium" };
 const _sfc_main = {
   __name: "Events",
   setup(__props) {
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      mutations.handleMembershipUpdate(state$2.current, membership, status, target, statusName, statusNumber);
+      mutations.handleMembershipUpdate(state$1.current, membership, status, target, statusName, statusNumber);
     };
-    const route = useRoute();
+    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()}`;
-    }
-    if (route.query) {
-      const query = route.query;
-      const newFilterValue = {
-        tags: query.tags ? query.tags.split(",") : null,
-        date: query.date ? query.date : null
-      };
-      state.filter = newFilterValue;
-    } else {
-      const newFilterValue = {
-        date: formattedDate
-      };
-      state.filter = newFilterValue;
-    }
-    watch(() => state.filter, (newFilterValue, oldFilterValue) => {
-      const query = { ...route.query };
-      Object.keys(oldFilterValue).forEach((key) => {
-        if (query[key]) {
-          delete query[key];
-        }
-      });
-      const newQueryValues = Object.fromEntries(
-        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0 || typeof value === "string" && value).map(([key, value]) => [key, Array.isArray(value) ? value.join(",") : value])
-      );
-      Object.assign(query, newQueryValues);
-      router.push({ query });
-    }, { deep: true });
     const isCitySelectionPopup = ref(false);
     function openCitySelectionPopup() {
       isCitySelectionPopup.value = true;
@@ -86,24 +36,50 @@ const _sfc_main = {
     function closeCitySelectionPopup() {
       isCitySelectionPopup.value = false;
     }
+    const handleDatePickerChange = (date) => {
+      if (date) {
+        const selectedDate = new Date(date);
+        const startOfDay = new Date(selectedDate);
+        startOfDay.setHours(0, 0, 0, 0);
+        const endOfDay = new Date(selectedDate);
+        endOfDay.setHours(23, 59, 59, 999);
+        router.push({
+          name: "Events Search",
+          query: {
+            period: "day",
+            periodStart: startOfDay.toISOString(),
+            periodEnd: endOfDay.toISOString()
+          }
+        });
+      }
+    };
+    const handleDateSelection = (dateData) => {
+      console.log("Selected date data:", dateData);
+      router.push({
+        name: "Events Search",
+        query: {
+          periodStart: dateData.startDate.toISOString(),
+          periodEnd: dateData.endDate.toISOString()
+        }
+      });
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$1, {
-            date: state.filter.date,
-            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => state.filter.date = $event),
+            "onUpdate:date": handleDatePickerChange,
             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"])
+          }, null, 8, ["locale"])
         ]),
         createElementVNode("section", _hoisted_3, [
           createElementVNode("div", _hoisted_4, [
             createElementVNode("h2", { class: "mn-b-small" }, [
-              _cache[1] || (_cache[1] = createTextVNode(" Events in ")),
+              _cache[0] || (_cache[0] = createTextVNode(" Events in ")),
               createElementVNode("p", {
                 onClick: openCitySelectionPopup,
                 class: "d-inline-block hover-bg-second hover-t-white cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra"
@@ -119,73 +95,15 @@ const _sfc_main = {
               ]),
               _: 1
             }, 8, ["isPopupOpen"]),
-            createVNode(_sfc_main$4, {
-              options: {
-                status: "featured"
-              },
-              class: "mn-big-negative pd-big"
-            })
+            createVNode(_sfc_main$4, { options: {} })
           ]),
+          createVNode(FeaturedEvents, { class: "mn-b-semi" }),
+          createVNode(_sfc_main$5, {
+            class: "mn-b-semi",
+            onDateSelected: handleDateSelection
+          }),
           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,
-                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"])
-          ]),
-          createElementVNode("div", _hoisted_12, [
-            _cache[5] || (_cache[5] = createElementVNode("h3", { class: "mn-b-small" }, " Most Happening Organizers ", -1)),
+            _cache[1] || (_cache[1] = createElementVNode("h3", { class: "mn-b-small" }, " Most Happening Organizers ", -1)),
             createVNode(_sfc_main$6, {
               showLoadMore: false,
               LoadMore: false,
@@ -197,25 +115,25 @@ const _sfc_main = {
               },
               store: {
                 read: (options) => actions.read(options),
-                state: state$2
+                state: state$1
               },
               options: {
-                user: state$1.user._id,
+                user: state.user._id,
                 sort: "numberOfMemberships",
                 contain: ["blogposts"],
                 lookup: ["blogposts"],
-                limit: 8
+                limit: 6
               },
-              class: "cols-4 gap-thin"
+              class: "cols-2 gap-thin"
             }, {
               default: withCtx(({
                 items
               }) => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
-                  return openBlock(), createBlock(_sfc_main$8, {
+                  return openBlock(), createBlock(_sfc_main$7, {
                     key: organization._id,
                     organization,
-                    user: state$1.user,
+                    user: state.user,
                     showProducts: false,
                     showRating: false,
                     showFeatured: false,
@@ -228,8 +146,8 @@ const _sfc_main = {
               _: 1
             }, 8, ["store", "options"])
           ]),
-          createElementVNode("div", _hoisted_13, [
-            _cache[6] || (_cache[6] = createElementVNode("h3", { class: "mn-b-small" }, " All Events ", -1)),
+          createElementVNode("div", _hoisted_6, [
+            _cache[2] || (_cache[2] = createElementVNode("h3", { class: "mn-b-small" }, " All Events ", -1)),
             createVNode(_sfc_main$6, {
               search: true,
               showLoadMore: false,
@@ -241,11 +159,11 @@ const _sfc_main = {
               },
               store: {
                 read: (options) => read(options),
-                state
+                state: state$2
               },
               options: {
-                user: state$1.user._id,
-                limit: 10
+                user: state.user._id,
+                limit: 9
               },
               class: "cols-3 gap-thin"
             }, {
@@ -253,13 +171,13 @@ const _sfc_main = {
                 items
               }) => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
-                  return openBlock(), createBlock(_sfc_main$7, {
+                  return openBlock(), createBlock(_sfc_main$8, {
                     onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
                     key: event._id,
                     event,
-                    user: state$1.user._id,
+                    user: state.user._id,
                     type: "normal",
-                    class: "bg-light radius-big mn-t-thin"
+                    class: "bg-light radius-big"
                   }, null, 8, ["onClick", "event", "user"]);
                 }), 128))
               ]),