@ozdao/martyrs 0.2.423

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

@@ -0,0 +1,301 @@
+"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.vue.cjs");
+require("../../../../../../_virtual/index.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.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Card = require("../../../globals/views/components/blocks/Card.vue.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 mixins = require("../../../globals/views/mixins/mixins.cjs");
+const _hoisted_1 = { class: "w-100 h-100 pos-relative" };
+const _hoisted_2 = {
+  style: { "min-height": "100%" },
+  class: "w-100 bg-white pd-big radius-medium"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
+};
+const _hoisted_4 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
+const _hoisted_5 = {
+  key: 1,
+  class: "mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "mn-b-thin"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
+};
+const _sfc_main = {
+  __name: "CreateBlogPost",
+  setup(__props) {
+    const { hasAccess } = mixins.useGlobalMixins();
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let post = vue.ref(null);
+    vue.ref(null);
+    const selectedTags = vue.ref([]);
+    const selectedOrganization = vue.ref(null);
+    vue.onMounted(async () => {
+      if (route.params.url) {
+        const data = await blogposts.read({ user: auth.state.user._id, url: route.params.url });
+        post.value = data.pop();
+        if (!post.value) {
+          router.push({ name: "notfound" });
+        }
+        if (post.value.owner.type === "organization") {
+          const isAccess = hasAccess(post.value.owner.target._id, "posts", "edit", auth.state.accesses, auth.state.access.roles);
+          if (!isAccess) {
+            router.push({ name: "unauthorized" });
+          }
+        }
+        if (post.value.owner.type === "user" && post.value.creator.target._id !== auth.state.user._id) {
+          router.push({ name: "unauthorized" });
+        }
+      } 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 Posts", 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, [
+          _cache[10] || (_cache[10] = vue.createElementVNode("div", { class: "w-full h-full" }, null, -1)),
+          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_3, [
+              vue.createElementVNode("div", _hoisted_4, [
+                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(() => {
+            var _a, _b;
+            return [
+              _cache[12] || (_cache[12] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1)),
+              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"]),
+              _cache[13] || (_cache[13] = vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add source:", -1)),
+              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"]),
+              _cache[14] || (_cache[14] = vue.createElementVNode("h5", { class: "mn-b-thin" }, "Add to public", -1)),
+              selectedOrganization.value ? (vue.openBlock(), vue.createBlock(Card.default, {
+                key: 0,
+                photo: (_a = selectedOrganization.value.profile) == null ? void 0 : _a.photo,
+                title: (_b = selectedOrganization.value.profile) == null ? void 0 : _b.name,
+                onClick: _cache[6] || (_cache[6] = () => {
+                  selectedOrganization.value = null;
+                }),
+                class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
+              }, null, 8, ["photo", "title"])) : (vue.openBlock(), vue.createElementBlock("section", _hoisted_5, [
+                vue.createVNode(Feed.default, {
+                  showLoadMore: false,
+                  search: {
+                    placeholder: "Search organization...",
+                    class: "bg-white mn-b-thin"
+                  },
+                  states: {
+                    empty: {
+                      title: "No organizations Found",
+                      description: "Currently, there are no such organizations available."
+                    }
+                  },
+                  store: {
+                    read: (options) => organizations.actions.read(options),
+                    state: null
+                  },
+                  options: {
+                    user: auth.state.user._id,
+                    postable: auth.state.user._id,
+                    lookup: ["memberships"]
+                  }
+                }, {
+                  default: vue.withCtx(({
+                    items
+                  }) => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization, index, ___, _cached) => {
+                      var _a2, _b2;
+                      const _memo = [organization._id, organization.profile.name];
+                      if (_cached && vue.isMemoSame(_cached, _memo)) return _cached;
+                      const _item = (vue.openBlock(), vue.createBlock(Card.default, {
+                        photo: (_a2 = organization.profile) == null ? void 0 : _a2.photo,
+                        title: (_b2 = organization.profile) == null ? void 0 : _b2.name,
+                        onClick: () => {
+                          selectedOrganization.value = organization;
+                        },
+                        class: "h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
+                      }, null, 8, ["photo", "title", "onClick"]));
+                      _item.memo = _memo;
+                      return _item;
+                    }, _cache, 7), 256))
+                  ]),
+                  _: 1
+                }, 8, ["store", "options"])
+              ])),
+              selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_6, "Options:")) : vue.createCommentVNode("", true),
+              selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createVNode(Checkbox.default, {
+                  label: "Hide Author",
+                  radio: vue.unref(post).creator.hidden,
+                  "onUpdate:radio": _cache[9] || (_cache[9] = (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(() => _cache[11] || (_cache[11] = [
+                  vue.createTextVNode("Publish")
+                ])),
+                _: 1
+              }, 8, ["callback"])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CreateBlogPost.vue.cjs.map

package/dist/martyrs/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=\"w-100 h-100 pos-relative\"\n  >\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-white pd-big radius-medium\"\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\n    </section>\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      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id,\n            lookup: ['memberships']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\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 '@martyrs/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@martyrs/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Card from '@martyrs/src/modules/globals/views/components/blocks/Card.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 '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations'\n    \nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\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  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    \n    post.value = data.pop();\n\n    if (!post.value) {\n      router.push({name: 'notfound'})\n    }\n\n    if (post.value.owner.type === 'organization') {\n      // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n      const isAccess = hasAccess(post.value.owner.target._id, 'posts', 'edit', auth.state.accesses, auth.state.access.roles);\n\n      if (!isAccess) {\n        router.push({name: 'unauthorized'})\n      }\n    }\n\n     if (post.value.owner.type === 'user' && post.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'})\n    }\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 Posts', 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":["useGlobalMixins","useRoute","useRouter","ref","onMounted","blog.read","auth.state","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.js

@@ -0,0 +1,301 @@
+import { ref, onMounted, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, Transition, withCtx, Fragment, renderList, isMemoSame, createTextVNode } from "vue";
+import "isomorphic-dompurify";
+/* empty css                                                    */
+import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import "../../../../../../_virtual/index.js";
+/* empty css                                             */
+/* empty css                                                   */
+import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
+import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$4 from "../../../globals/views/components/blocks/Card.vue.js";
+import { useRoute, useRouter } from "vue-router";
+import { read, clean, state as state$1, remove, update, create } from "../../store/blogposts.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { actions } from "../../../organizations/store/organizations.js";
+import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
+const _hoisted_1 = { class: "w-100 h-100 pos-relative" };
+const _hoisted_2 = {
+  style: { "min-height": "100%" },
+  class: "w-100 bg-white pd-big radius-medium"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
+};
+const _hoisted_4 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
+const _hoisted_5 = {
+  key: 1,
+  class: "mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "mn-b-thin"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
+};
+const _sfc_main = {
+  __name: "CreateBlogPost",
+  setup(__props) {
+    const { hasAccess } = useGlobalMixins();
+    const route = useRoute();
+    const router = useRouter();
+    let post = ref(null);
+    ref(null);
+    const selectedTags = ref([]);
+    const selectedOrganization = ref(null);
+    onMounted(async () => {
+      if (route.params.url) {
+        const data = await read({ user: state.user._id, url: route.params.url });
+        post.value = data.pop();
+        if (!post.value) {
+          router.push({ name: "notfound" });
+        }
+        if (post.value.owner.type === "organization") {
+          const isAccess = hasAccess(post.value.owner.target._id, "posts", "edit", state.accesses, state.access.roles);
+          if (!isAccess) {
+            router.push({ name: "unauthorized" });
+          }
+        }
+        if (post.value.owner.type === "user" && post.value.creator.target._id !== state.user._id) {
+          router.push({ name: "unauthorized" });
+        }
+      } else {
+        clean();
+        post.value = state$1.current;
+      }
+      if (!post.value.owner) post.value.owner = {
+        target: state.user._id,
+        type: "user"
+      };
+      if (!post.value.creator) post.value.creator = {
+        target: 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 = ref("");
+    const autocompleteItems = ref([
+      { text: "story" },
+      { text: "news" },
+      { text: "guide" },
+      { text: "discussion" },
+      { text: "photos" }
+    ]);
+    computed(() => {
+      return autocompleteItems.value.filter((i) => {
+        return i.text.toLowerCase().includes(tag.value.toLowerCase());
+      });
+    });
+    computed(() => {
+      return autocompleteItems.value.filter((item) => {
+        return !selectedTags.value.some((tag2) => tag2.text === item.text);
+      });
+    });
+    const isPublicationPopup = 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) {
+        update(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      } else {
+        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) {
+        update(post.value).then((response) => {
+          console.log(post.value);
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.error(error);
+        });
+      } else {
+        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?")) {
+        remove(post.value._id).then((response) => {
+          router.push({ name: "User Posts", params: { _id: post.value.creator.target._id } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", _hoisted_1, [
+        createElementVNode("section", _hoisted_2, [
+          _cache[10] || (_cache[10] = createElementVNode("div", { class: "w-full h-full" }, null, -1)),
+          unref(post) ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            content: unref(post).content,
+            onUpdate: _cache[0] || (_cache[0] = (update2) => unref(post).content = update2)
+          }, null, 8, ["content"])) : createCommentVNode("", true)
+        ]),
+        createVNode(Transition, { name: "scaleIn" }, {
+          default: withCtx(() => [
+            unref(post) ? (openBlock(), createElementBlock("section", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                unref(route).params.url ? (openBlock(), createElementBlock("a", {
+                  key: 0,
+                  onClick: _cache[1] || (_cache[1] = ($event) => onDelete()),
+                  class: "mn-r-auto bg-red t-white t-black button"
+                }, "Delete")) : createCommentVNode("", true),
+                createElementVNode("a", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => onDrafts()),
+                  class: "mn-l-auto bg-white t-black button"
+                }, "To Drafts"),
+                createElementVNode("a", {
+                  onClick: _cache[3] || (_cache[3] = ($event) => openPulicationPopup()),
+                  class: "mn-l-thin bg-black t-white button"
+                }, "Publish")
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$2, {
+          onClosePopup: closePublicationPopup,
+          isPopupOpen: isPublicationPopup.value,
+          class: "w-m-33r t-left pd-big bg-white radius-big"
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              _cache[12] || (_cache[12] = createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1)),
+              createVNode(_sfc_main$3, {
+                onTagsChanged: _cache[4] || (_cache[4] = (newTags) => unref(post).tags = newTags),
+                tags: unref(post).tags,
+                class: "mn-b-small"
+              }, null, 8, ["tags"]),
+              _cache[13] || (_cache[13] = createElementVNode("h5", { class: "mn-b-thin" }, "Add source:", -1)),
+              createVNode(Field, {
+                field: unref(post).source,
+                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => unref(post).source = $event),
+                placeholder: "Add full link to the source",
+                class: "mn-b-medium bg-light radius-medium pd-small"
+              }, null, 8, ["field"]),
+              _cache[14] || (_cache[14] = createElementVNode("h5", { class: "mn-b-thin" }, "Add to public", -1)),
+              selectedOrganization.value ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 0,
+                photo: (_a = selectedOrganization.value.profile) == null ? void 0 : _a.photo,
+                title: (_b = selectedOrganization.value.profile) == null ? void 0 : _b.name,
+                onClick: _cache[6] || (_cache[6] = () => {
+                  selectedOrganization.value = null;
+                }),
+                class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
+              }, null, 8, ["photo", "title"])) : (openBlock(), createElementBlock("section", _hoisted_5, [
+                createVNode(_sfc_main$5, {
+                  showLoadMore: false,
+                  search: {
+                    placeholder: "Search organization...",
+                    class: "bg-white mn-b-thin"
+                  },
+                  states: {
+                    empty: {
+                      title: "No organizations Found",
+                      description: "Currently, there are no such organizations available."
+                    }
+                  },
+                  store: {
+                    read: (options) => actions.read(options),
+                    state: null
+                  },
+                  options: {
+                    user: state.user._id,
+                    postable: state.user._id,
+                    lookup: ["memberships"]
+                  }
+                }, {
+                  default: withCtx(({
+                    items
+                  }) => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(items, (organization, index, ___, _cached) => {
+                      var _a2, _b2;
+                      const _memo = [organization._id, organization.profile.name];
+                      if (_cached && isMemoSame(_cached, _memo)) return _cached;
+                      const _item = (openBlock(), createBlock(_sfc_main$4, {
+                        photo: (_a2 = organization.profile) == null ? void 0 : _a2.photo,
+                        title: (_b2 = organization.profile) == null ? void 0 : _b2.name,
+                        onClick: () => {
+                          selectedOrganization.value = organization;
+                        },
+                        class: "h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
+                      }, null, 8, ["photo", "title", "onClick"]));
+                      _item.memo = _memo;
+                      return _item;
+                    }, _cache, 7), 256))
+                  ]),
+                  _: 1
+                }, 8, ["store", "options"])
+              ])),
+              selectedOrganization.value ? (openBlock(), createElementBlock("h5", _hoisted_6, "Options:")) : createCommentVNode("", true),
+              selectedOrganization.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createVNode(_sfc_main$6, {
+                  label: "Hide Author",
+                  radio: unref(post).creator.hidden,
+                  "onUpdate:radio": _cache[9] || (_cache[9] = (event) => unref(post).creator.hidden = event),
+                  name: "prices",
+                  class: "w-100"
+                }, null, 8, ["radio"])
+              ])) : createCommentVNode("", true),
+              createVNode(_sfc_main$7, {
+                submit: onSubmit,
+                callback: _ctx.redirectTo,
+                class: "w-100 bg-black t-white"
+              }, {
+                default: withCtx(() => _cache[11] || (_cache[11] = [
+                  createTextVNode("Publish")
+                ])),
+                _: 1
+              }, 8, ["callback"])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CreateBlogPost.vue.js.map