@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1 +1,96 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                       */const p=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");;/* empty css                                         */;/* empty css                                         */;/* empty css                                         */require("axios");;/* empty css                                          */const _=require("../blocks/CardBlogpost.vue.cjs"),n=require("../../store/blogposts.cjs"),f=require("../../../auth/views/store/auth.cjs"),b=require("vue-router");;/* empty css                 */const v=l=>(e.pushScopeId("data-v-2fc13a78"),l=l(),e.popScopeId(),l),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"},q=["onClick"],y=["onClick"],C={__name:"Community",async setup(l){let s,c;const i=b.useRouter();[s,c]=e.withAsyncContext(()=>n.read()),await s,c(),console.log(n.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 n.remove(t))};let u=e.ref("all");const a=e.computed(()=>u.value==="all"?n.state.all:n.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 r=t.blocks.find(o=>o.type.name==="ImageUpload");if(r)return r.content}return null}),(t,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",g,[h,e.createElementVNode("button",{onClick:r[0]||(r[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(_.default,{key:o._id,blogpost:o,owner:f.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,q),e.createElementVNode("button",{class:"button-small w-100 button",onClick:m=>d(o._id)},"Delete",8,y)])]),_:2},1032,["blogpost","owner"]))),128))])]))}},B=p.default(C,[["__scopeId","data-v-2fc13a78"]]);exports.default=B;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                       */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+;/* empty css                                         */
+;/* empty css                                         */
+;/* empty css                                         */
+require("axios");
+;/* empty css                                          */
+const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
+const blogposts = require("../../store/blogposts.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const vueRouter = require("vue-router");
+;/* empty css                 */
+const _withScopeId = (n) => (vue.pushScopeId("data-v-2fc13a78"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex mn-b-medium" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-r-medium" }, "Blog", -1));
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _sfc_main = {
+  __name: "Community",
+  async setup(__props) {
+    let __temp, __restore;
+    const router = vueRouter.useRouter();
+    [__temp, __restore] = vue.withAsyncContext(() => blogposts.read()), await __temp, __restore();
+    console.log(blogposts.state);
+    vue.ref({
+      title: "",
+      content: "",
+      categories: []
+    });
+    const deletePost = async (_id) => {
+      if (window.confirm("Are you sure you want to delete this post?")) {
+        console.log(_id);
+        await blogposts.remove(_id);
+      }
+    };
+    let selectedCategory = vue.ref("all");
+    const filteredBlogPosts = vue.computed(() => {
+      if (selectedCategory.value === "all") {
+        return blogposts.state.all;
+      }
+      return blogposts.state.all.filter((item) => item.categories.includes(selectedCategory.value));
+    });
+    vue.computed(() => {
+      for (let item of filteredBlogPosts.value) {
+        if (item.blocks && item.blocks.length > 0) {
+          const imageBlock = item.blocks.find((block) => block.type.name === "ImageUpload");
+          if (imageBlock) return imageBlock.content;
+        }
+      }
+      return null;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", _hoisted_1, [
+          _hoisted_2,
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ name: "Create BlogPost" })),
+            class: "t-white bg-second button-small button"
+          }, "+")
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredBlogPosts.value, (blogpost) => {
+            return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
+              key: blogpost._id,
+              blogpost,
+              owner: auth.state.user._id,
+              class: "mn-b-medium"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_4, [
+                  vue.createElementVNode("button", {
+                    class: "mn-r-thin button-small w-100 button",
+                    onClick: ($event) => _ctx.$router.push({ path: "/community/posts/" + blogpost.url + "/edit" })
+                  }, "Edit", 8, _hoisted_5),
+                  vue.createElementVNode("button", {
+                    class: "button-small w-100 button",
+                    onClick: ($event) => deletePost(blogpost._id)
+                  }, "Delete", 8, _hoisted_6)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["blogpost", "owner"]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+};
+const Community = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2fc13a78"]]);
+exports.default = Community;
+//# sourceMappingURL=Community.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium\"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","_withAsyncContext","fetchBlogPosts","blogState","ref","deleteBlogPost","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAASA,UAAAA,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAc,KAAA,CAAC;AAErB,YAAQ,IAAIC,UAAAA,KAAS;AAIAC,QAAAA,IAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,UAAAA,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmBD,IAAG,IAAC,KAAK;AAEhC,UAAM,oBAAoBE,IAAQ,SAAC,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOH,UAAAA,MAAU;AAAA,MAClB;AACD,aAAOA,gBAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkBG,QAAAA,SAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,71 +1,96 @@
-import { withAsyncContext as b, ref as u, computed as d, openBlock as r, createElementBlock as p, createElementVNode as o, unref as v, Fragment as w, renderList as g, createBlock as k, withCtx as y, pushScopeId as C, popScopeId as x } from "vue";
+import { withAsyncContext, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx, pushScopeId, popScopeId } from "vue";
 /* empty css                                     */
-import B from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */
 /* empty css                                       */
 /* empty css                                       */
 import "axios";
 /* empty css                                        */
-import $ from "../blocks/CardBlogpost.vue.js";
-import { read as I, state as l, remove as E } from "../../store/blogposts.js";
-import { state as P } from "../../../auth/views/store/auth.js";
-import { useRouter as S } from "vue-router";
+import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";
+import { read, state, remove } from "../../store/blogposts.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { useRouter } from "vue-router";
 /* empty css               */
-const z = (s) => (C("data-v-2fc13a78"), s = s(), x(), s), A = { class: "flex-v-center flex-nowrap flex mn-b-medium" }, D = /* @__PURE__ */ z(() => /* @__PURE__ */ o("h3", { class: "mn-r-medium" }, "Blog", -1)), F = { class: "" }, L = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" }, N = ["onClick"], R = ["onClick"], U = {
+const _withScopeId = (n) => (pushScopeId("data-v-2fc13a78"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex mn-b-medium" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "mn-r-medium" }, "Blog", -1));
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "flex-nowrap flex pd-t-zero pd-b-zero pd-big" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _sfc_main = {
   __name: "Community",
-  async setup(s) {
-    let i, c;
-    const _ = S();
-    [i, c] = b(() => I()), await i, c(), console.log(l), u({
+  async setup(__props) {
+    let __temp, __restore;
+    const router = useRouter();
+    [__temp, __restore] = withAsyncContext(() => read()), await __temp, __restore();
+    console.log(state);
+    ref({
       title: "",
       content: "",
       categories: []
     });
-    const f = async (t) => {
-      window.confirm("Are you sure you want to delete this post?") && (console.log(t), await E(t));
+    const deletePost = async (_id) => {
+      if (window.confirm("Are you sure you want to delete this post?")) {
+        console.log(_id);
+        await remove(_id);
+      }
     };
-    let a = u("all");
-    const m = d(() => a.value === "all" ? l.all : l.all.filter((t) => t.categories.includes(a.value)));
-    return d(() => {
-      for (let t of m.value)
-        if (t.blocks && t.blocks.length > 0) {
-          const n = t.blocks.find((e) => e.type.name === "ImageUpload");
-          if (n) return n.content;
+    let selectedCategory = ref("all");
+    const filteredBlogPosts = computed(() => {
+      if (selectedCategory.value === "all") {
+        return state.all;
+      }
+      return state.all.filter((item) => item.categories.includes(selectedCategory.value));
+    });
+    computed(() => {
+      for (let item of filteredBlogPosts.value) {
+        if (item.blocks && item.blocks.length > 0) {
+          const imageBlock = item.blocks.find((block) => block.type.name === "ImageUpload");
+          if (imageBlock) return imageBlock.content;
         }
+      }
       return null;
-    }), (t, n) => (r(), p("div", null, [
-      o("div", A, [
-        D,
-        o("button", {
-          onClick: n[0] || (n[0] = (e) => v(_).push({ name: "Create BlogPost" })),
-          class: "t-white bg-second button-small button"
-        }, "+")
-      ]),
-      o("div", F, [
-        (r(!0), p(w, null, g(m.value, (e) => (r(), k($, {
-          key: e._id,
-          blogpost: e,
-          owner: P.user._id,
-          class: "mn-b-medium"
-        }, {
-          default: y(() => [
-            o("div", L, [
-              o("button", {
-                class: "mn-r-thin button-small w-100 button",
-                onClick: (h) => t.$router.push({ path: "/community/posts/" + e.url + "/edit" })
-              }, "Edit", 8, N),
-              o("button", {
-                class: "button-small w-100 button",
-                onClick: (h) => f(e._id)
-              }, "Delete", 8, R)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["blogpost", "owner"]))), 128))
-      ])
-    ]));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          _hoisted_2,
+          createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: "Create BlogPost" })),
+            class: "t-white bg-second button-small button"
+          }, "+")
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(filteredBlogPosts.value, (blogpost) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: blogpost._id,
+              blogpost,
+              owner: state$1.user._id,
+              class: "mn-b-medium"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("button", {
+                    class: "mn-r-thin button-small w-100 button",
+                    onClick: ($event) => _ctx.$router.push({ path: "/community/posts/" + blogpost.url + "/edit" })
+                  }, "Edit", 8, _hoisted_5),
+                  createElementVNode("button", {
+                    class: "button-small w-100 button",
+                    onClick: ($event) => deletePost(blogpost._id)
+                  }, "Delete", 8, _hoisted_6)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["blogpost", "owner"]);
+          }), 128))
+        ])
+      ]);
+    };
   }
-}, Y = /* @__PURE__ */ B(U, [["__scopeId", "data-v-2fc13a78"]]);
+};
+const Community = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fc13a78"]]);
 export {
-  Y as default
+  Community as default
 };
