@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1 +1,129 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../../globals/views/components/blocks/CardHeader.vue.cjs"),d=require("./FooterBlogpost.vue.cjs"),m=require("../../../../components/Text/Text.vue.cjs");;/* empty css                                       */const g=require("vue-router"),b={class:"pos-relative bg-light radius-big flex-column flex"},p={class:"pd-t-zero pd-b-zero pd-medium"},y={key:0,class:"cursor-pointer mn-b-thin flex-nowrap flex w-100"},f={key:1,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"},h={key:1,class:"mn-b-small t-transp p-big"},k={key:2,class:"mn-b-small h2"},v=["src"],B={key:1,controls:"",class:"mn-b-medium object-fit-cover w-100 h-max-20r"},x=["src"],V={__name:"CardBlogpost",props:{blogpost:{type:Object},user:{type:String},type:{type:String},hideDescription:{type:Boolean,default:!1},hideTitle:{type:Boolean,default:!1}},setup(t){const i=g.useRouter(),n=t,l=e.computed(()=>n.blogpost.content.find(o=>o.type==="ImageUpload")),s=e.computed(()=>n.blogpost.content.find(o=>o.type==="Video")),a=e.computed(()=>n.blogpost.content.find(o=>o.type==="Textarea"));return(o,r)=>{var c;return e.openBlock(),e.createElementBlock("article",b,[e.createVNode(u.default,{class:e.normalizeClass({"mn-b-small pd-medium":t.type!=="short","flex-child-order-last flex-child mn-l-small":t.type==="short"}),entity:t.blogpost,entityType:"blogpost",user:t.user,owner:t.blogpost.owner,creator:t.blogpost.creator,date:t.blogpost.createdAt,actions:t.user&&t.user===t.blogpost.creator.target._id?[{to:{name:"Edit BlogPost",params:{url:t.blogpost.url}},label:"Edit"}]:null},null,8,["class","entity","user","owner","creator","date","actions"]),e.createElementVNode("section",p,[t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("div",y,[t.hideTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m.default,{key:0,text:t.blogpost.name||"",maxLen:80,class:"h3 d-block",onClick:r[0]||(r[0]=E=>e.unref(i).push({name:"BlogPost",params:{url:t.blogpost.url}}))},null,8,["text"])),t.blogpost.status==="draft"?(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(t.blogpost.status),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),a.value&&a.value.content&&t.type!=="blogpostPage"&&!t.hideDescription?(e.openBlock(),e.createElementBlock("p",h,e.toDisplayString(a.value.content.slice(0,120))+"... ",1)):e.createCommentVNode("",!0),t.type==="blogpostPage"&&!t.hideTitle?(e.openBlock(),e.createElementBlock("h3",k,e.toDisplayString(t.blogpost.name),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]),l.value&&l.value.content&&t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("img",{key:0,src:(o.FILE_SERVER_URL||"")+l.value.content,alt:"Blog post image",class:"mn-b-medium object-fit-cover w-100 h-min-10r h-100"},null,8,v)):e.createCommentVNode("",!0),!((c=l.value)!=null&&c.content)&&s.value&&s.value.content&&t.type!=="blogpostPage"?(e.openBlock(),e.createElementBlock("video",B,[e.createElementVNode("source",{src:s.value.content,type:"video/mp4"},null,8,x),e.createTextVNode(" Your browser does not support the video tag. ")])):e.createCommentVNode("",!0),e.createVNode(d.default,{class:"pd-t-zero pd-medium",blogpost:t.blogpost,user:t.user},null,8,["blogpost","user"])])}}};exports.default=V;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const FooterBlogpost = require("./FooterBlogpost.vue.cjs");
+const Text = require("../../../../components/Text/Text.vue.cjs");
+;/* empty css                                       */
+const vueRouter = require("vue-router");
+const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
+const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };
+const _hoisted_3 = {
+  key: 0,
+  class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
+};
+const _hoisted_4 = {
+  key: 1,
+  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"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "mn-b-small t-transp p-big"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "mn-b-small h2"
+};
+const _hoisted_7 = ["src"];
+const _hoisted_8 = {
+  key: 1,
+  controls: "",
+  class: "mn-b-medium object-fit-cover w-100 h-max-20r"
+};
+const _hoisted_9 = ["src"];
+const _sfc_main = {
+  __name: "CardBlogpost",
+  props: {
+    blogpost: {
+      type: Object
+    },
+    user: {
+      type: String
+    },
+    type: {
+      type: String
+    },
+    hideDescription: {
+      type: Boolean,
+      default: false
+    },
+    hideTitle: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const props = __props;
+    const firstImage = vue.computed(() => {
+      return props.blogpost.content.find((block) => block.type === "ImageUpload");
+    });
+    const firstVideo = vue.computed(() => {
+      return props.blogpost.content.find((block) => block.type === "Video");
+    });
+    const firstText = vue.computed(() => {
+      return props.blogpost.content.find((block) => block.type === "Textarea");
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
+        vue.createVNode(CardHeader.default, {
+          class: vue.normalizeClass({
+            "mn-b-small pd-medium": __props.type !== "short",
+            "flex-child-order-last flex-child mn-l-small": __props.type === "short"
+          }),
+          entity: __props.blogpost,
+          entityType: "blogpost",
+          user: __props.user,
+          owner: __props.blogpost.owner,
+          creator: __props.blogpost.creator,
+          date: __props.blogpost.createdAt,
+          actions: __props.user && __props.user === __props.blogpost.creator.target._id ? [
+            { to: { name: "Edit BlogPost", params: { url: __props.blogpost.url } }, label: "Edit" }
+          ] : null
+        }, null, 8, ["class", "entity", "user", "owner", "creator", "date", "actions"]),
+        vue.createElementVNode("section", _hoisted_2, [
+          __props.type !== "blogpostPage" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            !__props.hideTitle ? (vue.openBlock(), vue.createBlock(Text.default, {
+              key: 0,
+              text: __props.blogpost.name || "",
+              maxLen: 80,
+              class: "h3 d-block",
+              onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({
+                name: "BlogPost",
+                params: {
+                  url: __props.blogpost.url
+                }
+              }))
+            }, null, 8, ["text"])) : vue.createCommentVNode("", true),
+            __props.blogpost.status === "draft" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(__props.blogpost.status), 1)) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true),
+          firstText.value && firstText.value.content && __props.type !== "blogpostPage" && !__props.hideDescription ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(firstText.value.content.slice(0, 120)) + "... ", 1)) : vue.createCommentVNode("", true),
+          __props.type === "blogpostPage" && !__props.hideTitle ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6, vue.toDisplayString(__props.blogpost.name), 1)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        firstImage.value && firstImage.value.content && __props.type !== "blogpostPage" ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + firstImage.value.content,
+          alt: "Blog post image",
+          class: "mn-b-medium object-fit-cover w-100 h-min-10r h-100"
+        }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true),
+        !((_a = firstImage.value) == null ? void 0 : _a.content) && firstVideo.value && firstVideo.value.content && __props.type !== "blogpostPage" ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_8, [
+          vue.createElementVNode("source", {
+            src: firstVideo.value.content,
+            type: "video/mp4"
+          }, null, 8, _hoisted_9),
+          vue.createTextVNode(" Your browser does not support the video tag. ")
+        ])) : vue.createCommentVNode("", true),
+        vue.createVNode(FooterBlogpost.default, {
+          class: "pd-t-zero pd-medium",
+          blogpost: __props.blogpost,
+          user: __props.user
+        }, null, 8, ["blogpost", "user"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CardBlogpost.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative bg-light radius-big flex-column flex\"\n\t>\n\n\t\t<!-- <router-link \n\t\t\tv-if=\"user && user === blogpost.creator.target._id\"\n\t\t\t:to=\"{\n\t\t\t\tname: 'Edit BlogPost', \n\t\t\t\tparams: {\n\t\t\t\t\turl: blogpost.url\n\t\t\t\t}\n\t\t\t}\" \n\n\t\t\tclass=\"\n\t\t\t\tcursor-pointer \n\t\t\t\tpos-absolute pos-t-regular pos-r-regular\n\t\t\t\tradius-extra pd-thin bg-second\n\t\t\t\"\n\t\t>\n\t\t\t<IconEdit\n\t\t\t\tclass=\"i-regular\"\n\t\t\t\tclasses=\"fill-white\"\n\t\t\t/>\n\t\t</router-link> -->\n\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"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\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-small t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-small h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-cover w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@pf/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Textarea');\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,UAAU;AAAA,IACxE,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,26 +1,35 @@
-import { computed as c, openBlock as o, createElementBlock as l, createVNode as g, normalizeClass as f, createElementVNode as b, createBlock as h, unref as y, createCommentVNode as s, toDisplayString as u, renderSlot as v, createTextVNode as x } from "vue";
-import k from "../../../globals/views/components/blocks/CardHeader.vue.js";
-import w from "./FooterBlogpost.vue.js";
-import B from "../../../../components/Text/Text.vue.js";
+import { computed, openBlock, createElementBlock, createVNode, normalizeClass, createElementVNode, createBlock, unref, createCommentVNode, toDisplayString, renderSlot, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
+import _sfc_main$3 from "./FooterBlogpost.vue.js";
+import _sfc_main$2 from "../../../../components/Text/Text.vue.js";
 /* empty css                                     */
-import { useRouter as E } from "vue-router";
-const P = { class: "pos-relative bg-light radius-big flex-column flex" }, T = { class: "pd-t-zero pd-b-zero pd-medium" }, V = {
+import { useRouter } from "vue-router";
+const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
+const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };
+const _hoisted_3 = {
   key: 0,
   class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
-}, S = {
+};
+const _hoisted_4 = {
   key: 1,
   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"
-}, $ = {
+};
+const _hoisted_5 = {
   key: 1,
   class: "mn-b-small t-transp p-big"
-}, z = {
+};
+const _hoisted_6 = {
   key: 2,
   class: "mn-b-small h2"
-}, C = ["src"], N = {
+};
+const _hoisted_7 = ["src"];
+const _hoisted_8 = {
   key: 1,
   controls: "",
   class: "mn-b-medium object-fit-cover w-100 h-max-20r"
-}, R = ["src"], O = {
+};
+const _hoisted_9 = ["src"];
+const _sfc_main = {
   __name: "CardBlogpost",
   props: {
     blogpost: {
@@ -34,75 +43,87 @@ const P = { class: "pos-relative bg-light radius-big flex-column flex" }, T = {
     },
     hideDescription: {
       type: Boolean,
-      default: !1
+      default: false
     },
     hideTitle: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  setup(e) {
-    const p = E(), a = e, n = c(() => a.blogpost.content.find((t) => t.type === "ImageUpload")), r = c(() => a.blogpost.content.find((t) => t.type === "Video")), i = c(() => a.blogpost.content.find((t) => t.type === "Textarea"));
-    return (t, d) => {
-      var m;
-      return o(), l("article", P, [
-        g(k, {
-          class: f({
-            "mn-b-small pd-medium": e.type !== "short",
-            "flex-child-order-last flex-child mn-l-small": e.type === "short"
+  setup(__props) {
+    const router = useRouter();
+    const props = __props;
+    const firstImage = computed(() => {
+      return props.blogpost.content.find((block) => block.type === "ImageUpload");
+    });
+    const firstVideo = computed(() => {
+      return props.blogpost.content.find((block) => block.type === "Video");
+    });
+    const firstText = computed(() => {
+      return props.blogpost.content.find((block) => block.type === "Textarea");
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("article", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          class: normalizeClass({
+            "mn-b-small pd-medium": __props.type !== "short",
+            "flex-child-order-last flex-child mn-l-small": __props.type === "short"
           }),
-          entity: e.blogpost,
+          entity: __props.blogpost,
           entityType: "blogpost",
-          user: e.user,
-          owner: e.blogpost.owner,
-          creator: e.blogpost.creator,
-          date: e.blogpost.createdAt,
-          actions: e.user && e.user === e.blogpost.creator.target._id ? [
-            { to: { name: "Edit BlogPost", params: { url: e.blogpost.url } }, label: "Edit" }
+          user: __props.user,
+          owner: __props.blogpost.owner,
+          creator: __props.blogpost.creator,
+          date: __props.blogpost.createdAt,
+          actions: __props.user && __props.user === __props.blogpost.creator.target._id ? [
+            { to: { name: "Edit BlogPost", params: { url: __props.blogpost.url } }, label: "Edit" }
           ] : null
         }, null, 8, ["class", "entity", "user", "owner", "creator", "date", "actions"]),
-        b("section", T, [
-          e.type !== "blogpostPage" ? (o(), l("div", V, [
-            e.hideTitle ? s("", !0) : (o(), h(B, {
+        createElementVNode("section", _hoisted_2, [
+          __props.type !== "blogpostPage" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            !__props.hideTitle ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
-              text: e.blogpost.name || "",
+              text: __props.blogpost.name || "",
               maxLen: 80,
               class: "h3 d-block",
-              onClick: d[0] || (d[0] = (j) => y(p).push({
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({
                 name: "BlogPost",
                 params: {
-                  url: e.blogpost.url
+                  url: __props.blogpost.url
                 }
               }))
-            }, null, 8, ["text"])),
-            e.blogpost.status === "draft" ? (o(), l("div", S, u(e.blogpost.status), 1)) : s("", !0)
-          ])) : s("", !0),
-          i.value && i.value.content && e.type !== "blogpostPage" && !e.hideDescription ? (o(), l("p", $, u(i.value.content.slice(0, 120)) + "... ", 1)) : s("", !0),
-          e.type === "blogpostPage" && !e.hideTitle ? (o(), l("h3", z, u(e.blogpost.name), 1)) : s("", !0),
-          v(t.$slots, "default")
+            }, null, 8, ["text"])) : createCommentVNode("", true),
+            __props.blogpost.status === "draft" ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.blogpost.status), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          firstText.value && firstText.value.content && __props.type !== "blogpostPage" && !__props.hideDescription ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(firstText.value.content.slice(0, 120)) + "... ", 1)) : createCommentVNode("", true),
+          __props.type === "blogpostPage" && !__props.hideTitle ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(__props.blogpost.name), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
         ]),
-        n.value && n.value.content && e.type !== "blogpostPage" ? (o(), l("img", {
+        firstImage.value && firstImage.value.content && __props.type !== "blogpostPage" ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (t.FILE_SERVER_URL || "") + n.value.content,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + firstImage.value.content,
           alt: "Blog post image",
           class: "mn-b-medium object-fit-cover w-100 h-min-10r h-100"
-        }, null, 8, C)) : s("", !0),
-        !((m = n.value) != null && m.content) && r.value && r.value.content && e.type !== "blogpostPage" ? (o(), l("video", N, [
-          b("source", {
-            src: r.value.content,
+        }, null, 8, _hoisted_7)) : createCommentVNode("", true),
+        !((_a = firstImage.value) == null ? void 0 : _a.content) && firstVideo.value && firstVideo.value.content && __props.type !== "blogpostPage" ? (openBlock(), createElementBlock("video", _hoisted_8, [
+          createElementVNode("source", {
+            src: firstVideo.value.content,
             type: "video/mp4"
-          }, null, 8, R),
-          x(" Your browser does not support the video tag. ")
-        ])) : s("", !0),
-        g(w, {
+          }, null, 8, _hoisted_9),
+          createTextVNode(" Your browser does not support the video tag. ")
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$3, {
           class: "pd-t-zero pd-medium",
-          blogpost: e.blogpost,
-          user: e.user
+          blogpost: __props.blogpost,
+          user: __props.user
         }, null, 8, ["blogpost", "user"])
       ]);
     };
   }
 };
 export {
-  O as default
+  _sfc_main as default
 };
+//# sourceMappingURL=CardBlogpost.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative bg-light radius-big flex-column flex\"\n\t>\n\n\t\t<!-- <router-link \n\t\t\tv-if=\"user && user === blogpost.creator.target._id\"\n\t\t\t:to=\"{\n\t\t\t\tname: 'Edit BlogPost', \n\t\t\t\tparams: {\n\t\t\t\t\turl: blogpost.url\n\t\t\t\t}\n\t\t\t}\" \n\n\t\t\tclass=\"\n\t\t\t\tcursor-pointer \n\t\t\t\tpos-absolute pos-t-regular pos-r-regular\n\t\t\t\tradius-extra pd-thin bg-second\n\t\t\t\"\n\t\t>\n\t\t\t<IconEdit\n\t\t\t\tclass=\"i-regular\"\n\t\t\t\tclasses=\"fill-white\"\n\t\t\t/>\n\t\t</router-link> -->\n\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"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\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-small t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-small h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-cover w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@pf/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Textarea');\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IC,UAAM,SAAS,UAAW;AAE1B,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,UAAU;AAAA,IACxE,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/blocks/FooterBlogpost.vue.cjs

@@ -1 +1,103 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("vue-router");const c=require("../../store/reactions.cjs"),g={class:"t-semi br-top-dark flex-nowrap flex-nojustify flex"},m={class:"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer"},v={__name:"FooterBlogpost",props:["blogpost","owner","user"],setup(r){const o=r,n=e.ref(o.blogpost.numberOfReactions),s=e.ref(o.blogpost.isReacted),l=e.ref(o.blogpost.reactionId);async function u(i){if(!o.user){alert("Please login to add a reaction");return}try{const t={target:o.blogpost._id,type:"blogpost",user:o.user,class:"like"},a=await c.actions.create(t);a.reaction.class==="like"&&(n.value+=1,s.value=!0,l.value=a.reaction._id)}catch(t){console.error(t),alert("Error adding reaction. Please try again later.")}}async function d(i){if(!o.user){alert("Please login to add a reaction");return}try{const t={_id:l.value};await c.actions.delete(t),n.value-=1,s.value=!1,l.value=null}catch{alert("Error adding reaction. Please try again later.")}}return(i,t)=>{const a=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("footer",g,[e.createVNode(a,{to:{name:"BlogPost",params:{url:r.blogpost.url}},class:"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"},{default:e.withCtx(()=>[e.createTextVNode(" 👁️ "+e.toDisplayString(r.blogpost.views),1)]),_:1},8,["to"]),e.createElementVNode("div",m,[s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:t[0]||(t[0]=p=>u())}," 👍 "+e.toDisplayString(n.value),1)),s.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:t[1]||(t[1]=p=>d())}," 👍 "+e.toDisplayString(n.value),1)):e.createCommentVNode("",!0)]),e.createVNode(a,{to:{name:"BlogPost",hash:"#comments",params:{url:r.blogpost.url}},class:"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"},{default:e.withCtx(()=>[e.createTextVNode(" 💬 "+e.toDisplayString(r.blogpost.numberOfComments),1)]),_:1},8,["to"])])}}};exports.default=v;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("vue-router");
+const reactions = require("../../store/reactions.cjs");
+const _hoisted_1 = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" };
+const _hoisted_2 = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
+const _sfc_main = {
+  __name: "FooterBlogpost",
+  props: ["blogpost", "owner", "user"],
+  setup(__props) {
+    const props = __props;
+    const reactionsCount = vue.ref(props.blogpost.numberOfReactions);
+    const isReacted = vue.ref(props.blogpost.isReacted);
+    const reactionId = vue.ref(props.blogpost.reactionId);
+    async function addReaction(type) {
+      if (!props.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const reaction = {
+          target: props.blogpost._id,
+          type: "blogpost",
+          user: props.user,
+          class: "like"
+        };
+        const res = await reactions.actions.create(reaction);
+        if (res.reaction.class === "like") {
+          reactionsCount.value += 1;
+          isReacted.value = true;
+          reactionId.value = res.reaction._id;
+        }
+      } catch (err) {
+        console.error(err);
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    async function deleteReaction(type) {
+      if (!props.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const reaction = { _id: reactionId.value };
+        await reactions.actions.delete(reaction);
+        reactionsCount.value -= 1;
+        isReacted.value = false;
+        reactionId.value = null;
+      } catch (err) {
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("footer", _hoisted_1, [
+        vue.createVNode(_component_router_link, {
+          to: {
+            name: "BlogPost",
+            params: {
+              url: __props.blogpost.url
+            }
+          },
+          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" 👁️ " + vue.toDisplayString(__props.blogpost.views), 1)
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          !isReacted.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "cursor-pointer",
+            onClick: _cache[0] || (_cache[0] = ($event) => addReaction())
+          }, " 👍 " + vue.toDisplayString(reactionsCount.value), 1)) : vue.createCommentVNode("", true),
+          isReacted.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "cursor-pointer",
+            onClick: _cache[1] || (_cache[1] = ($event) => deleteReaction())
+          }, " 👍 " + vue.toDisplayString(reactionsCount.value), 1)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(_component_router_link, {
+          to: {
+            name: "BlogPost",
+            hash: "#comments",
+            params: {
+              url: __props.blogpost.url
+            }
+          },
+          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" 💬 " + vue.toDisplayString(__props.blogpost.numberOfComments), 1)
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FooterBlogpost.vue.cjs.map

package/dist/prometheus-framework/src/modules/community/components/blocks/FooterBlogpost.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@pf/src/modules/community/store/reactions';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","reactions.actions"],"mappings":";;;;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiBA,IAAAA,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAYA,IAAAA,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAaA,IAAAA,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACD;AAED,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACb;AACI,cAAM,MAAM,MAAMC,UAAAA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QACjC;AAAA,MACF,SAAQ,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MACvD;AAAA,IACH;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACD;AAED,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAK;AAExC,cAAMA,UAAiB,QAAC,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACpB,SAAQ,KAAK;AACZ,cAAM,gDAAgD;AAAA,MACvD;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,81 +1,95 @@
-import { ref as i, resolveComponent as k, openBlock as c, createElementBlock as u, createVNode as p, withCtx as g, createTextVNode as m, toDisplayString as s, createElementVNode as w, createCommentVNode as f } from "vue";
+import { ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from "vue";
 import "vue-router";
-import { actions as v } from "../../store/reactions.js";
-const x = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" }, C = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" }, R = {
+import { actions } from "../../store/reactions.js";
+const _hoisted_1 = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" };
+const _hoisted_2 = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
+const _sfc_main = {
   __name: "FooterBlogpost",
   props: ["blogpost", "owner", "user"],
-  setup(o) {
-    const t = o, a = i(t.blogpost.numberOfReactions), n = i(t.blogpost.isReacted), l = i(t.blogpost.reactionId);
-    async function b(d) {
-      if (!t.user) {
+  setup(__props) {
+    const props = __props;
+    const reactionsCount = ref(props.blogpost.numberOfReactions);
+    const isReacted = ref(props.blogpost.isReacted);
+    const reactionId = ref(props.blogpost.reactionId);
+    async function addReaction(type) {
+      if (!props.user) {
         alert("Please login to add a reaction");
         return;
       }
       try {
-        const e = {
-          target: t.blogpost._id,
+        const reaction = {
+          target: props.blogpost._id,
           type: "blogpost",
-          user: t.user,
+          user: props.user,
           class: "like"
-        }, r = await v.create(e);
-        r.reaction.class === "like" && (a.value += 1, n.value = !0, l.value = r.reaction._id);
-      } catch (e) {
-        console.error(e), alert("Error adding reaction. Please try again later.");
+        };
+        const res = await actions.create(reaction);
+        if (res.reaction.class === "like") {
+          reactionsCount.value += 1;
+          isReacted.value = true;
+          reactionId.value = res.reaction._id;
+        }
+      } catch (err) {
+        console.error(err);
+        alert("Error adding reaction. Please try again later.");
       }
     }
-    async function h(d) {
-      if (!t.user) {
+    async function deleteReaction(type) {
+      if (!props.user) {
         alert("Please login to add a reaction");
         return;
       }
       try {
-        const e = { _id: l.value };
-        await v.delete(e), a.value -= 1, n.value = !1, l.value = null;
-      } catch {
+        const reaction = { _id: reactionId.value };
+        await actions.delete(reaction);
+        reactionsCount.value -= 1;
+        isReacted.value = false;
+        reactionId.value = null;
+      } catch (err) {
         alert("Error adding reaction. Please try again later.");
       }
     }
-    return (d, e) => {
-      const r = k("router-link");
-      return c(), u("footer", x, [
-        p(r, {
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("footer", _hoisted_1, [
+        createVNode(_component_router_link, {
           to: {
             name: "BlogPost",
             params: {
-              url: o.blogpost.url
+              url: __props.blogpost.url
             }
           },
           class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
         }, {
-          default: g(() => [
-            m(" 👁️ " + s(o.blogpost.views), 1)
+          default: withCtx(() => [
+            createTextVNode(" 👁️ " + toDisplayString(__props.blogpost.views), 1)
           ]),
           _: 1
         }, 8, ["to"]),
-        w("div", C, [
-          n.value ? f("", !0) : (c(), u("div", {
+        createElementVNode("div", _hoisted_2, [
+          !isReacted.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "cursor-pointer",
-            onClick: e[0] || (e[0] = (y) => b())
-          }, " 👍 " + s(a.value), 1)),
-          n.value ? (c(), u("div", {
+            onClick: _cache[0] || (_cache[0] = ($event) => addReaction())
+          }, " 👍 " + toDisplayString(reactionsCount.value), 1)) : createCommentVNode("", true),
+          isReacted.value ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: "cursor-pointer",
-            onClick: e[1] || (e[1] = (y) => h())
-          }, " 👍 " + s(a.value), 1)) : f("", !0)
+            onClick: _cache[1] || (_cache[1] = ($event) => deleteReaction())
+          }, " 👍 " + toDisplayString(reactionsCount.value), 1)) : createCommentVNode("", true)
         ]),
-        p(r, {
+        createVNode(_component_router_link, {
           to: {
             name: "BlogPost",
             hash: "#comments",
             params: {
-              url: o.blogpost.url
+              url: __props.blogpost.url
             }
           },
           class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
         }, {
-          default: g(() => [
-            m(" 💬 " + s(o.blogpost.numberOfComments), 1)
+          default: withCtx(() => [
+            createTextVNode(" 💬 " + toDisplayString(__props.blogpost.numberOfComments), 1)
           ]),
           _: 1
         }, 8, ["to"])
@@ -84,5 +98,6 @@ const x = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" }, C = {
   }
 };
 export {
-  R as default
+  _sfc_main as default
 };
+//# sourceMappingURL=FooterBlogpost.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@pf/src/modules/community/store/reactions';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["reactions.actions"],"mappings":";;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiB,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAY,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAa,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACD;AAED,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACb;AACI,cAAM,MAAM,MAAMA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QACjC;AAAA,MACF,SAAQ,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MACvD;AAAA,IACH;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACD;AAED,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAK;AAExC,cAAMA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACpB,SAAQ,KAAK;AACZ,cAAM,gDAAgD;AAAA,MACvD;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}