@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs

@@ -1 +1,191 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("vue-router"),f=require("../../../../components/Select/Select.vue.cjs"),g=require("../../../../components/Feed/Feed.vue.cjs"),h=require("../../../organizations/components/blocks/CardOrganization.vue.cjs"),x=require("../../../icons/entities/IconFeatured.vue.cjs"),b=require("../../../icons/entities/IconPopular.vue.cjs"),w=require("../../../icons/entities/IconRecent.vue.cjs"),_=require("../../../icons/entities/IconFollowing.vue.cjs"),a=require("../../store/blogposts.cjs"),i=require("../../../auth/views/store/auth.cjs"),d=require("../../../organizations/store/organizations.cjs"),k=require("../../../organizations/store/memberships.cjs"),N={style:{"grid-template-columns":"2fr 4fr 2fr"},class:"cols-3 gap-thin pd-thin"},V={class:"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex"},v={class:"pos-relative"},C={class:"bg-main t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"},y={class:"pos-relative flex-v-center flex-nowrap flex"},B=e.createElementVNode("span",{class:"mn-r-thin"},"Topics for ",-1),q={class:"align-self-start bg-light radius-big pd-medium"},E={class:"gap-thin flex-nowrap flex"},z=e.createElementVNode("p",{class:"t-medium mn-b-small"},"Popular Communities",-1),T={__name:"Community",setup(F){const o=m.useRoute(),s=m.useRouter();o.params.category==="popular"&&(a.state.sort.param="views"),o.params.category==="new"&&(a.state.sort.param="createdAt");const p=({membership:u,status:t,target:n},c,r)=>{k.mutations.handleMembershipUpdate(d.state.current,u,t,n,c,r)};return(u,t)=>{const n=e.resolveComponent("router-link"),c=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("ul",V,[e.createElementVNode("li",{class:e.normalizeClass([{"t-black bg-white":e.unref(o).params.category==="featured"},"cursor-pointer flex-v-center flex t-medium pd-thin radius-extra"]),onClick:t[0]||(t[0]=()=>{a.state.sort.param="createdAt",e.unref(s).push({name:"Blog",params:{category:"featured"}})})},[e.createVNode(x.default,{class:"i-medium mn-r-thin t-transp"}),e.createTextVNode(" Featured ")],2),e.createElementVNode("li",{class:e.normalizeClass([{"t-black bg-white":e.unref(o).params.category==="popular"},"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),onClick:t[1]||(t[1]=()=>{a.state.sort.param="views",e.unref(s).push({name:"Blog",params:{category:"popular"}})})},[e.createVNode(b.default,{class:"i-medium mn-r-thin t-transp"}),e.createTextVNode(" Popular ")],2),e.createElementVNode("li",{class:e.normalizeClass([{"t-black bg-white":e.unref(o).params.category==="new"},"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),onClick:t[2]||(t[2]=()=>{a.state.sort.param="createdAt",e.unref(s).push({name:"Blog",params:{category:"new"}})})},[e.createVNode(w.default,{class:"i-medium mn-r-thin t-transp"}),e.createTextVNode(" Recent ")],2),i.state.user._id?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([{"t-black bg-white":e.unref(o).params.category==="following"},"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),onClick:t[3]||(t[3]=()=>{a.state.sort.param="createdAt",e.unref(s).push({name:"Blog",params:{category:"following"}})})},[e.createVNode(_.default,{class:"i-medium mn-r-thin t-transp"}),e.createTextVNode(" Following ")],2)):e.createCommentVNode("",!0),e.createVNode(n,{to:{name:"Create BlogPost"},class:"button t-medium mn-t-small bg-main w-100"},{default:e.withCtx(()=>[e.createTextVNode(" Create Post ")]),_:1})]),e.createElementVNode("section",v,[e.createElementVNode("header",C,[e.createElementVNode("h3",y,[B,e.createVNode(f.default,{options:["today","week","month","year","all time"],select:a.state.filter.period,"onUpdate:select":t[4]||(t[4]=r=>a.state.filter.period=r),placeholder:"all time",class:"t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10"},null,8,["select"])])]),e.createVNode(c,null,{default:e.withCtx(({Component:r,route:l})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),{ref:"page",key:l.query}))]),_:2},1024)]),_:1})]),e.createElementVNode("div",q,[e.createElementVNode("div",E,[z,i.state.user._id?(e.openBlock(),e.createBlock(n,{key:0,to:{name:"Create Organization"},class:"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"},{default:e.withCtx(()=>[e.createTextVNode(" + ")]),_:1})):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.createVNode(g.default,{states:{empty:{title:"No Organization Found",description:"Currently, there are no organization available."}},store:{read:r=>d.actions.read(r),state:d.state},options:{user:i.state.user._id,sort:"numberOfMemberships",contain:["blogposts"],limit:10}},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,l=>(e.openBlock(),e.createBlock(h.default,{key:l._id,organization:l,user:i.state.user,showProducts:!1,showRating:!1,showFeatured:!1,showFollowers:!1,onUpdateMembership:p,class:"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden"},null,8,["organization","user"]))),128))]),_:1},8,["store","options"])]),_:1})])])}}};exports.default=T;
+"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 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 = {
+  style: { "grid-template-columns": "2fr 4fr 2fr" },
+  class: "cols-3 gap-thin pd-thin"
+};
+const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex" };
+const _hoisted_3 = { class: "pos-relative" };
+const _hoisted_4 = { class: "bg-main t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" };
+const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
+const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
+const _hoisted_8 = { class: "gap-thin flex-nowrap flex" };
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1);
+const _sfc_main = {
+  __name: "Community",
+  setup(__props) {
+    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("ul", _hoisted_2, [
+          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-extra"]),
+            onClick: _cache[0] || (_cache[0] = () => {
+              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" }),
+            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-extra"]),
+            onClick: _cache[1] || (_cache[1] = () => {
+              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" }),
+            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-extra"]),
+            onClick: _cache[2] || (_cache[2] = () => {
+              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" }),
+            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-extra"]),
+            onClick: _cache[3] || (_cache[3] = () => {
+              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" }),
+            vue.createTextVNode(" Following ")
+          ], 2)) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_router_link, {
+            to: {
+              name: "Create BlogPost"
+            },
+            class: "button t-medium mn-t-small bg-main w-100"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" Create Post ")
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("section", _hoisted_3, [
+          vue.createElementVNode("header", _hoisted_4, [
+            vue.createElementVNode("h3", _hoisted_5, [
+              _hoisted_6,
+              vue.createVNode(Select.default, {
+                options: ["today", "week", "month", "year", "all time"],
+                select: blogposts.state.filter.period,
+                "onUpdate:select": _cache[4] || (_cache[4] = ($event) => blogposts.state.filter.period = $event),
+                placeholder: "all time",
+                class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10"
+              }, null, 8, ["select"])
+            ])
+          ]),
+          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_7, [
+          vue.createElementVNode("div", _hoisted_8, [
+            _hoisted_9,
+            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(() => [
+                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"],
+                  limit: 10
+                }
+              }, {
+                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: "mn-b-thin w-100 pd-0 bg-white radius-big o-hidden"
+                    }, null, 8, ["organization", "user"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Community.vue.cjs.map

package/dist/prometheus-framework/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 style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\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@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium mn-t-small bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header class=\"bg-main t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t         \tbr-solid\n\t\t         \tbr-2px\n\t\t         \tbr-black-transp-10\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t<transition   name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\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>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</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 '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/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":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JC,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,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,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js

@@ -1,103 +1,119 @@
-import { resolveComponent as x, openBlock as n, createElementBlock as h, createElementVNode as t, normalizeClass as u, unref as s, createVNode as r, createTextVNode as l, createCommentVNode as w, withCtx as m, Transition as y, createBlock as _, resolveDynamicComponent as C, Fragment as B, renderList as $ } from "vue";
-import { useRoute as F, useRouter as z } from "vue-router";
-import N from "../../../../components/Select/Select.vue.js";
-import P from "../../../../components/Feed/Feed.vue.js";
-import A from "../../../organizations/components/blocks/CardOrganization.vue.js";
-import M from "../../../icons/entities/IconFeatured.vue.js";
-import R from "../../../icons/entities/IconPopular.vue.js";
-import U from "../../../icons/entities/IconRecent.vue.js";
-import V from "../../../icons/entities/IconFollowing.vue.js";
-import { state as o } from "../../store/blogposts.js";
-import { state as f } from "../../../auth/views/store/auth.js";
-import { actions as O, state as k } from "../../../organizations/store/organizations.js";
-import { mutations as T } from "../../../organizations/store/memberships.js";
-const E = {
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, withCtx, Transition, createBlock, resolveDynamicComponent, Fragment, renderList } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$6 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 { state } from "../../store/blogposts.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { actions, state as state$2 } from "../../../organizations/store/organizations.js";
+import { mutations } from "../../../organizations/store/memberships.js";
+const _hoisted_1 = {
   style: { "grid-template-columns": "2fr 4fr 2fr" },
   class: "cols-3 gap-thin pd-thin"
-}, q = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex" }, D = { class: "pos-relative" }, I = { class: "bg-main t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" }, L = { class: "pos-relative flex-v-center flex-nowrap flex" }, S = /* @__PURE__ */ t("span", { class: "mn-r-thin" }, "Topics for ", -1), j = { class: "align-self-start bg-light radius-big pd-medium" }, G = { class: "gap-thin flex-nowrap flex" }, H = /* @__PURE__ */ t("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1), ne = {
+};
+const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex" };
+const _hoisted_3 = { class: "pos-relative" };
+const _hoisted_4 = { class: "bg-main t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" };
+const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
+const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
+const _hoisted_8 = { class: "gap-thin flex-nowrap flex" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1);
+const _sfc_main = {
   __name: "Community",
-  setup(J) {
-    const i = F(), p = z();
-    i.params.category === "popular" && (o.sort.param = "views"), i.params.category === "new" && (o.sort.param = "createdAt");
-    const v = ({ membership: b, status: e, target: d }, g, a) => {
-      T.handleMembershipUpdate(k.current, b, e, d, g, a);
+  setup(__props) {
+    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 (b, e) => {
-      const d = x("router-link"), g = x("router-view");
-      return n(), h("div", E, [
-        t("ul", q, [
-          t("li", {
-            class: u([{ "t-black bg-white": s(i).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-extra"]),
-            onClick: e[0] || (e[0] = () => {
-              o.sort.param = "createdAt", s(p).push({ name: "Blog", params: { category: "featured" } });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("ul", _hoisted_2, [
+          createElementVNode("li", {
+            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-extra"]),
+            onClick: _cache[0] || (_cache[0] = () => {
+              state.sort.param = "createdAt";
+              unref(router).push({ name: "Blog", params: { category: "featured" } });
             })
           }, [
-            r(M, { class: "i-medium mn-r-thin t-transp" }),
-            l(" Featured ")
+            createVNode(_sfc_main$1, { class: "i-medium mn-r-thin t-transp" }),
+            createTextVNode(" Featured ")
           ], 2),
-          t("li", {
-            class: u([{ "t-black bg-white": s(i).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: e[1] || (e[1] = () => {
-              o.sort.param = "views", s(p).push({ name: "Blog", params: { category: "popular" } });
+          createElementVNode("li", {
+            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
+            onClick: _cache[1] || (_cache[1] = () => {
+              state.sort.param = "views";
+              unref(router).push({ name: "Blog", params: { category: "popular" } });
             })
           }, [
-            r(R, { class: "i-medium mn-r-thin t-transp" }),
-            l(" Popular ")
+            createVNode(_sfc_main$2, { class: "i-medium mn-r-thin t-transp" }),
+            createTextVNode(" Popular ")
           ], 2),
-          t("li", {
-            class: u([{ "t-black bg-white": s(i).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: e[2] || (e[2] = () => {
-              o.sort.param = "createdAt", s(p).push({ name: "Blog", params: { category: "new" } });
+          createElementVNode("li", {
+            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
+            onClick: _cache[2] || (_cache[2] = () => {
+              state.sort.param = "createdAt";
+              unref(router).push({ name: "Blog", params: { category: "new" } });
             })
           }, [
-            r(U, { class: "i-medium mn-r-thin t-transp" }),
-            l(" Recent ")
+            createVNode(_sfc_main$3, { class: "i-medium mn-r-thin t-transp" }),
+            createTextVNode(" Recent ")
           ], 2),
-          f.user._id ? (n(), h("li", {
+          state$1.user._id ? (openBlock(), createElementBlock("li", {
             key: 0,
-            class: u([{ "t-black bg-white": s(i).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
-            onClick: e[3] || (e[3] = () => {
-              o.sort.param = "createdAt", s(p).push({ name: "Blog", params: { category: "following" } });
+            class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
+            onClick: _cache[3] || (_cache[3] = () => {
+              state.sort.param = "createdAt";
+              unref(router).push({ name: "Blog", params: { category: "following" } });
             })
           }, [
-            r(V, { class: "i-medium mn-r-thin t-transp" }),
-            l(" Following ")
-          ], 2)) : w("", !0),
-          r(d, {
+            createVNode(_sfc_main$4, { class: "i-medium mn-r-thin t-transp" }),
+            createTextVNode(" Following ")
+          ], 2)) : createCommentVNode("", true),
+          createVNode(_component_router_link, {
             to: {
               name: "Create BlogPost"
             },
             class: "button t-medium mn-t-small bg-main w-100"
           }, {
-            default: m(() => [
-              l(" Create Post ")
+            default: withCtx(() => [
+              createTextVNode(" Create Post ")
             ]),
             _: 1
           })
         ]),
-        t("section", D, [
-          t("header", I, [
-            t("h3", L, [
-              S,
-              r(N, {
+        createElementVNode("section", _hoisted_3, [
+          createElementVNode("header", _hoisted_4, [
+            createElementVNode("h3", _hoisted_5, [
+              _hoisted_6,
+              createVNode(Select, {
                 options: ["today", "week", "month", "year", "all time"],
-                select: o.filter.period,
-                "onUpdate:select": e[4] || (e[4] = (a) => o.filter.period = a),
+                select: state.filter.period,
+                "onUpdate:select": _cache[4] || (_cache[4] = ($event) => state.filter.period = $event),
                 placeholder: "all time",
                 class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10"
               }, null, 8, ["select"])
             ])
           ]),
-          r(g, null, {
-            default: m(({ Component: a, route: c }) => [
-              r(y, {
+          createVNode(_component_router_view, null, {
+            default: withCtx(({ Component, route: route2 }) => [
+              createVNode(Transition, {
                 name: "scaleIn",
                 mode: "out-in"
               }, {
-                default: m(() => [
-                  (n(), _(C(a), {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(Component), {
                     ref: "page",
-                    key: c.query
+                    key: route2.query
                   }))
                 ]),
                 _: 2
@@ -106,25 +122,25 @@ const E = {
             _: 1
           })
         ]),
-        t("div", j, [
-          t("div", G, [
-            H,
-            f.user._id ? (n(), _(d, {
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            _hoisted_9,
+            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: m(() => [
-                l(" + ")
+              default: withCtx(() => [
+                createTextVNode(" + ")
               ]),
               _: 1
-            })) : w("", !0)
+            })) : createCommentVNode("", true)
           ]),
-          r(y, { name: "slide-fade" }, {
-            default: m(() => [
-              r(P, {
+          createVNode(Transition, { name: "slide-fade" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$5, {
                 states: {
                   empty: {
                     title: "No Organization Found",
@@ -132,30 +148,32 @@ const E = {
                   }
                 },
                 store: {
-                  read: (a) => O.read(a),
-                  state: k
+                  read: (options) => actions.read(options),
+                  state: state$2
                 },
                 options: {
-                  user: f.user._id,
+                  user: state$1.user._id,
                   sort: "numberOfMemberships",
                   contain: ["blogposts"],
                   limit: 10
                 }
               }, {
-                default: m(({
-                  items: a
+                default: withCtx(({
+                  items
                 }) => [
-                  (n(!0), h(B, null, $(a, (c) => (n(), _(A, {
-                    key: c._id,
-                    organization: c,
-                    user: f.user,
-                    showProducts: !1,
-                    showRating: !1,
-                    showFeatured: !1,
-                    showFollowers: !1,
-                    onUpdateMembership: v,
-                    class: "mn-b-thin w-100 pd-0 bg-white radius-big o-hidden"
-                  }, null, 8, ["organization", "user"]))), 128))
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization) => {
+                    return openBlock(), createBlock(_sfc_main$6, {
+                      key: organization._id,
+                      organization,
+                      user: state$1.user,
+                      showProducts: false,
+                      showRating: false,
+                      showFeatured: false,
+                      showFollowers: false,
+                      onUpdateMembership: handleMembershipUpdate,
+                      class: "mn-b-thin w-100 pd-0 bg-white radius-big o-hidden"
+                    }, null, 8, ["organization", "user"]);
+                  }), 128))
                 ]),
                 _: 1
               }, 8, ["store", "options"])
@@ -168,5 +186,6 @@ const E = {
   }
 };
 export {
-  ne as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Community.vue.js.map

package/dist/prometheus-framework/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 style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\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@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium mn-t-small bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header class=\"bg-main t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t         \tbr-solid\n\t\t         \tbr-2px\n\t\t         \tbr-black-transp-10\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t<transition   name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\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>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</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 '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JC,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,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,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/Blog.vue.cjs

@@ -1 +1,84 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router");require("vue-i18n");;/* empty css                                                   */const p=require("../../../../components/Feed/Feed.vue.cjs"),g=require("../blocks/CardBlogpost.vue.cjs"),u=require("../../store/blogposts.cjs"),l=require("../../../auth/views/store/auth.cjs"),f={class:"bg-white"},y={__name:"Blog",setup(b){const s=c.useRoute(),d=c.useRouter();return e.onMounted(()=>{if(s.query){const o=s.query,n={tags:o.tags?o.tags.split(","):[],period:o.period?o.period:null};u.state.filter=n}}),e.watch(()=>u.state.filter,(o,n)=>{const t={...s.query};Object.keys(n).forEach(a=>{t[a]&&delete t[a]});const i=Object.fromEntries(Object.entries(o).filter(([a,r])=>Array.isArray(r)&&r.length>0||typeof r=="string"&&r).map(([a,r])=>[a,Array.isArray(r)?r.join(","):r]));Object.assign(t,i),d.replace({query:t})},{deep:!0}),(o,n)=>(e.openBlock(),e.createElementBlock("section",f,[e.createVNode(p.default,{sort:u.state.sort,"onUpdate:sort":n[0]||(n[0]=t=>u.state.sort=t),showLoadMore:!1,states:{empty:{title:"No Blog Posts Found",description:"Currently, there are no posts available in this blog. Please check back later."}},store:{read:t=>u.read(t)},options:{limit:15,category:e.unref(s).params.category,period:e.unref(s).query.period,status:"published",user:l.state.user._id,following:e.unref(s).params.category==="following"?l.state.user._id:null},class:"row-1 gap-thin"},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,i=>(e.openBlock(),e.createBlock(g.default,{key:i._id,blogpost:i,user:l.state.user._id,class:"h-max-40r mn-b-medium"},null,8,["blogpost","user"]))),128))]),_:1},8,["sort","store","options"])]))}};exports.default=y;
+"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 _hoisted_1 = { class: "bg-white" };
+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", _hoisted_1, [
+        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 mn-b-medium"
+              }, null, 8, ["blogpost", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["sort", "store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Blog.vue.cjs.map