+//# sourceMappingURL=Community.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium\"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["_withAsyncContext","fetchBlogPosts","blogState","deleteBlogPost"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAAS,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAc,CAAC;AAErB,YAAQ,IAAIC,KAAS;AAIA,QAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmB,IAAI,KAAK;AAEhC,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOD,MAAU;AAAA,MAClB;AACD,aAAOA,MAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkB,aAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,250 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("isomorphic-dompurify");;/* empty css                                                      */const w=require("../../../constructor/components/sections/Constructor.vue.cjs"),V=require("../../../../components/Popup/Popup.vue2.cjs");;/* empty css                                               */;/* empty css                                                     */const N=require("../../../../components/FieldTags/BlockTags.vue.cjs"),B=require("../../../../components/Checkbox/Checkbox.vue.cjs"),y=require("../../../../components/Field/Field.vue2.cjs"),P=require("../../../../components/SelectMulti/SelectMulti.vue.cjs"),C=require("../../../../components/Button/Button.vue2.cjs"),f=require("vue-router"),n=require("../../store/blogposts.cjs"),i=require("../../../auth/views/store/auth.cjs"),x=require("../../../organizations/store/organizations.cjs"),q={class:"pd-thin"},E={style:{"min-height":"100%"},class:"w-100 bg-light pd-big radius-big"},T=e.createElementVNode("div",{class:"w-full h-full"},null,-1),z={key:0,class:"pd-thin pos-sticky pos-l-0 pos-b-0 w-100"},A={class:"pd-thin radius-big bg-main w-100 flex-nowrap flex"},O=e.createElementVNode("h3",{class:"mn-b-small"},"Final Touches",-1),U=e.createElementVNode("h5",{class:"mn-b-thin"},"Add source:",-1),D=e.createElementVNode("h5",{class:"mn-b-thin"},"Add to public:",-1),M={key:0,class:"mn-b-thin"},S={key:1,class:"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"},R={__name:"CreateBlogPost",setup($){const s=f.useRoute(),u=f.useRouter();let t=e.ref(null),p=e.ref(null);const c=e.ref([]),r=e.ref(null);e.onMounted(async()=>{const o=await x.actions.read({user:i.state.user._id,postable:i.state.user._id,limit:100});if(p.value=o.map(a=>({name:a.profile.name,_id:a._id,photo:a.profile.photo})),s.params.url){const a=await n.read({user:i.state.user._id,url:s.params.url});t.value=a.pop()}else n.clean(),t.value=n.state.current;t.value.owner||(t.value.owner={target:i.state.user._id,type:"user"}),t.value.creator||(t.value.creator={target:i.state.user._id,type:"user",hidden:!1}),t.value.owner.type==="organization"&&(r.value={_id:t.value.owner.target._id,name:t.value.owner.target.profile.name,photo:t.value.owner.target.profile.photo})});const g=e.ref(""),m=e.ref([{text:"story"},{text:"news"},{text:"guide"},{text:"discussion"},{text:"photos"}]);e.computed(()=>m.value.filter(o=>o.text.toLowerCase().includes(g.value.toLowerCase()))),e.computed(()=>m.value.filter(o=>!c.value.some(a=>a.text===o.text)));const d=e.ref(!1);function h(){d.value=!0}function v(){d.value=!1}function b(){c.value.length>0&&c.value.map(o=>o.text),t.value.status="draft",t.value.name=t.value.content[0].content,s.params.url?n.update(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.log(o)})}function k(){r.value&&(t.value.owner={target:r.value._id,type:"organization"}),r.value||(t.value.creator.hidden=!1),r.value||(t.value.organization=t.value.creator),t.value.status="published",t.value.name=t.value.content[0].content,s.params.url?n.update(t.value).then(o=>{console.log(t.value),u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.error(o)}):n.create(t.value).then(o=>{u.push({name:"BlogPost",params:{url:o.url}})}).catch(o=>{console.error(o)})}function _(){confirm("Are you sure you want to delete this post?")&&n.remove(t.value._id).then(o=>{u.push({name:"User Blogposts",params:{_id:t.value.creator.target._id}})}).catch(o=>{console.log(o)})}return(o,a)=>(e.openBlock(),e.createElementBlock("article",q,[e.createElementVNode("section",E,[T,e.unref(t)?(e.openBlock(),e.createBlock(w.default,{key:0,content:e.unref(t).content,onUpdate:a[0]||(a[0]=l=>e.unref(t).content=l)},null,8,["content"])):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"scaleIn"},{default:e.withCtx(()=>[e.unref(t)?(e.openBlock(),e.createElementBlock("section",z,[e.createElementVNode("div",A,[e.unref(s).params.url?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:a[1]||(a[1]=l=>_()),class:"mn-r-auto bg-red t-white t-black button"},"Delete")):e.createCommentVNode("",!0),e.createElementVNode("a",{onClick:a[2]||(a[2]=l=>b()),class:"mn-l-auto bg-white t-black button"},"To Drafts"),e.createElementVNode("a",{onClick:a[3]||(a[3]=l=>h()),class:"mn-l-thin bg-black t-white button"},"Publish")])])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(V.default,{onClosePopup:v,isPopupOpen:d.value,class:"w-m-33r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[O,e.createVNode(N.default,{onTagsChanged:a[4]||(a[4]=l=>e.unref(t).tags=l),tags:e.unref(t).tags,class:"mn-b-small"},null,8,["tags"]),U,e.createVNode(y.default,{field:e.unref(t).source,"onUpdate:field":a[5]||(a[5]=l=>e.unref(t).source=l),placeholder:"Add full link to the source",class:"mn-b-medium bg-light radius-medium pd-small"},null,8,["field"]),D,e.createVNode(P.default,{modelValue:r.value,"onUpdate:modelValue":a[6]||(a[6]=l=>r.value=l),options:e.unref(p),multiple:!1,taggable:!1,placeholder:"Type to search or add tag",label:"name","track-by":"_id",class:"mn-b-medium bg-light radius-medium pd-small"},null,8,["modelValue","options"]),r.value?(e.openBlock(),e.createElementBlock("h5",M,"Options:")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(B.default,{label:"Hide Author",radio:e.unref(t).creator.hidden,"onUpdate:radio":a[7]||(a[7]=l=>e.unref(t).creator.hidden=l),name:"prices",class:"w-100"},null,8,["radio"])])):e.createCommentVNode("",!0),e.createVNode(C.default,{submit:k,callback:o.redirectTo,class:"w-100 bg-black t-white"},{default:e.withCtx(()=>[e.createTextVNode("Publish")]),_:1},8,["callback"])]),_:1},8,["isPopupOpen"])]))}};exports.default=R;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("isomorphic-dompurify");
+;/* empty css                                                      */
+const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+;/* empty css                                               */
+;/* empty css                                                     */
+const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const vueRouter = require("vue-router");
+const blogposts = require("../../store/blogposts.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = {
+  style: { "min-height": "100%" },
+  class: "w-100 bg-light pd-big radius-big"
+};
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "w-full h-full" }, null, -1);
+const _hoisted_4 = {
+  key: 0,
+  class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
+};
+const _hoisted_5 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1);
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add source:", -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add to public:", -1);
+const _hoisted_9 = {
+  key: 0,
+  class: "mn-b-thin"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
+};
+const _sfc_main = {
+  __name: "CreateBlogPost",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let post = vue.ref(null);
+    let publics = vue.ref(null);
+    const selectedTags = vue.ref([]);
+    const selectedOrganization = vue.ref(null);
+    vue.onMounted(async () => {
+      const dataPublics = await organizations.actions.read({
+        user: auth.state.user._id,
+        postable: auth.state.user._id,
+        limit: 100
+      });
+      publics.value = dataPublics.map((publicItem) => ({
+        name: publicItem.profile.name,
+        _id: publicItem._id,
+        photo: publicItem.profile.photo
+      }));
+      if (route.params.url) {
+        const data = await blogposts.read({ user: auth.state.user._id, url: route.params.url });
+        post.value = data.pop();
+      } else {
+        blogposts.clean();
+        post.value = blogposts.state.current;
+      }
+      if (!post.value.owner) post.value.owner = {
+        target: auth.state.user._id,
+        type: "user"
+      };
+      if (!post.value.creator) post.value.creator = {
+        target: auth.state.user._id,
+        type: "user",
+        hidden: false
+      };
+      if (post.value.owner.type === "organization") selectedOrganization.value = {
+        _id: post.value.owner.target._id,
+        name: post.value.owner.target.profile.name,
+        photo: post.value.owner.target.profile.photo
+      };
+    });
+    const tag = vue.ref("");
+    const autocompleteItems = vue.ref([
+      { text: "story" },
+      { text: "news" },
+      { text: "guide" },
+      { text: "discussion" },
+      { text: "photos" }
+    ]);
+    vue.computed(() => {
+      return autocompleteItems.value.filter((i) => {
+        return i.text.toLowerCase().includes(tag.value.toLowerCase());
+      });
+    });
+    vue.computed(() => {
+      return autocompleteItems.value.filter((item) => {
+        return !selectedTags.value.some((tag2) => tag2.text === item.text);
+      });
+    });
+    const isPublicationPopup = vue.ref(false);
+    function openPulicationPopup() {
+      isPublicationPopup.value = true;
+    }
+    function closePublicationPopup() {
+      isPublicationPopup.value = false;
+    }
+    function onDrafts() {
+      if (selectedTags.value.length > 0) selectedTags.value.map((tag2) => tag2.text);
+      post.value.status = "draft";
+      post.value.name = post.value.content[0].content;
+      if (route.params.url) {
+        blogposts.update(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      } else {
+        blogposts.create(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      }
+    }
+    function onSubmit() {
+      if (selectedOrganization.value) post.value.owner = {
+        target: selectedOrganization.value._id,
+        type: "organization"
+      };
+      if (!selectedOrganization.value) post.value.creator.hidden = false;
+      if (!selectedOrganization.value) post.value.organization = post.value.creator;
+      post.value.status = "published";
+      post.value.name = post.value.content[0].content;
+      if (route.params.url) {
+        blogposts.update(post.value).then((response) => {
+          console.log(post.value);
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.error(error);
+        });
+      } else {
+        blogposts.create(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.error(error);
+        });
+      }
+    }
+    function onDelete() {
+      if (confirm("Are you sure you want to delete this post?")) {
+        blogposts.remove(post.value._id).then((response) => {
+          router.push({ name: "User Blogposts", params: { _id: post.value.creator.target._id } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          _hoisted_3,
+          vue.unref(post) ? (vue.openBlock(), vue.createBlock(Constructor.default, {
+            key: 0,
+            content: vue.unref(post).content,
+            onUpdate: _cache[0] || (_cache[0] = (update) => vue.unref(post).content = update)
+          }, null, 8, ["content"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(vue.Transition, { name: "scaleIn" }, {
+          default: vue.withCtx(() => [
+            vue.unref(post) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("a", {
+                  key: 0,
+                  onClick: _cache[1] || (_cache[1] = ($event) => onDelete()),
+                  class: "mn-r-auto bg-red t-white t-black button"
+                }, "Delete")) : vue.createCommentVNode("", true),
+                vue.createElementVNode("a", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => onDrafts()),
+                  class: "mn-l-auto bg-white t-black button"
+                }, "To Drafts"),
+                vue.createElementVNode("a", {
+                  onClick: _cache[3] || (_cache[3] = ($event) => openPulicationPopup()),
+                  class: "mn-l-thin bg-black t-white button"
+                }, "Publish")
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Popup.default, {
+          onClosePopup: closePublicationPopup,
+          isPopupOpen: isPublicationPopup.value,
+          class: "w-m-33r t-left pd-big bg-white radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            _hoisted_6,
+            vue.createVNode(BlockTags.default, {
+              onTagsChanged: _cache[4] || (_cache[4] = (newTags) => vue.unref(post).tags = newTags),
+              tags: vue.unref(post).tags,
+              class: "mn-b-small"
+            }, null, 8, ["tags"]),
+            _hoisted_7,
+            vue.createVNode(Field.default, {
+              field: vue.unref(post).source,
+              "onUpdate:field": _cache[5] || (_cache[5] = ($event) => vue.unref(post).source = $event),
+              placeholder: "Add full link to the source",
+              class: "mn-b-medium bg-light radius-medium pd-small"
+            }, null, 8, ["field"]),
+            _hoisted_8,
+            vue.createVNode(SelectMulti.default, {
+              modelValue: selectedOrganization.value,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => selectedOrganization.value = $event),
+              options: vue.unref(publics),
+              multiple: false,
+              taggable: false,
+              placeholder: "Type to search or add tag",
+              label: "name",
+              "track-by": "_id",
+              class: "mn-b-medium bg-light radius-medium pd-small"
+            }, null, 8, ["modelValue", "options"]),
+            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_9, "Options:")) : vue.createCommentVNode("", true),
+            selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+              vue.createVNode(Checkbox.default, {
+                label: "Hide Author",
+                radio: vue.unref(post).creator.hidden,
+                "onUpdate:radio": _cache[7] || (_cache[7] = (event) => vue.unref(post).creator.hidden = event),
+                name: "prices",
+                class: "w-100"
+              }, null, 8, ["radio"])
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(Button.default, {
+              submit: onSubmit,
+              callback: _ctx.redirectTo,
+              class: "w-100 bg-black t-white"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("Publish")
+              ]),
+              _: 1
+            }, 8, ["callback"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CreateBlogPost.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateBlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"pd-thin\"\n>\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-light pd-big radius-big\"\n    >\n      <!-- Title -->\n      <div \n        class=\"w-full h-full\"\n      >\n        <!-- <Textarea \n          v-if=\"post\" \n          :prop=\"post\" \n          :setFocus=\"true\"\n          content=\"name\" \n          placeholder=\"Enter post title\" \n          class=\"h2\"\n        /> -->\n      </div>\n\n      <Constructor \n        v-if=\"post\" \n        :content=\"post.content\"\n        @update=\"update => post.content = update\"\n      />\n    </section>\n\n   \n  <transition  name=\"scaleIn\" >\n    <section v-if=\"post\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPulicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n      </div>\n    </section>\n    </transition>\n\n    <Popup  \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    >\n      <h3 class=\"mn-b-small\">Final Touches</h3>\n      \n      <BlockTags\n        @tags-changed=\"newTags => post.tags = newTags\"\n        :tags=\"post.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-thin\">Add source:</h5>\n      <Field \n        v-model:field=\"post.source\"    \n        placeholder=\"Add full link to the source\" \n        class=\"mn-b-medium bg-light radius-medium pd-small\" \n      />\n\n      <h5 class=\"mn-b-thin\">Add to public:</h5>\n      <SelectMulti\n        v-model=\"selectedOrganization\"\n        :options=\"publics\"\n        :multiple=\"false\"\n        :taggable=\"false\"\n        placeholder=\"Type to search or add tag\"\n        label=\"name\"\n        track-by=\"_id\"\n        class=\"mn-b-medium bg-light radius-medium pd-small\"\n      />\n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"post.creator.hidden\"\n          @update:radio=\"event => post.creator.hidden = event\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n        </div>\n        \n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n      </Popup>\n      \n  </article>\n</template>\n\n<script setup>\nimport Textarea     from '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor  from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup    from '@pf/src/components/Popup/Popup.vue'\nimport FieldTags    from '@pf/src/components/FieldTags/FieldTags.vue'\nimport BlockTags    from '@pf/src/components/FieldTags/BlockTags.vue'\nimport Checkbox    from '@pf/src/components/Checkbox/Checkbox.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport { ref, onMounted, watchEffect, nextTick, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { VueDraggableNext } from 'vue-draggable-next';\n// Store & Router\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet post = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nonMounted(async () =>{\n  const dataPublics = await organizations.actions.read({\n    user: auth.state.user._id,\n    postable: auth.state.user._id,\n    limit: 100\n  })\n\n    publics.value = dataPublics.map(publicItem => ({\n    name: publicItem.profile.name,\n    _id: publicItem._id,\n    photo: publicItem.profile.photo\n  }));\n\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    post.value = data.pop();\n  } else {\n    blog.clean();\n    post.value = blog.state.current;\n  }\n\n  if (!post.value.owner) post.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!post.value.creator) post.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n\n  if (post.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: post.value.owner.target._id,\n    name: post.value.owner.target.profile.name,\n    photo: post.value.owner.target.profile.photo\n  }\n})\n// /////////////////////////////////////////\n// Publication Form\n// /////////////////////////////////////////\nconst tag = ref('');\nconst autocompleteItems = ref([\n  { text: 'story' },\n  { text: 'news' },\n  { text: 'guide' },\n  { text: 'discussion' },\n  { text: 'photos' },\n]);\n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n}\n// /////////////////////////////////////////\n// Publication Popup\n// /////////////////////////////////////////\nconst isPublicationPopup = ref(false)\n\nfunction openPulicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  post.value.status = \"draft\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) post.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) post.value.creator.hidden = false\n  if (!selectedOrganization.value) post.value.organization = post.value.creator\n\n  post.value.status = \"published\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        console.log(post.value)\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this post?')) {\n    blog.remove(post.value._id)\n      .then(response => {\n        router.push({ name: 'User Blogposts', params: { _id: post.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","organizations.actions","auth.state","blog.read","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}