@ozdao/prometheus-framework 0.2.38 → 0.2.40

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.js

@@ -1,102 +1,128 @@
-import { computed as d, openBlock as o, createElementBlock as l, createBlock as p, withModifiers as v, createCommentVNode as s, createVNode as f, normalizeClass as k, createElementVNode as a, createTextVNode as x, unref as w, toDisplayString as i, renderSlot as B } from "vue";
-import E from "../../../globals/components/blocks/CardHeader.vue.js";
-import P from "./FooterBlogpost.vue.js";
-import V from "../../../../components/Chips/Chips.vue.js";
-import $ from "../../../icons/navigation/IconEdit.vue.js";
-import { useRouter as C } from "vue-router";
-const z = { class: "pos-relative bg-grey radius-big" }, I = ["src"], N = {
+import { computed as u, resolveComponent as v, openBlock as t, createElementBlock as l, createBlock as f, withCtx as x, createVNode as r, createCommentVNode as s, normalizeClass as k, createElementVNode as m, createTextVNode as w, unref as B, toDisplayString as d, renderSlot as C } from "vue";
+import P from "../../../globals/components/blocks/CardHeader.vue.js";
+import V from "./FooterBlogpost.vue.js";
+import E from "../../../../components/Text/Text.vue.js";
+import $ from "../../../../components/Chips/Chips.vue.js";
+import S from "../../../icons/navigation/IconEdit.vue.js";
+import { useRouter as N } from "vue-router";
+const R = { class: "pos-relative bg-grey radius-big flex-column flex" }, T = ["src"], j = {
   key: 2,
   class: "flex-center flex"
-}, R = {
+}, z = {
   controls: "",
-  class: "mn-b-medium object-fit-cover w-100 h-20r"
-}, T = ["src"], S = { class: "pd-t-zero pd-medium" }, j = {
+  class: "mn-b-medium object-fit-cover w-100 h-min-10r h-max-20r"
+}, D = ["src"], I = { class: "pd-t-zero pd-medium" }, L = {
   key: 0,
   class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
-}, L = {
+}, U = {
   key: 0,
   class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
-}, U = {
+}, A = {
   key: 1,
   class: "mn-b-small t-transp p-big"
-}, A = {
+}, F = {
   key: 2,
   class: "mn-b-small h2"
-}, H = {
+}, Q = {
   __name: "CardBlogpost",
-  props: ["blogpost", "user", "type"],
-  setup(t) {
-    const h = C(), c = t, r = d(() => c.blogpost.content.find((e) => e.type === "ImageUpload")), u = d(() => c.blogpost.content.find((e) => e.type === "Video")), m = d(() => c.blogpost.content.find((e) => e.type === "Textarea"));
-    return (e, n) => {
-      var g, b;
-      return o(), l("article", z, [
-        t.user && t.user === t.blogpost.creator.target._id ? (o(), p($, {
+  props: {
+    blogpost: {
+      type: Object
+    },
+    user: {
+      type: String
+    },
+    type: {
+      type: String
+    },
+    hideDescription: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const h = N(), a = e, n = u(() => a.blogpost.content.find((o) => o.type === "ImageUpload")), i = u(() => a.blogpost.content.find((o) => o.type === "Video")), c = u(() => a.blogpost.content.find((o) => o.type === "Textarea"));
+    return (o, g) => {
+      var p, b;
+      const y = v("router-link");
+      return t(), l("article", R, [
+        e.user && e.user === e.blogpost.creator.target._id ? (t(), f(y, {
           key: 0,
-          onClick: n[0] || (n[0] = v((y) => e.$router.push({
+          to: {
             name: "Edit BlogPost",
             params: {
-              url: t.blogpost.url
+              url: e.blogpost.url
             }
-          }), ["stop"])),
-          class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
-        })) : s("", !0),
-        f(E, {
+          },
+          class: "cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
+        }, {
+          default: x(() => [
+            r(S, {
+              class: "i-regular",
+              classes: "fill-white"
+            })
+          ]),
+          _: 1
+        }, 8, ["to"])) : s("", !0),
+        r(P, {
           class: k({
-            "mn-b-small pd-medium": t.type !== "short",
-            "flex-child-order-last flex-child mn-l-small": t.type === "short"
+            "mn-b-small pd-medium": e.type !== "short",
+            "flex-child-order-last flex-child mn-l-small": e.type === "short"
           }),
-          entity: t.blogpost,
+          entity: e.blogpost,
           entityType: "blogpost",
-          user: t.user,
-          owner: t.blogpost.owner,
-          creator: t.blogpost.creator,
-          date: t.blogpost.createdAt
+          user: e.user,
+          owner: e.blogpost.owner,
+          creator: e.blogpost.creator,
+          date: e.blogpost.createdAt
         }, null, 8, ["class", "entity", "user", "owner", "creator", "date"]),
-        r.value && r.value.content && t.type !== "blogpostPage" ? (o(), l("img", {
+        n.value && n.value.content && e.type !== "blogpostPage" ? (t(), l("img", {
           key: 1,
-          src: (e.FILE_SERVER_URL || "") + r.value.content,
+          src: (o.FILE_SERVER_URL || "") + n.value.content,
           alt: "Blog post image",
-          class: "mn-b-medium object-fit-cover w-100 h-20r"
-        }, null, 8, I)) : s("", !0),
-        !((g = r.value) != null && g.content) && u.value && u.value.content && t.type !== "blogpostPage" ? (o(), l("div", N, [
-          a("video", R, [
-            a("source", {
-              src: u.value.content,
+          class: "mn-b-medium object-fit-cover w-100 h-min-10r h-100"
+        }, null, 8, T)) : s("", !0),
+        !((p = n.value) != null && p.content) && i.value && i.value.content && e.type !== "blogpostPage" ? (t(), l("div", j, [
+          m("video", z, [
+            m("source", {
+              src: i.value.content,
               type: "video/mp4"
-            }, null, 8, T),
-            x(" Your browser does not support the video tag. ")
+            }, null, 8, D),
+            w(" Your browser does not support the video tag. ")
           ])
         ])) : s("", !0),
-        a("section", S, [
-          t.type !== "blogpostPage" ? (o(), l("div", j, [
-            a("h3", {
-              onClick: n[1] || (n[1] = (y) => w(h).push({
+        m("section", I, [
+          e.type !== "blogpostPage" ? (t(), l("div", L, [
+            r(E, {
+              text: e.blogpost.name || "",
+              maxLen: 80,
+              class: "h3 d-block",
+              onClick: g[0] || (g[0] = (O) => B(h).push({
                 name: "BlogPost",
                 params: {
-                  url: t.blogpost.url
+                  url: e.blogpost.url
                 }
-              })),
-              class: ""
-            }, i(t.blogpost.name), 1),
-            t.blogpost.status === "draft" ? (o(), l("div", L, i(t.blogpost.status), 1)) : s("", !0)
+              }))
+            }, null, 8, ["text"]),
+            e.blogpost.status === "draft" ? (t(), l("div", U, d(e.blogpost.status), 1)) : s("", !0)
           ])) : s("", !0),
-          m.value && m.value.content && t.type !== "blogpostPage" ? (o(), l("p", U, i(m.value.content.slice(0, 120)) + "... ", 1)) : s("", !0),
-          t.type === "blogpostPage" ? (o(), l("h3", A, i(t.blogpost.name), 1)) : s("", !0),
-          B(e.$slots, "default"),
-          t.type !== "short" && ((b = t.blogpost.tags) == null ? void 0 : b.length) > 0 ? (o(), p(V, {
+          c.value && c.value.content && e.type !== "blogpostPage" && !e.hideDescription ? (t(), l("p", A, d(c.value.content.slice(0, 120)) + "... ", 1)) : s("", !0),
+          e.type === "blogpostPage" ? (t(), l("h3", F, d(e.blogpost.name), 1)) : s("", !0),
+          C(o.$slots, "default"),
+          e.type !== "short" && ((b = e.blogpost.tags) == null ? void 0 : b.length) > 0 ? (t(), f($, {
             key: 3,
-            chips: t.blogpost.tags
+            chips: e.blogpost.tags
           }, null, 8, ["chips"])) : s("", !0)
         ]),
-        f(P, {
+        r(V, {
           class: "pd-t-zero pd-medium",
-          blogpost: t.blogpost,
-          user: t.user
+          blogpost: e.blogpost,
+          user: e.user
         }, null, 8, ["blogpost", "user"])
       ]);
     };
   }
 };
 export {
-  H as default
+  Q as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("vue-router"),f=require("../../../../components/Select/Select.vue2.cjs"),g=require("../../../../components/Feed/Feed.vue.cjs"),h=require("../../../organizations/components/blocks/CardOrganization.vue.cjs"),m=require("../../store/blogposts.cjs"),i=require("../../../auth/store/auth.cjs"),u=require("../../../organizations/store/organizations.cjs"),b=require("../../../organizations/store/memberships.cjs"),w={style:{"grid-template-columns":"1fr 3fr 1fr"},class:"cols-3 gap-thin pd-thin"},_={class:"w-100 bg-grey radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex"},k={class:"pos-relative"},y={class:"bg-black t-white radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"},v={class:"pos-relative flex-v-center flex-nowrap flex t-left"},C=e.createElementVNode("span",{class:""},"Topics for ",-1),N={class:"bg-grey radius-big pd-medium"},x=e.createElementVNode("div",{class:"gap-thin flex-nowrap flex"},[e.createElementVNode("p",{class:"mn-b-small"},"POPULAR COMMUNITIES"),e.createElementVNode("button",{class:"radius-extra flex-center flex i-medium bg-main"},"+")],-1),V={__name:"Community",setup(E){const r=d.useRoute(),a=d.useRouter(),p=({membership:c,status:o,target:n},l,t)=>{b.mutations.handleMembershipUpdate(u.state.current,c,o,n,l,t)};return(c,o)=>{const n=e.resolveComponent("router-link"),l=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("ul",_,[e.createElementVNode("li",{class:e.normalizeClass([{"t-white bg-black":e.unref(r).params.category==="featured"},"cursor-pointer t-medium pd-thin radius-small"]),onClick:o[0]||(o[0]=t=>e.unref(a).push({name:"Blog",params:{category:"featured"}}))},"👑 Featured",2),e.createElementVNode("li",{class:e.normalizeClass([{"t-white bg-black":e.unref(r).params.category==="popular"},"cursor-pointer t-medium pd-thin radius-small"]),onClick:o[1]||(o[1]=t=>e.unref(a).push({name:"Blog",params:{category:"popular"}}))},"🔥 Popular",2),e.createElementVNode("li",{class:e.normalizeClass([{"t-white bg-black":e.unref(r).params.category==="new"},"cursor-pointer t-medium pd-thin radius-small"]),onClick:o[2]||(o[2]=t=>e.unref(a).push({name:"Blog",params:{category:"new"}}))},"🆕 New",2),i.state.user._id?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([{"t-white bg-black":e.unref(r).params.category==="following"},"cursor-pointer t-medium pd-thin radius-small"]),onClick:o[3]||(o[3]=t=>e.unref(a).push({name:"Blog",params:{category:"following"}}))},"👥 Following",2)):e.createCommentVNode("",!0),e.createVNode(n,{to:{name:"Create BlogPost"},class:"button mn-t-small bg-main w-100"},{default:e.withCtx(()=>[e.createTextVNode("Create Post")]),_:1})]),e.createElementVNode("section",k,[e.createElementVNode("header",y,[e.createElementVNode("h2",v,[C,e.createVNode(f.default,{options:["today","week","month","year"],select:m.state.filter.period,"onUpdate:select":o[4]||(o[4]=t=>m.state.filter.period=t),placeholder:"Select type",class:"pos-relative w-max mn-l-small bg-grey pd-thin radius-medium h2 t-center t-black"},null,8,["select"])])]),e.createVNode(l,null,{default:e.withCtx(({Component:t,route:s})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{ref:"page",key:s.query}))]),_:2},1024)]),_:1})]),e.createElementVNode("div",N,[x,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:t=>u.actions.read(t),state:u.state},options:{user:i.state.user._id,sort:"numberOfMemberships",contain:["blogposts"],limit:10}},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,s=>(e.openBlock(),e.createBlock(h.default,{key:s._id,organization:s,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,["states","store","options"])]),_:1})])])}}};exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=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"),_=require("../../../icons/entities/IconRecent.vue.cjs"),w=require("../../../icons/entities/IconFollowing.vue.cjs"),m=require("../../store/blogposts.cjs"),l=require("../../../auth/store/auth.cjs"),c=require("../../../organizations/store/organizations.cjs"),k=require("../../../organizations/store/memberships.cjs"),N={style:{"grid-template-columns":"1fr 3fr 1fr"},class:"cols-3 gap-thin pd-thin"},V={class:"align-self-start pos-sticky pos-t-0 w-100 bg-grey 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-small"},"Topics for ",-1),q={class:"bg-grey 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=d.useRoute(),a=d.useRouter(),p=({membership:u,status:r,target:s},i,t)=>{k.mutations.handleMembershipUpdate(c.state.current,u,r,s,i,t)};return(u,r)=>{const s=e.resolveComponent("router-link"),i=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:r[0]||(r[0]=t=>e.unref(a).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:r[1]||(r[1]=t=>e.unref(a).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:r[2]||(r[2]=t=>e.unref(a).push({name:"Blog",params:{category:"new"}}))},[e.createVNode(_.default,{class:"i-medium mn-r-thin t-transp"}),e.createTextVNode(" Recent ")],2),l.state.user._id?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([{"t-white bg-black":e.unref(o).params.category==="following"},"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),onClick:r[3]||(r[3]=t=>e.unref(a).push({name:"Blog",params:{category:"following"}}))},[e.createVNode(w.default,{class:"i-medium mn-r-thin t-transp"}),e.createTextVNode(" Following ")],2)):e.createCommentVNode("",!0),e.createVNode(s,{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("h2",y,[B,e.createVNode(f.default,{options:["today","week","month","year"],select:m.state.filter.period,"onUpdate:select":r[4]||(r[4]=t=>m.state.filter.period=t),placeholder:"Select type",class:"t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center br-solid br-2px br-black-transp-10"},null,8,["select"])])]),e.createVNode(i,null,{default:e.withCtx(({Component:t,route:n})=>[e.createVNode(e.Transition,{name:"scaleIn",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{ref:"page",key:n.query}))]),_:2},1024)]),_:1})]),e.createElementVNode("div",q,[e.createElementVNode("div",E,[z,l.state.user._id?(e.openBlock(),e.createBlock(s,{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:t=>c.actions.read(t),state:c.state},options:{user:l.state.user._id,sort:"numberOfMemberships",contain:["blogposts"],limit:10}},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,n=>(e.openBlock(),e.createBlock(h.default,{key:n._id,organization:n,user:l.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,["states","store","options"])]),_:1})])])}}};exports.default=T;

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

@@ -1,78 +1,93 @@
-import { resolveComponent as h, openBlock as a, createElementBlock as c, createElementVNode as o, normalizeClass as p, unref as s, createCommentVNode as x, createVNode as r, withCtx as l, createTextVNode as v, Transition as b, createBlock as _, resolveDynamicComponent as C, Fragment as B, renderList as $ } from "vue";
-import { useRoute as N, useRouter as F } from "vue-router";
-import M from "../../../../components/Select/Select.vue2.js";
+import { resolveComponent as b, openBlock as a, createElementBlock as g, createElementVNode as r, normalizeClass as d, unref as o, createVNode as s, createTextVNode as i, createCommentVNode as x, withCtx as n, Transition as w, createBlock as _, resolveDynamicComponent as C, Fragment as $, renderList as B } 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 U from "../../../organizations/components/blocks/CardOrganization.vue.js";
-import { state as w } from "../../store/blogposts.js";
-import { state as f } from "../../../auth/store/auth.js";
-import { actions as z, state as y } from "../../../organizations/store/organizations.js";
-import { mutations as O } from "../../../organizations/store/memberships.js";
-const R = {
+import M from "../../../organizations/components/blocks/CardOrganization.vue.js";
+import R from "../../../icons/entities/IconFeatured.vue.js";
+import U from "../../../icons/entities/IconPopular.vue.js";
+import V from "../../../icons/entities/IconRecent.vue.js";
+import O from "../../../icons/entities/IconFollowing.vue.js";
+import { state as y } from "../../store/blogposts.js";
+import { state as c } from "../../../auth/store/auth.js";
+import { actions as T, state as v } from "../../../organizations/store/organizations.js";
+import { mutations as E } from "../../../organizations/store/memberships.js";
+const S = {
   style: { "grid-template-columns": "1fr 3fr 1fr" },
   class: "cols-3 gap-thin pd-thin"
-}, T = { class: "w-100 bg-grey radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex" }, V = { class: "pos-relative" }, E = { class: "bg-black t-white radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" }, I = { class: "pos-relative flex-v-center flex-nowrap flex t-left" }, S = /* @__PURE__ */ o("span", { class: "" }, "Topics for ", -1), L = { class: "bg-grey radius-big pd-medium" }, q = /* @__PURE__ */ o("div", { class: "gap-thin flex-nowrap flex" }, [
-  /* @__PURE__ */ o("p", { class: "mn-b-small" }, "POPULAR COMMUNITIES"),
-  /* @__PURE__ */ o("button", { class: "radius-extra flex-center flex i-medium bg-main" }, "+")
-], -1), Y = {
+}, q = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-grey 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" }, j = /* @__PURE__ */ r("span", { class: "mn-r-small" }, "Topics for ", -1), A = { class: "bg-grey radius-big pd-medium" }, G = { class: "gap-thin flex-nowrap flex" }, H = /* @__PURE__ */ r("p", { class: "t-medium mn-b-small" }, "Popular Communities", -1), ne = {
   __name: "Community",
-  setup(A) {
-    const i = N(), n = F(), k = ({ membership: g, status: t, target: u }, d, e) => {
-      O.handleMembershipUpdate(y.current, g, t, u, d, e);
+  setup(J) {
+    const l = F(), m = z(), k = ({ membership: h, status: t, target: p }, f, e) => {
+      E.handleMembershipUpdate(v.current, h, t, p, f, e);
     };
-    return (g, t) => {
-      const u = h("router-link"), d = h("router-view");
-      return a(), c("div", R, [
-        o("ul", T, [
-          o("li", {
-            class: p([{ "t-white bg-black": s(i).params.category === "featured" }, "cursor-pointer t-medium pd-thin radius-small"]),
-            onClick: t[0] || (t[0] = (e) => s(n).push({ name: "Blog", params: { category: "featured" } }))
-          }, "👑 Featured", 2),
-          o("li", {
-            class: p([{ "t-white bg-black": s(i).params.category === "popular" }, "cursor-pointer t-medium pd-thin radius-small"]),
-            onClick: t[1] || (t[1] = (e) => s(n).push({ name: "Blog", params: { category: "popular" } }))
-          }, "🔥 Popular", 2),
-          o("li", {
-            class: p([{ "t-white bg-black": s(i).params.category === "new" }, "cursor-pointer t-medium pd-thin radius-small"]),
-            onClick: t[2] || (t[2] = (e) => s(n).push({ name: "Blog", params: { category: "new" } }))
-          }, "🆕 New", 2),
-          f.user._id ? (a(), c("li", {
+    return (h, t) => {
+      const p = b("router-link"), f = b("router-view");
+      return a(), g("div", S, [
+        r("ul", q, [
+          r("li", {
+            class: d([{ "t-black bg-white": o(l).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-extra"]),
+            onClick: t[0] || (t[0] = (e) => o(m).push({ name: "Blog", params: { category: "featured" } }))
+          }, [
+            s(R, { class: "i-medium mn-r-thin t-transp" }),
+            i(" Featured ")
+          ], 2),
+          r("li", {
+            class: d([{ "t-black bg-white": o(l).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
+            onClick: t[1] || (t[1] = (e) => o(m).push({ name: "Blog", params: { category: "popular" } }))
+          }, [
+            s(U, { class: "i-medium mn-r-thin t-transp" }),
+            i(" Popular ")
+          ], 2),
+          r("li", {
+            class: d([{ "t-black bg-white": o(l).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
+            onClick: t[2] || (t[2] = (e) => o(m).push({ name: "Blog", params: { category: "new" } }))
+          }, [
+            s(V, { class: "i-medium mn-r-thin t-transp" }),
+            i(" Recent ")
+          ], 2),
+          c.user._id ? (a(), g("li", {
             key: 0,
-            class: p([{ "t-white bg-black": s(i).params.category === "following" }, "cursor-pointer t-medium pd-thin radius-small"]),
-            onClick: t[3] || (t[3] = (e) => s(n).push({ name: "Blog", params: { category: "following" } }))
-          }, "👥 Following", 2)) : x("", !0),
-          r(u, {
-            to: { name: "Create BlogPost" },
-            class: "button mn-t-small bg-main w-100"
+            class: d([{ "t-white bg-black": o(l).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-extra"]),
+            onClick: t[3] || (t[3] = (e) => o(m).push({ name: "Blog", params: { category: "following" } }))
+          }, [
+            s(O, { class: "i-medium mn-r-thin t-transp" }),
+            i(" Following ")
+          ], 2)) : x("", !0),
+          s(p, {
+            to: {
+              name: "Create BlogPost"
+            },
+            class: "button t-medium mn-t-small bg-main w-100"
           }, {
-            default: l(() => [
-              v("Create Post")
+            default: n(() => [
+              i(" Create Post ")
             ]),
             _: 1
           })
         ]),
-        o("section", V, [
-          o("header", E, [
-            o("h2", I, [
-              S,
-              r(M, {
+        r("section", D, [
+          r("header", I, [
+            r("h2", L, [
+              j,
+              s(N, {
                 options: ["today", "week", "month", "year"],
-                select: w.filter.period,
-                "onUpdate:select": t[4] || (t[4] = (e) => w.filter.period = e),
+                select: y.filter.period,
+                "onUpdate:select": t[4] || (t[4] = (e) => y.filter.period = e),
                 placeholder: "Select type",
-                class: "pos-relative w-max mn-l-small bg-grey pd-thin radius-medium h2 t-center t-black"
+                class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center br-solid br-2px br-black-transp-10"
               }, null, 8, ["select"])
             ])
           ]),
-          r(d, null, {
-            default: l(({ Component: e, route: m }) => [
-              r(b, {
+          s(f, null, {
+            default: n(({ Component: e, route: u }) => [
+              s(w, {
                 name: "scaleIn",
                 mode: "out-in"
               }, {
-                default: l(() => [
+                default: n(() => [
                   (a(), _(C(e), {
                     ref: "page",
-                    key: m.query
+                    key: u.query
                   }))
                 ]),
                 _: 2
@@ -81,11 +96,25 @@ const R = {
             _: 1
           })
         ]),
-        o("div", L, [
-          q,
-          r(b, { name: "slide-fade" }, {
-            default: l(() => [
-              r(P, {
+        r("div", A, [
+          r("div", G, [
+            H,
+            c.user._id ? (a(), _(p, {
+              key: 0,
+              to: {
+                name: "Create Organization"
+              },
+              class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
+            }, {
+              default: n(() => [
+                i(" + ")
+              ]),
+              _: 1
+            })) : x("", !0)
+          ]),
+          s(w, { name: "slide-fade" }, {
+            default: n(() => [
+              s(P, {
                 states: {
                   empty: {
                     title: "No Organization Found",
@@ -93,23 +122,23 @@ const R = {
                   }
                 },
                 store: {
-                  read: (e) => z.read(e),
-                  state: y
+                  read: (e) => T.read(e),
+                  state: v
                 },
                 options: {
-                  user: f.user._id,
+                  user: c.user._id,
                   sort: "numberOfMemberships",
                   contain: ["blogposts"],
                   limit: 10
                 }
               }, {
-                default: l(({
+                default: n(({
                   items: e
                 }) => [
-                  (a(!0), c(B, null, $(e, (m) => (a(), _(U, {
-                    key: m._id,
-                    organization: m,
-                    user: f.user,
+                  (a(!0), g($, null, B(e, (u) => (a(), _(M, {
+                    key: u._id,
+                    organization: u,
+                    user: c.user,
                     showProducts: !1,
                     showRating: !1,
                     showFeatured: !1,
@@ -129,5 +158,5 @@ const R = {
   }
 };
 export {
-  Y as default
+  ne as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../components/Loader/Loader.vue.cjs");const d=require("../../../../components/EmptyState/EmptyState.vue.cjs"),p=require("../blocks/CardBlogpost.vue.cjs"),m=require("../../../icons/skeletons/SkeletonBlogpost.vue.cjs"),g=require("../../../organizations/components/sections/Publics.vue.cjs"),f=require("../sections/Comments.vue.cjs"),v=require("../../../constructor/components/elements/Image.vue.cjs"),k=require("../../../constructor/components/elements/VideoPlayer.vue.cjs"),y=require("../../store/blogposts.cjs"),n=require("../../../auth/store/auth.cjs"),B=require("vue-router"),b={class:"pd-thin"},h=["href"],C={__name:"BlogPost",setup(_){const u=B.useRoute(),t=e.ref(null),a=e.ref(!0);e.onMounted(async()=>{a.value=!0;const r=await y.read({user:n.state.user._id,url:u.params.url});t.value=r[0],a.value=!1});const c={Textarea:"p",H2:"h2",Bullets:"p",Caption:"p",ImageUpload:v.default,Video:k.default,Link:"a"};function i(r){return r.type==="Textarea"?{innerHTML:r.content,class:"p-medium"}:r.type==="H2"?{innerHTML:r.content,class:"h3"}:r.type==="Caption"?{innerHTML:r.content}:r.type==="ImageUpload"?{src:r.content}:{}}return(r,l)=>(e.openBlock(),e.createElementBlock("section",b,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"o-hidden bg-grey radius-big"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},e.renderList(3,o=>e.createVNode(m.default,{key:o})),64)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!a.value&&!t.value?(e.openBlock(),e.createBlock(d.default,{key:0,title:"No Blogpost Found",description:"Currently, there are no blogposts available. Please check back later.",class:"pd-medium mn-b-thin bg-grey radius-big"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"container"},{default:e.withCtx(()=>[!a.value&&t.value?(e.openBlock(),e.createBlock(p.default,{key:0,onClick:l[0]||(l[0]=o=>r.$router.push({name:"Blogpost",params:{url:t.value.url}})),blogpost:t.value,user:n.state.user._id,type:"blogpostPage",class:e.normalizeClass(["mn-b-medium",{"br-b br-solid br-black-transp-10":r.index!==t.value.length-1}])},{default:e.withCtx(()=>[e.createElementVNode("section",null,[t.value&&t.value.content?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.value.content,(o,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c[o.type]),e.mergeProps({key:s,index:s,component:o,prop:o,class:o.class,content:"content"},i(o),{class:"mn-b-regular"}),null,16,["index","component","prop","class"]))),128)):e.createCommentVNode("",!0)]),t.value.source?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.value.source,target:"_blank",class:"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"}," Check Source 🔗 ",8,h)):e.createCommentVNode("",!0)]),_:1},8,["blogpost","user","class"])):e.createCommentVNode("",!0),e.createVNode(g.default,{class:"mn-b-small"}),!a.value&&t.value?(e.openBlock(),e.createBlock(f.default,{key:1,type:"blogpost",target:t.value._id,owner:n.state.user._id},null,8,["target","owner"])):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../components/Loader/Loader.vue.cjs");const d=require("../../../../components/EmptyState/EmptyState.vue.cjs"),m=require("../blocks/CardBlogpost.vue.cjs"),p=require("../../../icons/skeletons/SkeletonBlogpost.vue.cjs"),g=require("../../../organizations/components/sections/Publics.vue.cjs"),f=require("../sections/Comments.vue.cjs"),v=require("../../../constructor/components/elements/Image.vue.cjs"),k=require("../../../constructor/components/elements/VideoPlayer.vue.cjs"),y=require("../../../constructor/components/elements/Embed.vue.cjs"),B=require("../../store/blogposts.cjs"),a=require("../../../auth/store/auth.cjs"),_=require("vue-router"),h={class:"pd-thin"},C=["href"],b=e.createElementVNode("h3",{class:"mn-b-small"},"Recommended Communities",-1),V={__name:"BlogPost",setup(N){const u=_.useRoute(),t=e.ref(null),n=e.ref(!0);e.onMounted(async()=>{n.value=!0;const r=await B.read({user:a.state.user._id,url:u.params.url});t.value=r[0],n.value=!1});const c={Textarea:"p",H2:"h2",Bullets:"p",Caption:"p",ImageUpload:v.default,Video:k.default,Link:"a",Embed:y.default};function i(r){return r.type==="Textarea"?{innerHTML:r.content,class:"p-big"}:r.type==="H2"?{innerHTML:r.content,class:"h3"}:r.type==="Caption"?{innerHTML:r.content}:r.type==="ImageUpload"?{src:r.content}:{}}return(r,s)=>(e.openBlock(),e.createElementBlock("section",h,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"o-hidden bg-grey radius-big"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},e.renderList(3,o=>e.createVNode(p.default,{key:o})),64)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!n.value&&!t.value?(e.openBlock(),e.createBlock(d.default,{key:0,title:"No Blogpost Found",description:"Currently, there are no blogposts available. Please check back later.",class:"pd-medium mn-b-thin bg-grey radius-big"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"container"},{default:e.withCtx(()=>[!n.value&&t.value?(e.openBlock(),e.createBlock(m.default,{key:0,onClick:s[0]||(s[0]=o=>r.$router.push({name:"Blogpost",params:{url:t.value.url}})),blogpost:t.value,user:a.state.user._id,type:"blogpostPage",class:"mn-b-medium"},{default:e.withCtx(()=>[e.createElementVNode("section",null,[t.value&&t.value.content?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.value.content,(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c[o.type]),e.mergeProps({key:l,index:l,component:o,prop:o,class:o.class,content:"content"},i(o),{class:"mn-b-regular"}),null,16,["index","component","prop","class"]))),128)):e.createCommentVNode("",!0)]),t.value.source?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.value.source,target:"_blank",class:"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"}," Check Source 🔗 ",8,C)):e.createCommentVNode("",!0)]),_:1},8,["blogpost","user"])):e.createCommentVNode("",!0),b,e.createVNode(g.default,{class:"mn-b-small"}),!n.value&&t.value?(e.openBlock(),e.createBlock(f.default,{key:1,type:"blogpost",target:t.value._id,owner:a.state.user._id},null,8,["target","owner"])):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=V;

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js

@@ -1,50 +1,52 @@
-import { ref as d, onMounted as h, openBlock as a, createElementBlock as l, createVNode as s, TransitionGroup as f, withCtx as u, Fragment as g, renderList as _, createCommentVNode as o, Transition as k, createBlock as i, normalizeClass as C, createElementVNode as B, resolveDynamicComponent as $, mergeProps as T } from "vue";
+import { ref as d, onMounted as k, openBlock as n, createElementBlock as l, createVNode as s, TransitionGroup as f, withCtx as u, Fragment as _, renderList as g, createCommentVNode as o, Transition as C, createBlock as i, createElementVNode as v, resolveDynamicComponent as B, mergeProps as $ } from "vue";
 import "../../../../components/Loader/Loader.vue.js";
-import w from "../../../../components/EmptyState/EmptyState.vue.js";
-import x from "../blocks/CardBlogpost.vue.js";
-import L from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
-import H from "../../../organizations/components/sections/Publics.vue.js";
-import M from "../sections/Comments.vue.js";
-import P from "../../../constructor/components/elements/Image.vue.js";
-import N from "../../../constructor/components/elements/VideoPlayer.vue.js";
+import T from "../../../../components/EmptyState/EmptyState.vue.js";
+import w from "../blocks/CardBlogpost.vue.js";
+import x from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
+import L from "../../../organizations/components/sections/Publics.vue.js";
+import H from "../sections/Comments.vue.js";
+import M from "../../../constructor/components/elements/Image.vue.js";
+import P from "../../../constructor/components/elements/VideoPlayer.vue.js";
+import N from "../../../constructor/components/elements/Embed.vue.js";
 import { read as V } from "../../store/blogposts.js";
 import { state as m } from "../../../auth/store/auth.js";
 import { useRoute as E } from "vue-router";
-const F = { class: "pd-thin" }, I = ["href"], W = {
+const F = { class: "pd-thin" }, I = ["href"], R = /* @__PURE__ */ v("h3", { class: "mn-b-small" }, "Recommended Communities", -1), Y = {
   __name: "BlogPost",
   setup(S) {
-    const v = E(), e = d(null), n = d(!0);
-    h(async () => {
-      n.value = !0;
-      const t = await V({ user: m.user._id, url: v.params.url });
-      e.value = t[0], n.value = !1;
+    const y = E(), e = d(null), a = d(!0);
+    k(async () => {
+      a.value = !0;
+      const t = await V({ user: m.user._id, url: y.params.url });
+      e.value = t[0], a.value = !1;
     });
-    const y = {
+    const h = {
       Textarea: "p",
       H2: "h2",
       Bullets: "p",
       Caption: "p",
-      ImageUpload: P,
-      Video: N,
-      Link: "a"
+      ImageUpload: M,
+      Video: P,
+      Link: "a",
+      Embed: N
     };
     function b(t) {
-      return t.type === "Textarea" ? { innerHTML: t.content, class: "p-medium" } : t.type === "H2" ? { innerHTML: t.content, class: "h3" } : t.type === "Caption" ? { innerHTML: t.content } : t.type === "ImageUpload" ? { src: t.content } : {};
+      return t.type === "Textarea" ? { innerHTML: t.content, class: "p-big" } : t.type === "H2" ? { innerHTML: t.content, class: "h3" } : t.type === "Caption" ? { innerHTML: t.content } : t.type === "ImageUpload" ? { src: t.content } : {};
     }
-    return (t, p) => (a(), l("section", F, [
+    return (t, p) => (n(), l("section", F, [
       s(f, {
         tag: "ul",
         name: "fade",
         class: "o-hidden bg-grey radius-big"
       }, {
         default: u(() => [
-          n.value ? (a(), l(g, { key: 0 }, _(3, (r) => s(L, { key: r })), 64)) : o("", !0)
+          a.value ? (n(), l(_, { key: 0 }, g(3, (r) => s(x, { key: r })), 64)) : o("", !0)
         ]),
         _: 1
       }),
-      s(k, { name: "fade" }, {
+      s(C, { name: "fade" }, {
         default: u(() => [
-          !n.value && !e.value ? (a(), i(w, {
+          !a.value && !e.value ? (n(), i(T, {
             key: 0,
             title: "No Blogpost Found",
             description: "Currently, there are no blogposts available. Please check back later.",
@@ -59,19 +61,17 @@ const F = { class: "pd-thin" }, I = ["href"], W = {
         class: "container"
       }, {
         default: u(() => [
-          !n.value && e.value ? (a(), i(x, {
+          !a.value && e.value ? (n(), i(w, {
             key: 0,
             onClick: p[0] || (p[0] = (r) => t.$router.push({ name: "Blogpost", params: { url: e.value.url } })),
             blogpost: e.value,
             user: m.user._id,
             type: "blogpostPage",
-            class: C(["mn-b-medium", {
-              "br-b br-solid br-black-transp-10": t.index !== e.value.length - 1
-            }])
+            class: "mn-b-medium"
           }, {
             default: u(() => [
-              B("section", null, [
-                e.value && e.value.content ? (a(!0), l(g, { key: 0 }, _(e.value.content, (r, c) => (a(), i($(y[r.type]), T({
+              v("section", null, [
+                e.value && e.value.content ? (n(!0), l(_, { key: 0 }, g(e.value.content, (r, c) => (n(), i(B(h[r.type]), $({
                   key: c,
                   index: c,
                   component: r,
@@ -80,7 +80,7 @@ const F = { class: "pd-thin" }, I = ["href"], W = {
                   content: "content"
                 }, b(r), { class: "mn-b-regular" }), null, 16, ["index", "component", "prop", "class"]))), 128)) : o("", !0)
               ]),
-              e.value.source ? (a(), l("a", {
+              e.value.source ? (n(), l("a", {
                 key: 0,
                 href: e.value.source,
                 target: "_blank",
@@ -88,9 +88,10 @@ const F = { class: "pd-thin" }, I = ["href"], W = {
               }, " Check Source 🔗 ", 8, I)) : o("", !0)
             ]),
             _: 1
-          }, 8, ["blogpost", "user", "class"])) : o("", !0),
-          s(H, { class: "mn-b-small" }),
-          !n.value && e.value ? (a(), i(M, {
+          }, 8, ["blogpost", "user"])) : o("", !0),
+          R,
+          s(L, { class: "mn-b-small" }),
+          !a.value && e.value ? (n(), i(H, {
             key: 1,
             type: "blogpost",
             target: e.value._id,
@@ -103,5 +104,5 @@ const F = { class: "pd-thin" }, I = ["href"], W = {
   }
 };
 export {
-  W as default
+  Y as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../blocks/CardBlogpost.vue.cjs");require("../../../../../../node_modules/@ozdao/prometheus-framework/dist/prometheus-framework.es.cjs");const l=require("../../store/blogposts.cjs"),_=require("../../../auth/store/auth.cjs"),f=require("vue-router");require("./Community.vue2.cjs");const b=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),v=r=>(e.pushScopeId("data-v-dc16ad95"),r=r(),e.popScopeId(),r),g={class:"flex-v-center flex-nowrap flex mn-b-medium"},h=v(()=>e.createElementVNode("h3",{class:"mn-r-medium"},"Blog",-1)),k={class:""},w={class:"flex-nowrap flex pd-t-zero pd-b-zero pd-big"},y=["onClick"],C=["onClick"],B={__name:"Community",async setup(r){let s,c;const i=f.useRouter();[s,c]=e.withAsyncContext(()=>l.read()),await s,c(),console.log(l.state),e.ref({title:"",content:"",categories:[]});const d=async t=>{window.confirm("Are you sure you want to delete this post?")&&(console.log(t),await l.remove(t))};let u=e.ref("all");const a=e.computed(()=>u.value==="all"?l.state.all:l.state.all.filter(t=>t.categories.includes(u.value)));return e.computed(()=>{for(let t of a.value)if(t.blocks&&t.blocks.length>0){const n=t.blocks.find(o=>o.type.name==="ImageUpload");if(n)return n.content}return null}),(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",g,[h,e.createElementVNode("button",{onClick:n[0]||(n[0]=o=>e.unref(i).push({name:"Create BlogPost"})),class:"t-white bg-second button-small button"},"+")]),e.createElementVNode("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,o=>(e.openBlock(),e.createBlock(p.default,{key:o._id,blogpost:o,owner:_.state.user._id,class:"mn-b-medium"},{default:e.withCtx(()=>[e.createElementVNode("div",w,[e.createElementVNode("button",{class:"mn-r-thin button-small w-100 button",onClick:m=>t.$router.push({path:"/community/posts/"+o.url+"/edit"})},"Edit",8,y),e.createElementVNode("button",{class:"button-small w-100 button",onClick:m=>d(o._id)},"Delete",8,C)])]),_:2},1032,["blogpost","owner"]))),128))])]))}},E=b.default(B,[["__scopeId","data-v-dc16ad95"]]);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../blocks/CardBlogpost.vue.cjs");require("../../../../../../node_modules/@ozdao/prometheus-framework/dist/prometheus-framework.es.cjs");const l=require("../../store/blogposts.cjs"),_=require("../../../auth/store/auth.cjs"),f=require("vue-router");require("./Community.vue2.cjs");const b=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),v=r=>(e.pushScopeId("data-v-e98ee39a"),r=r(),e.popScopeId(),r),g={class:"flex-v-center flex-nowrap flex mn-b-medium"},h=v(()=>e.createElementVNode("h3",{class:"mn-r-medium"},"Blog",-1)),k={class:""},w={class:"flex-nowrap flex pd-t-zero pd-b-zero pd-big"},y=["onClick"],C=["onClick"],B={__name:"Community",async setup(r){let s,c;const i=f.useRouter();[s,c]=e.withAsyncContext(()=>l.read()),await s,c(),console.log(l.state),e.ref({title:"",content:"",categories:[]});const d=async t=>{window.confirm("Are you sure you want to delete this post?")&&(console.log(t),await l.remove(t))};let u=e.ref("all");const a=e.computed(()=>u.value==="all"?l.state.all:l.state.all.filter(t=>t.categories.includes(u.value)));return e.computed(()=>{for(let t of a.value)if(t.blocks&&t.blocks.length>0){const n=t.blocks.find(o=>o.type.name==="ImageUpload");if(n)return n.content}return null}),(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",g,[h,e.createElementVNode("button",{onClick:n[0]||(n[0]=o=>e.unref(i).push({name:"Create BlogPost"})),class:"t-white bg-second button-small button"},"+")]),e.createElementVNode("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,o=>(e.openBlock(),e.createBlock(p.default,{key:o._id,blogpost:o,owner:_.state.user._id,class:"mn-b-medium"},{default:e.withCtx(()=>[e.createElementVNode("div",w,[e.createElementVNode("button",{class:"mn-r-thin button-small w-100 button",onClick:m=>t.$router.push({path:"/community/posts/"+o.url+"/edit"})},"Edit",8,y),e.createElementVNode("button",{class:"button-small w-100 button",onClick:m=>d(o._id)},"Delete",8,C)])]),_:2},1032,["blogpost","owner"]))),128))])]))}},E=b.default(B,[["__scopeId","data-v-e98ee39a"]]);exports.default=E;