@ozdao/martyrs 0.2.423

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs

@@ -0,0 +1,249 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
+const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");
+const IconPopular = require("../../../icons/entities/IconPopular.vue.cjs");
+const IconRecent = require("../../../icons/entities/IconRecent.vue.cjs");
+const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
+const axios = require("axios");
+const Comment = require("../sections/Comment.vue.cjs");
+const blogposts = require("../../store/blogposts.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const memberships = require("../../../organizations/store/memberships.cjs");
+const _hoisted_1 = { class: "bg-white" };
+const _hoisted_2 = { class: "w-100 h-100 o-hidden flex-nowrap flex gap-thin pd-thin pos-relative" };
+const _hoisted_3 = {
+  style: { "flex": "1 1 auto" },
+  class: "w-100 o-y-scroll h-100 pos-relative"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "bg-light pd-medium radius-medium mobile:radius-zero t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
+};
+const _hoisted_5 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
+const _hoisted_6 = {
+  key: 1,
+  class: "w-100 pos-relative"
+};
+const _hoisted_7 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
+const _hoisted_8 = {
+  style: { "flex": "1 1 auto" },
+  class: "desktop-only o-y-scroll h-100 w-40 h-100 pos-relative"
+};
+const _hoisted_9 = { class: "radius-medium bg-light mn-b-thin pd-small" };
+const _hoisted_10 = { class: "flex flex-column gap-thin" };
+const _hoisted_11 = { class: "radius-medium bg-light pd-small" };
+const _hoisted_12 = { class: "gap-thin flex-nowrap flex" };
+const _sfc_main = {
+  __name: "Community",
+  setup(__props) {
+    const $axios = axios.create({ baseURL: process.env.API_URL });
+    const comments = vue.ref([]);
+    vue.ref("");
+    const fetchComments = async () => {
+      try {
+        const response = await $axios.get("/comments/read", {
+          params: {
+            maxDepth: 1
+          }
+        });
+        comments.value = response.data;
+      } catch (error) {
+        console.error("Error fetching comments:", error);
+      }
+    };
+    fetchComments();
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    if (route.params.category === "popular") blogposts.state.sort.param = "views";
+    if (route.params.category === "new") blogposts.state.sort.param = "createdAt";
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      const _component_router_view = vue.resolveComponent("router-view");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            !vue.unref(route).params.url && vue.unref(route).name !== "Create BlogPost" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_4, [
+              vue.createElementVNode("h2", _hoisted_5, [
+                _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
+                vue.createVNode(Select.default, {
+                  options: ["today", "week", "month", "year", "all time"],
+                  select: blogposts.state.filter.period,
+                  "onUpdate:select": _cache[0] || (_cache[0] = ($event) => blogposts.state.filter.period = $event),
+                  placeholder: "all time",
+                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center"
+                }, null, 8, ["select"])
+              ])
+            ])) : vue.createCommentVNode("", true),
+            !vue.unref(route).params.url && vue.unref(route).name !== "Create BlogPost" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+              vue.createElementVNode("ul", _hoisted_7, [
+                vue.createElementVNode("li", {
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-small"]),
+                  onClick: _cache[1] || (_cache[1] = () => {
+                    blogposts.state.sort.param = "createdAt";
+                    vue.unref(router).push({ name: "Blog", params: { category: "featured" } });
+                  })
+                }, [
+                  vue.createVNode(IconFeatured.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[6] || (_cache[6] = vue.createTextVNode(" Featured "))
+                ], 2),
+                vue.createElementVNode("li", {
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[2] || (_cache[2] = () => {
+                    blogposts.state.sort.param = "views";
+                    vue.unref(router).push({ name: "Blog", params: { category: "popular" } });
+                  })
+                }, [
+                  vue.createVNode(IconPopular.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[7] || (_cache[7] = vue.createTextVNode(" Popular "))
+                ], 2),
+                vue.createElementVNode("li", {
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[3] || (_cache[3] = () => {
+                    blogposts.state.sort.param = "createdAt";
+                    vue.unref(router).push({ name: "Blog", params: { category: "new" } });
+                  })
+                }, [
+                  vue.createVNode(IconRecent.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[8] || (_cache[8] = vue.createTextVNode(" Recent "))
+                ], 2),
+                auth.state.user._id ? (vue.openBlock(), vue.createElementBlock("li", {
+                  key: 0,
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[4] || (_cache[4] = () => {
+                    blogposts.state.sort.param = "createdAt";
+                    vue.unref(router).push({ name: "Blog", params: { category: "following" } });
+                  })
+                }, [
+                  vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[9] || (_cache[9] = vue.createTextVNode(" Following "))
+                ], 2)) : vue.createCommentVNode("", true),
+                auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                  key: 1,
+                  to: {
+                    name: "Create BlogPost"
+                  },
+                  class: "button t-medium bg-main w-max mn-l-auto"
+                }, {
+                  default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                    vue.createTextVNode(" Create Post ")
+                  ])),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(_component_router_view, null, {
+              default: vue.withCtx(({ Component, route: route2 }) => [
+                vue.createVNode(vue.Transition, {
+                  name: "scaleIn",
+                  mode: "out-in"
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                      ref: "page",
+                      key: route2.query
+                    }))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("div", _hoisted_9, [
+              _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "gap-thin flex-nowrap flex" }, [
+                vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Latest Comments")
+              ], -1)),
+              vue.createElementVNode("div", _hoisted_10, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value.slice(0, 10), (comment) => {
+                  return vue.openBlock(), vue.createBlock(Comment.default, {
+                    key: comment._id,
+                    comment,
+                    target: _ctx.target,
+                    type: _ctx.type,
+                    owner: _ctx.owner,
+                    onReply: _ctx.handleReply,
+                    onLoadMore: _ctx.loadMoreChildren,
+                    class: "comment bg-white pd-small radius-regular"
+                  }, null, 8, ["comment", "target", "type", "owner", "onReply", "onLoadMore"]);
+                }), 128))
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_11, [
+              vue.createElementVNode("div", _hoisted_12, [
+                _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
+                auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                  key: 0,
+                  to: {
+                    name: "Create Organization"
+                  },
+                  class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
+                }, {
+                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+                    vue.createTextVNode(" + ")
+                  ])),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ]),
+              vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(Feed.default, {
+                    states: {
+                      empty: {
+                        title: "No Organization Found",
+                        description: "Currently, there are no organization available."
+                      }
+                    },
+                    store: {
+                      read: (options) => organizations.actions.read(options),
+                      state: organizations.state
+                    },
+                    options: {
+                      user: auth.state.user._id,
+                      sort: "numberOfMemberships",
+                      contain: ["blogposts"],
+                      lookup: ["blogposts"],
+                      limit: 10
+                    },
+                    class: "flex flex-column gap-thin"
+                  }, {
+                    default: vue.withCtx(({
+                      items
+                    }) => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization) => {
+                        return vue.openBlock(), vue.createBlock(CardOrganization.default, {
+                          key: organization._id,
+                          organization,
+                          user: auth.state.user,
+                          showProducts: false,
+                          showRating: false,
+                          showFeatured: false,
+                          showFollowers: false,
+                          onUpdateMembership: handleMembershipUpdate,
+                          class: "pd-small w-100 pd-0 bg-white radius-regular o-hidden"
+                        }, null, 8, ["organization", "user"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["store", "options"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Community.vue.cjs.map

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100 h-100 o-hidden flex-nowrap flex gap-thin pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 o-y-scroll h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only o-y-scroll h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,10)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\t\t\t\n\t\t\t\n\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\nfetchComments();\n\n\n \t// Import state\n\timport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations'\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAG,IAAC,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,UAClB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AACA,kBAAe;AAUd,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js

@@ -0,0 +1,249 @@
+import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, createBlock, normalizeClass, createTextVNode, withCtx, Transition, resolveDynamicComponent, Fragment, renderList } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$7 from "../../../organizations/components/blocks/CardOrganization.vue.js";
+import _sfc_main$1 from "../../../icons/entities/IconFeatured.vue.js";
+import _sfc_main$2 from "../../../icons/entities/IconPopular.vue.js";
+import _sfc_main$3 from "../../../icons/entities/IconRecent.vue.js";
+import _sfc_main$4 from "../../../icons/entities/IconFollowing.vue.js";
+import axios from "axios";
+import _sfc_main$5 from "../sections/Comment.vue.js";
+import { state } from "../../store/blogposts.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { state as state$2, actions } from "../../../organizations/store/organizations.js";
+import { mutations } from "../../../organizations/store/memberships.js";
+const _hoisted_1 = { class: "bg-white" };
+const _hoisted_2 = { class: "w-100 h-100 o-hidden flex-nowrap flex gap-thin pd-thin pos-relative" };
+const _hoisted_3 = {
+  style: { "flex": "1 1 auto" },
+  class: "w-100 o-y-scroll h-100 pos-relative"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "bg-light pd-medium radius-medium mobile:radius-zero t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
+};
+const _hoisted_5 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
+const _hoisted_6 = {
+  key: 1,
+  class: "w-100 pos-relative"
+};
+const _hoisted_7 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
+const _hoisted_8 = {
+  style: { "flex": "1 1 auto" },
+  class: "desktop-only o-y-scroll h-100 w-40 h-100 pos-relative"
+};
+const _hoisted_9 = { class: "radius-medium bg-light mn-b-thin pd-small" };
+const _hoisted_10 = { class: "flex flex-column gap-thin" };
+const _hoisted_11 = { class: "radius-medium bg-light pd-small" };
+const _hoisted_12 = { class: "gap-thin flex-nowrap flex" };
+const _sfc_main = {
+  __name: "Community",
+  setup(__props) {
+    const $axios = axios.create({ baseURL: process.env.API_URL });
+    const comments = ref([]);
+    ref("");
+    const fetchComments = async () => {
+      try {
+        const response = await $axios.get("/comments/read", {
+          params: {
+            maxDepth: 1
+          }
+        });
+        comments.value = response.data;
+      } catch (error) {
+        console.error("Error fetching comments:", error);
+      }
+    };
+    fetchComments();
+    const route = useRoute();
+    const router = useRouter();
+    if (route.params.category === "popular") state.sort.param = "views";
+    if (route.params.category === "new") state.sort.param = "createdAt";
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      mutations.handleMembershipUpdate(state$2.current, membership, status, target, statusName, statusNumber);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("section", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            !unref(route).params.url && unref(route).name !== "Create BlogPost" ? (openBlock(), createElementBlock("header", _hoisted_4, [
+              createElementVNode("h2", _hoisted_5, [
+                _cache[5] || (_cache[5] = createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
+                createVNode(Select, {
+                  options: ["today", "week", "month", "year", "all time"],
+                  select: state.filter.period,
+                  "onUpdate:select": _cache[0] || (_cache[0] = ($event) => state.filter.period = $event),
+                  placeholder: "all time",
+                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center"
+                }, null, 8, ["select"])
+              ])
+            ])) : createCommentVNode("", true),
+            !unref(route).params.url && unref(route).name !== "Create BlogPost" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              createElementVNode("ul", _hoisted_7, [
+                createElementVNode("li", {
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-small"]),
+                  onClick: _cache[1] || (_cache[1] = () => {
+                    state.sort.param = "createdAt";
+                    unref(router).push({ name: "Blog", params: { category: "featured" } });
+                  })
+                }, [
+                  createVNode(_sfc_main$1, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[6] || (_cache[6] = createTextVNode(" Featured "))
+                ], 2),
+                createElementVNode("li", {
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[2] || (_cache[2] = () => {
+                    state.sort.param = "views";
+                    unref(router).push({ name: "Blog", params: { category: "popular" } });
+                  })
+                }, [
+                  createVNode(_sfc_main$2, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[7] || (_cache[7] = createTextVNode(" Popular "))
+                ], 2),
+                createElementVNode("li", {
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[3] || (_cache[3] = () => {
+                    state.sort.param = "createdAt";
+                    unref(router).push({ name: "Blog", params: { category: "new" } });
+                  })
+                }, [
+                  createVNode(_sfc_main$3, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[8] || (_cache[8] = createTextVNode(" Recent "))
+                ], 2),
+                state$1.user._id ? (openBlock(), createElementBlock("li", {
+                  key: 0,
+                  class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[4] || (_cache[4] = () => {
+                    state.sort.param = "createdAt";
+                    unref(router).push({ name: "Blog", params: { category: "following" } });
+                  })
+                }, [
+                  createVNode(_sfc_main$4, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[9] || (_cache[9] = createTextVNode(" Following "))
+                ], 2)) : createCommentVNode("", true),
+                state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
+                  key: 1,
+                  to: {
+                    name: "Create BlogPost"
+                  },
+                  class: "button t-medium bg-main w-max mn-l-auto"
+                }, {
+                  default: withCtx(() => _cache[10] || (_cache[10] = [
+                    createTextVNode(" Create Post ")
+                  ])),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true),
+            createVNode(_component_router_view, null, {
+              default: withCtx(({ Component, route: route2 }) => [
+                createVNode(Transition, {
+                  name: "scaleIn",
+                  mode: "out-in"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                      ref: "page",
+                      key: route2.query
+                    }))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("div", _hoisted_9, [
+              _cache[11] || (_cache[11] = createElementVNode("div", { class: "gap-thin flex-nowrap flex" }, [
+                createElementVNode("p", { class: "t-medium mn-b-small" }, "Latest Comments")
+              ], -1)),
+              createElementVNode("div", _hoisted_10, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(comments.value.slice(0, 10), (comment) => {
+                  return openBlock(), createBlock(_sfc_main$5, {
+                    key: comment._id,
+                    comment,
+                    target: _ctx.target,
+                    type: _ctx.type,
+                    owner: _ctx.owner,
+                    onReply: _ctx.handleReply,
+                    onLoadMore: _ctx.loadMoreChildren,
+                    class: "comment bg-white pd-small radius-regular"
+                  }, null, 8, ["comment", "target", "type", "owner", "onReply", "onLoadMore"]);
+                }), 128))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode("div", _hoisted_12, [
+                _cache[13] || (_cache[13] = createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1)),
+                state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
+                  key: 0,
+                  to: {
+                    name: "Create Organization"
+                  },
+                  class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
+                }, {
+                  default: withCtx(() => _cache[12] || (_cache[12] = [
+                    createTextVNode(" + ")
+                  ])),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              createVNode(Transition, { name: "slide-fade" }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$6, {
+                    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: 10
+                    },
+                    class: "flex flex-column gap-thin"
+                  }, {
+                    default: withCtx(({
+                      items
+                    }) => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
+                        return openBlock(), createBlock(_sfc_main$7, {
+                          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-white radius-regular o-hidden"
+                        }, null, 8, ["organization", "user"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["store", "options"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Community.vue.js.map

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100 h-100 o-hidden flex-nowrap flex gap-thin pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 o-y-scroll h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only o-y-scroll h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,10)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\t\t\t\n\t\t\t\n\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\nfetchComments();\n\n\n \t// Import state\n\timport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations'\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,UAClB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AACA,kBAAe;AAUd,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+require("vue-i18n");
+;/* empty css                                                   */
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
+const blogposts = require("../../store/blogposts.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const _sfc_main = {
+  __name: "Blog",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    vue.onMounted(() => {
+      if (route.query) {
+        const query = route.query;
+        const newFilterValue = {
+          tags: query.tags ? query.tags.split(",") : [],
+          period: query.period ? query.period : null
+        };
+        blogposts.state.filter = newFilterValue;
+      }
+    });
+    vue.watch(() => blogposts.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.replace({ query });
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", null, [
+        vue.createVNode(Feed.default, {
+          sort: blogposts.state.sort,
+          "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => blogposts.state.sort = $event),
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Blog Posts Found",
+              description: "Currently, there are no posts available in this blog. Please check back later."
+            }
+          },
+          store: {
+            read: (options) => blogposts.read(options)
+          },
+          options: {
+            limit: 15,
+            category: vue.unref(route).params.category,
+            period: vue.unref(route).query.period,
+            status: "published",
+            user: auth.state.user._id,
+            following: vue.unref(route).params.category === "following" ? auth.state.user._id : null
+          },
+          class: "row-1 gap-thin"
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
+              return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
+                key: item._id,
+                blogpost: item,
+                user: auth.state.user._id,
+                class: "h-max-40r bg-light mn-b-thin radius-medium mobile:radius-zero"
+              }, null, 8, ["blogpost", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["sort", "store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Blog.vue.cjs.map

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blog.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"row-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light mn-b-thin radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } 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\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\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    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","onMounted","blog.state","watch"],"mappings":";;;;;;;;;;;;;AAqDE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAM1BC,QAAAA,UAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODC,kBAAU,MAAC,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAEDC,QAAAA,MAAM,MAAMD,UAAU,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,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;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}