@ozdao/martyrs 0.2.601 → 0.2.603

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, Transition, withCtx, Fragment, renderList, isMemoSame, createTextVNode } from "vue";
+import { computed, ref, onMounted, 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";
@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 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 Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../core/views/components/blocks/Card.vue.js";
 import { useRoute, useRouter } from "vue-router";
@@ -42,6 +42,11 @@ const _sfc_main = {
     const { hasAccess } = useGlobalMixins();
     const route = useRoute();
     const router = useRouter();
+    const routePrefix = computed(() => {
+      const ctx = route.meta.context;
+      if (ctx === "organization") return "Organization";
+      return "";
+    });
     let post = ref(null);
     ref(null);
     const selectedTags = ref([]);
@@ -112,13 +117,13 @@ const _sfc_main = {
       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 } });
+          router.push({ name: routePrefix.value + "BlogPost", params: { _id: route.params._id, url: response.url } });
         }).catch((error) => {
           console.log(error);
         });
       } else {
         create(post.value).then((response) => {
-          router.push({ name: "BlogPost", params: { url: response.url } });
+          router.push({ name: routePrefix.value + "BlogPost", params: { _id: route.params._id, url: response.url } });
         }).catch((error) => {
           console.log(error);
         });
@@ -136,13 +141,13 @@ const _sfc_main = {
       if (route.params.url) {
         update(post.value).then((response) => {
           console.log(post.value);
-          router.push({ name: "BlogPost", params: { url: response.url } });
+          router.push({ name: routePrefix.value + "BlogPost", params: { _id: route.params._id, url: response.url } });
         }).catch((error) => {
           console.error(error);
         });
       } else {
         create(post.value).then((response) => {
-          router.push({ name: "BlogPost", params: { url: response.url } });
+          router.push({ name: routePrefix.value + "BlogPost", params: { _id: route.params._id, url: response.url } });
         }).catch((error) => {
           console.error(error);
         });
@@ -150,8 +155,15 @@ const _sfc_main = {
     }
     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 } });
+        remove(post.value._id).then(() => {
+          const ctx = route.meta.context;
+          if (ctx === "organization") {
+            router.push({ name: "OrganizationPosts", params: { _id: route.params._id } });
+          } else if (ctx === "user") {
+            router.push({ name: "UserPosts", params: { _id: route.params._id } });
+          } else {
+            router.push({ name: "Blog" });
+          }
         }).catch((error) => {
           console.log(error);
         });
@@ -160,7 +172,6 @@ const _sfc_main = {
     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,
@@ -175,19 +186,19 @@ const _sfc_main = {
                   key: 0,
                   onClick: _cache[1] || (_cache[1] = ($event) => onDelete()),
                   class: "mn-r-auto bg-red t-white t-black button"
-                }, _cache[11] || (_cache[11] = [
+                }, _cache[10] || (_cache[10] = [
                   createElementVNode("span", null, "Delete", -1)
                 ]))) : createCommentVNode("", true),
                 createElementVNode("button", {
                   onClick: _cache[2] || (_cache[2] = ($event) => onDrafts()),
                   class: "mn-l-auto bg-white t-black button"
-                }, _cache[12] || (_cache[12] = [
+                }, _cache[11] || (_cache[11] = [
                   createElementVNode("span", null, "To Drafts", -1)
                 ])),
                 createElementVNode("button", {
                   onClick: _cache[3] || (_cache[3] = ($event) => openPulicationPopup()),
                   class: "mn-l-thin bg-black t-white button"
-                }, _cache[13] || (_cache[13] = [
+                }, _cache[12] || (_cache[12] = [
                   createElementVNode("span", null, "Publish", -1)
                 ]))
               ])
@@ -201,20 +212,20 @@ const _sfc_main = {
           class: "w-m-33r t-left pd-big bg-white radius-big"
         }, {
           default: withCtx(() => [
-            _cache[15] || (_cache[15] = createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1)),
+            _cache[14] || (_cache[14] = 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[16] || (_cache[16] = createElementVNode("h5", { class: "mn-b-small" }, "Add source:", -1)),
+            _cache[15] || (_cache[15] = createElementVNode("h5", { class: "mn-b-small" }, "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[17] || (_cache[17] = createElementVNode("h5", { class: "mn-b-small" }, "Add to public", -1)),
+            _cache[16] || (_cache[16] = createElementVNode("h5", { class: "mn-b-small" }, "Add to public", -1)),
             selectedOrganization.value ? (openBlock(), createBlock(_sfc_main$4, {
               key: 0,
               photo: selectedOrganization.value.profile?.photo,
@@ -277,12 +288,12 @@ const _sfc_main = {
                 class: "w-100"
               }, null, 8, ["radio"])
             ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$7, {
+            createVNode(Button, {
               submit: onSubmit,
               callback: _ctx.redirectTo,
               class: "w-100 bg-black t-white"
             }, {
-              default: withCtx(() => _cache[14] || (_cache[14] = [
+              default: withCtx(() => _cache[13] || (_cache[13] = [
                 createTextVNode("Publish")
               ])),
               _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"CreateBlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"w-100 bg-light radius-medium pos-relative\"\n  >\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 pd-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\n    </section>\n\n    <transition  name=\"scaleIn\" >\n      <section v-if=\"post\" class=\"pd-small 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          <button v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\"><span>Delete</span></button>\n          <button @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\"><span>To Drafts</span></button>\n          <button @click=\"openPulicationPopup()\" class=\"mn-l-thin bg-black t-white button\"><span>Publish</span></button>\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-small\">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-small\">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 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 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/core/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.js'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n    \nimport { useGlobalMixins } from \"@martyrs/src/modules/core/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":["blog.read","auth.state","blog.clean","blog.state","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}
+{"version":3,"file":"CreateBlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"w-100 bg-light radius-medium pos-relative\"\n  >\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 pd-big\"\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-small 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          <button v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\"><span>Delete</span></button>\n          <button @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\"><span>To Drafts</span></button>\n          <button @click=\"openPulicationPopup()\" class=\"mn-l-thin bg-black t-white button\"><span>Publish</span></button>\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-small\">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-small\">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 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 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/core/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.js'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n    \nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst routePrefix = computed(() => {\n  const ctx = route.meta.context\n  if (ctx === 'organization') return 'Organization'\n  return ''\n})\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: routePrefix.value + 'BlogPost', params: { _id: route.params._id, 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: routePrefix.value + 'BlogPost', params: { _id: route.params._id, 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: routePrefix.value + 'BlogPost', params: { _id: route.params._id, 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: routePrefix.value + 'BlogPost', params: { _id: route.params._id, 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(() => {\n        const ctx = route.meta.context\n        if (ctx === 'organization') {\n          router.push({ name: 'OrganizationPosts', params: { _id: route.params._id } })\n        } else if (ctx === 'user') {\n          router.push({ name: 'UserPosts', params: { _id: route.params._id } })\n        } else {\n          router.push({ name: 'Blog' })\n        }\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.read","auth.state","blog.clean","blog.state","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
-import { onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, unref, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
+import { computed, ref, watch, onMounted, onUnmounted, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, unref, createVNode, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$3 from "../blocks/CardBlogpost.vue.js";
+import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../core/views/components/sections/SectionPageTitle.vue.js";
+import _sfc_main$4 from "../blocks/CardBlogpost.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { useStore } from "../../../core/views/store/core.store.js";
@@ -9,11 +10,7 @@ import { state as state$1, read } from "../../store/blogposts.js";
 import { actions } from "../../../organizations/store/organizations.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "pd-medium flex-v-center flex-nowrap flex"
-};
-const _hoisted_3 = { class: "w-100 rows-1 pd-thin pos-relative o-hidden" };
+const _hoisted_2 = { class: "w-100 rows-1 pd-medium pos-relative o-hidden" };
 const _sfc_main = {
   __name: "Posts",
   props: {
@@ -23,17 +20,26 @@ const _sfc_main = {
     }
   },
   setup(__props) {
-    const core = useStore();
+    const store = useStore();
     const route = useRoute();
     const router = useRouter();
     const { hasAccess } = useGlobalMixins();
-    core.state.navigation_bar.actions = [{
+    const routePrefix = computed(() => {
+      const ctx = route.meta.context;
+      if (ctx === "organization") return "Organization";
+      return "";
+    });
+    const tab = ref(route.query.tab || "published");
+    watch(tab, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    store.core.state.navigation_bar.actions = [{
       component: _sfc_main$1,
       props: {
         fill: "rgb(var(--main))"
       },
       condition: () => state.user && state.user._id,
-      action: () => route.params._id ? router.push({ name: "Organization_PostAdd", params: { _id: route.params._id } }) : router.push({ name: "CreateBlogPost" })
+      action: () => router.push({ name: routePrefix.value + "CreateBlogPost", params: { _id: route.params._id } })
     }];
     onMounted(async () => {
       if (route.params._id) {
@@ -41,22 +47,24 @@ const _sfc_main = {
       }
     });
     onUnmounted(() => {
-      core.state.navigation_bar.actions = [];
+      store.core.state.navigation_bar.actions = [];
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(route).name !== "Organization" && !_ctx.MOBILE_APP ? (openBlock(), createElementBlock("header", _hoisted_2, [
-          _cache[3] || (_cache[3] = createElementVNode("h2", { class: "mn-r-medium" }, "Posts", -1)),
-          unref(hasAccess)(unref(route).params._id, "posts", "create", state.accesses, state.access.roles) ? (openBlock(), createElementBlock("button", {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
-              name: unref(route).params?._id ? "Organization_PostAdd" : "CreateBlogPost"
-            })),
-            class: "radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
-          }, " + ")) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
-          createVNode(_sfc_main$2, {
+        !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          title: "Posts",
+          actions: unref(hasAccess)(unref(route).params._id, "posts", "create", state.accesses, state.access.roles) ? [{ method: () => _ctx.$router.push({ name: routePrefix.value + "CreateBlogPost", params: { _id: unref(route).params._id } }), label: "+", class: "radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second" }] : [],
+          tabs: unref(route).meta.context === "backoffice" ? [
+            { name: "Published", value: "published" },
+            { name: "Drafts", value: "drafts" }
+          ] : null,
+          tabs_current: tab.value,
+          "onUpdate:tabs_current": _cache[0] || (_cache[0] = ($event) => tab.value = $event),
+          class: "pd-medium pd-b-zero"
+        }, null, 8, ["actions", "tabs", "tabs_current"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$3, {
             search: true,
             filter: state$1.filter,
             "onUpdate:filter": _cache[1] || (_cache[1] = ($event) => state$1.filter = $event),
@@ -75,7 +83,7 @@ const _sfc_main = {
             },
             options: {
               limit: 12,
-              status: "published",
+              status: tab.value === "drafts" ? "draft" : "published",
               user: state.user._id,
               owner: unref(route).params._id || null,
               search: unref(route).query.search
@@ -86,13 +94,13 @@ const _sfc_main = {
               items
             }) => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
-                return openBlock(), createBlock(_sfc_main$3, {
+                return openBlock(), createBlock(_sfc_main$4, {
                   key: item._id,
                   blogpost: item,
                   user: state.user._id,
-                  class: "h-max-40r bg-light radius-medium cursor-pointer hover:scale-[1.05] ease",
+                  class: "h-max-40r bg-light radius-medium cursor-pointer",
                   onClick: ($event) => _ctx.$router.push({
-                    name: unref(route).params._id ? "Organization_BlogPost" : "BlogPost",
+                    name: routePrefix.value + "BlogPost",
                     params: {
                       _id: unref(route).params._id,
                       url: item.url

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

@@ -1 +1 @@
-{"version":3,"file":"Posts.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Posts.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Posts</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'posts', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_PostAdd' : 'CreateBlogPost'\n        })\" \n        class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        <Feed\n          :search=\"true\"\n          v-model:filter=\"blog.state.filter\"\n          v-model:sort=\"blog.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Blog Posts Found',\n              description: 'Currently, there are no posts available in this blog.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => blog.read(options),\n            state: blog.state\n          }\"\n          :options=\"{\n            limit: 12,\n            status: 'published',\n            user: auth.state.user._id,\n            owner: route.params._id || null,\n            search: route.query.search\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"cols-1 pos-relative w-100 rows-1 gap-thin\"\n        >\n          <CardBlogpost \n            v-for=\"item in items\" \n            :key=\"item._id\" \n            :blogpost=\"item\" \n            :user=\"auth.state.user._id\" \n            class=\"h-max-40r bg-light radius-medium cursor-pointer hover:scale-[1.05] ease\"\n            @click=\"$router.push({ \n              name: route.params._id ? 'Organization_BlogPost' : 'BlogPost', \n              params: { \n                _id: route.params._id,\n                url: item.url \n              } \n            })\"\n          />\n        </Feed>\n\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n  const core = useStore();\n\n  const route = useRoute()\n  const router = useRouter()\n  const { hasAccess } = useGlobalMixins()\n\n  // Props\n  const props = defineProps({\n    organization: {\n      type: Object,\n      default: null\n    }\n  })\n\n\n  core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_PostAdd', params: { _id: route.params._id} }) : router.push({ name: 'CreateBlogPost' })\n  }]\n\n  onMounted(async () => {\n    if (route.params._id) {\n      await organizations.actions.read({ _id: route.params._id });\n    }\n  })\n\n  onUnmounted(() => {\n    core.state.navigation_bar.actions = [];\n  });\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconPlus","auth.state","organizations.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmFE,UAAM,OAAO,SAAQ;AAErB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,UAAS,IAAK,gBAAe;AAWrC,SAAK,MAAM,eAAe,UAAU,CAAC;AAAA,MACnC,WAAWA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,iBAAgB,CAAE;AAAA,IAC7J,CAAG;AAED,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMC,QAAsB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,gBAAY,MAAM;AAChB,WAAK,MAAM,eAAe,UAAU,CAAA;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Posts.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Posts.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Posts\"\n      :actions=\"hasAccess(route.params._id, 'posts', 'create', auth.state.accesses, auth.state.access.roles)\n        ? [{ method: () => $router.push({ name: routePrefix + 'CreateBlogPost', params: { _id: route.params._id } }), label: '+', class: 'radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second' }]\n        : []\"\n      :tabs=\"route.meta.context === 'backoffice'\n        ? [\n            { name: 'Published', value: 'published' },\n            { name: 'Drafts', value: 'drafts' },\n          ]\n        : null\"\n      :tabs_current=\"tab\"\n      @update:tabs_current=\"tab = $event\"\n      class=\"pd-medium pd-b-zero\"\n    />\n\n    <div class=\"w-100 rows-1 pd-medium pos-relative o-hidden\">\n        <Feed\n          :search=\"true\"\n          v-model:filter=\"blog.state.filter\"\n          v-model:sort=\"blog.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Blog Posts Found',\n              description: 'Currently, there are no posts available in this blog.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => blog.read(options),\n            state: blog.state\n          }\"\n          :options=\"{\n            limit: 12,\n            status: tab === 'drafts' ? 'draft' : 'published',\n            user: auth.state.user._id,\n            owner: route.params._id || null,\n            search: route.query.search\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"cols-1 pos-relative w-100 rows-1 gap-thin\"\n        >\n          <CardBlogpost \n            v-for=\"item in items\" \n            :key=\"item._id\" \n            :blogpost=\"item\" \n            :user=\"auth.state.user._id\" \n            class=\"h-max-40r bg-light radius-medium cursor-pointer\"\n            @click=\"$router.push({\n              name: routePrefix + 'BlogPost',\n              params: {\n                _id: route.params._id,\n                url: item.url\n              }\n            })\"\n          />\n        </Feed>\n\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n  const store = useStore();\n\n  const route = useRoute()\n  const router = useRouter()\n  const { hasAccess } = useGlobalMixins()\n\n  const routePrefix = computed(() => {\n    const ctx = route.meta.context\n    if (ctx === 'organization') return 'Organization'\n    return ''\n  })\n\n  const tab = ref(route.query.tab || 'published')\n\n  watch(tab, (newValue) => {\n    router.replace({ query: { ...route.query, tab: newValue } });\n  })\n\n  // Props\n  const props = defineProps({\n    organization: {\n      type: Object,\n      default: null\n    }\n  })\n\n\n  store.core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => router.push({ name: routePrefix.value + 'CreateBlogPost', params: { _id: route.params._id } })\n  }]\n\n  onMounted(async () => {\n    if (route.params._id) {\n      await organizations.actions.read({ _id: route.params._id });\n    }\n  })\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconPlus","auth.state","organizations.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsFE,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,UAAS,IAAK,gBAAe;AAErC,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,eAAgB,QAAO;AACnC,aAAO;AAAA,IACT,CAAC;AAED,UAAM,MAAM,IAAI,MAAM,MAAM,OAAO,WAAW;AAE9C,UAAM,KAAK,CAAC,aAAa;AACvB,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;AAWD,UAAM,KAAK,MAAM,eAAe,UAAU,CAAC;AAAA,MACzC,WAAWA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,OAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,kBAAkB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IAC/G,CAAG;AAED,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMC,QAAsB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,gBAAY,MAAM;AAChB,YAAM,KAAK,MAAM,eAAe,UAAU,CAAA;AAAA,IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/sections/Comment.vue.js

@@ -91,7 +91,7 @@ const _sfc_main = {
             totalReplies.value > 0 ? (openBlock(), createElementBlock("button", {
               key: 0,
               onClick: toggleChildren,
-              class: "t-grey cursor-pointer fw-medium font-second"
+              class: "t-dark cursor-pointer fw-medium font-second"
             }, toDisplayString(isExpanded.value ? "Hide" : totalReplies.value + (totalReplies.value === 1 ? " reply" : " replies")), 1)) : createCommentVNode("", true),
             __props.owner ? (openBlock(), createElementBlock("button", {
               key: 1,
@@ -150,7 +150,7 @@ const _sfc_main = {
     };
   }
 };
-const Comment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d265fc89"]]);
+const Comment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5d3aff1"]]);
 export {
   Comment as default
 };

package/dist/martyrs/src/modules/community/components/sections/Comment.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comment.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comment.vue"],"sourcesContent":["<template>\n  <div class=\"comment-wrapper\">\n    <div class=\"comment-content \">\n      <CardHeader \n        class=\"mn-b-thin mn-b-thin w-100\"\n        :entity=\"comment\"\n        :entityType=\"'comment'\"\n        :user=\"owner\"\n        :owner=\"{target: comment.owner, type: 'user'}\" \n        :creator=\"{target: comment.owner, type: 'user'}\"\n        :date=\"comment.createdAt\"\n      />\n      <div class=\"pd-t-zero\">\n        <p class=\"p-regular\">{{ comment.content }}</p>\n      </div>\n      <div class=\"mn-t-thin flex-v-center flex-nowrap flex gap-small\">\n        <button \n          v-if=\"totalReplies > 0\" \n          @click=\"toggleChildren\"\n          class=\"t-grey cursor-pointer fw-medium font-second\"\n        >\n          {{ isExpanded ? 'Hide' : totalReplies + (totalReplies === 1 ? ' reply' : ' replies') }} \n        </button>\n        <button \n          v-if=\"owner\" \n          class=\"font-second cursor-pointer t-transp fw-medium\" \n          @click=\"showReplyForm = true\"\n        > \n          Reply\n        </button>\n      </div>\n      <div v-if=\"showReplyForm\" class=\"mn-t-small bg-white pd-thin radius-regular\">\n        <textarea class=\"w-100\" v-model=\"replyContent\"></textarea>\n        <div class=\"mn-l-auto gap-thin flex-nowrap flex\">\n          <button class=\"bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button\" @click=\"showReplyForm = false\">Cancel</button>\n          <button class=\"bg-main pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Send</button>\n        </div>\n      </div>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-if=\"isExpanded && comment.children && comment.children.length\" class=\"mn-t-regular comment-children\">\n        <div\n          v-for=\"(childComment, index) in comment.children\"\n          :key=\"childComment._id\"\n          class=\"child-wrapper\"\n        >\n          <!-- Кликабельная область с линией -->\n          <div \n            @click=\"toggleChildren\" \n             @mouseenter=\"highlightLevel($event, true)\"\n            @mouseleave=\"highlightLevel($event, false)\"\n            class=\"tree-line cursor-pointer\"\n            :class=\"{ 'last-child': index === comment.children.length - 1 }\"\n          ></div>\n          \n          <Comment\n            :comment=\"childComment\"\n            :target=\"target\"\n            :owner=\"owner\"\n            @reply=\"handleReply\"\n            @load-more=\"handleLoadMore\"\n            class=\"child-comment mn-b-regular\"\n          />\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport Comment from './Comment.vue';\nimport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\nconst props = defineProps({\n  comment: {\n    type: Object,\n    required: true\n  },\n  target: {\n    type: String,\n    required: true\n  },\n  owner: {\n    type: String,\n    required: true\n  }\n});\n\nconst emit = defineEmits(['reply', 'load-more']);\n\nconst showReplyForm = ref(false);\nconst replyContent = ref('');\nconst isExpanded = ref(shouldBeExpanded(props.comment.depth))\n\n\nconst childrenContainer = ref(null)\n\nfunction highlightLevel(event, state) {\n  const wrapper = event.currentTarget?.parentElement?.parentElement;\n  if (!wrapper) return;\n\n  const lines = wrapper.querySelectorAll(':scope > .child-wrapper > .tree-line');\n  lines.forEach(line => line.classList.toggle('hovered', state));\n} \n\nfunction shouldBeExpanded(depth) {\n  return depth % 3 < 2\n}\n\nconst totalReplies = computed(() => {\n  function countReplies(comment) {\n    if (!comment.children || comment.children.length === 0) {\n      return 0\n    }\n    return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0)\n  }\n  return countReplies(props.comment)\n})\n\nconst toggleChildren = () => {\n  isExpanded.value = !isExpanded.value\n}\n\nconst submitReply = () => {\n  emit('reply', props.comment._id, replyContent.value);\n  replyContent.value = '';\n  showReplyForm.value = false;\n};\n\nconst handleReply = (parentId, content) => {\n  emit('reply', parentId, content);\n};\n\nconst handleLoadMore = (commentId, depth) => {\n  emit('load-more', commentId, depth);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.comment-children {\n  margin-top: 1rem;\n}\n\n.child-wrapper {\n  position: relative;\n}\n\n.child-comment {\n  padding-left: 1.5rem;\n}\n\n.tree-line {\n  position: absolute;\n  left: calc(-1rem + 2px);\n  top: -1rem;\n  width: 2rem;\n  height: calc(100% + 2rem);\n}\n\n.tree-line::before {\n  content: '';\n  position: absolute;\n  left: 1rem;\n  top: 0;\n  width: 2px;\n  height: 100%;\n   border-left: 1px solid rgba(var(--grey), 1);\n  transition: background 0.2s ease;\n}\n\n.tree-line::after {\n  content: '';\n  position: absolute;\n  left: 1rem;\n  top: 2rem;\n  width: 1rem;\n  height: 2px;\n  border-bottom: 1px solid rgba(var(--grey), 1);\n  transition: background 0.2s ease;\n\n}\n\n.child-wrapper {\n  &:last-child {\n    .tree-line::after {\n      display: none;\n    }\n  }\n}\n\n.tree-line.last-child::before {\n  height: 2rem;\n  border-bottom-left-radius: 0.5rem;\n  border-left: 1px solid rgba(var(--grey), 1);\n  border-bottom: 1px solid rgba(var(--grey), 1);\n  background: none;\n  width: 1rem;\n}\n\n\n.tree-line.hovered::before,\n.tree-line.hovered::after {\n  border-color: rgba(var(--second), 1);\n}\n\n.tree-line.last-child.hovered::before {\n  border-color: rgba(var(--second), 1);\n}\n\n/* Анимация */\n.collapse-enter-active,\n.collapse-leave-active {\n  transition: all 0.3s ease;\n}\n\n.collapse-enter-from {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.collapse-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAM,QAAQ;AAed,UAAM,OAAO;AAEb,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,aAAa,IAAI,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAGlC,QAAI,IAAI;AAElC,aAAS,eAAe,OAAO,OAAO;AACpC,YAAM,UAAU,MAAM,eAAe,eAAe;AACpD,UAAI,CAAC,QAAS;AAEd,YAAM,QAAQ,QAAQ,iBAAiB,sCAAsC;AAC7E,YAAM,QAAQ,UAAQ,KAAK,UAAU,OAAO,WAAW,KAAK,CAAC;AAAA,IAC/D;AAEA,aAAS,iBAAiB,OAAO;AAC/B,aAAO,QAAQ,IAAI;AAAA,IACrB;AAEA,UAAM,eAAe,SAAS,MAAM;AAClC,eAAS,aAAa,SAAS;AAC7B,YAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,iBAAO;AAAA,QACT;AACA,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACvG;AACA,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,QAAQ,KAAK,aAAa,KAAK;AACnD,mBAAa,QAAQ;AACrB,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,cAAc,CAAC,UAAU,YAAY;AACzC,WAAK,SAAS,UAAU,OAAO;AAAA,IACjC;AAEA,UAAM,iBAAiB,CAAC,WAAW,UAAU;AAC3C,WAAK,aAAa,WAAW,KAAK;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Comment.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comment.vue"],"sourcesContent":["<template>\n  <div class=\"comment-wrapper\">\n    <div class=\"comment-content \">\n      <CardHeader \n        class=\"mn-b-thin mn-b-thin w-100\"\n        :entity=\"comment\"\n        :entityType=\"'comment'\"\n        :user=\"owner\"\n        :owner=\"{target: comment.owner, type: 'user'}\" \n        :creator=\"{target: comment.owner, type: 'user'}\"\n        :date=\"comment.createdAt\"\n      />\n      <div class=\"pd-t-zero\">\n        <p class=\"p-regular\">{{ comment.content }}</p>\n      </div>\n      <div class=\"mn-t-thin flex-v-center flex-nowrap flex gap-small\">\n        <button \n          v-if=\"totalReplies > 0\" \n          @click=\"toggleChildren\"\n          class=\"t-dark cursor-pointer fw-medium font-second\"\n        >\n          {{ isExpanded ? 'Hide' : totalReplies + (totalReplies === 1 ? ' reply' : ' replies') }} \n        </button>\n        <button \n          v-if=\"owner\" \n          class=\"font-second cursor-pointer t-transp fw-medium\" \n          @click=\"showReplyForm = true\"\n        > \n          Reply\n        </button>\n      </div>\n      <div v-if=\"showReplyForm\" class=\"mn-t-small bg-white pd-thin radius-regular\">\n        <textarea class=\"w-100\" v-model=\"replyContent\"></textarea>\n        <div class=\"mn-l-auto gap-thin flex-nowrap flex\">\n          <button class=\"bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button\" @click=\"showReplyForm = false\">Cancel</button>\n          <button class=\"bg-main pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Send</button>\n        </div>\n      </div>\n    </div>\n\n    <transition name=\"collapse\">\n      <div v-if=\"isExpanded && comment.children && comment.children.length\" class=\"mn-t-regular comment-children\">\n        <div\n          v-for=\"(childComment, index) in comment.children\"\n          :key=\"childComment._id\"\n          class=\"child-wrapper\"\n        >\n          <!-- Кликабельная область с линией -->\n          <div \n            @click=\"toggleChildren\" \n             @mouseenter=\"highlightLevel($event, true)\"\n            @mouseleave=\"highlightLevel($event, false)\"\n            class=\"tree-line cursor-pointer\"\n            :class=\"{ 'last-child': index === comment.children.length - 1 }\"\n          ></div>\n          \n          <Comment\n            :comment=\"childComment\"\n            :target=\"target\"\n            :owner=\"owner\"\n            @reply=\"handleReply\"\n            @load-more=\"handleLoadMore\"\n            class=\"child-comment mn-b-regular\"\n          />\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport Comment from './Comment.vue';\nimport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\nconst props = defineProps({\n  comment: {\n    type: Object,\n    required: true\n  },\n  target: {\n    type: String,\n    required: true\n  },\n  owner: {\n    type: String,\n    required: true\n  }\n});\n\nconst emit = defineEmits(['reply', 'load-more']);\n\nconst showReplyForm = ref(false);\nconst replyContent = ref('');\nconst isExpanded = ref(shouldBeExpanded(props.comment.depth))\n\n\nconst childrenContainer = ref(null)\n\nfunction highlightLevel(event, state) {\n  const wrapper = event.currentTarget?.parentElement?.parentElement;\n  if (!wrapper) return;\n\n  const lines = wrapper.querySelectorAll(':scope > .child-wrapper > .tree-line');\n  lines.forEach(line => line.classList.toggle('hovered', state));\n} \n\nfunction shouldBeExpanded(depth) {\n  return depth % 3 < 2\n}\n\nconst totalReplies = computed(() => {\n  function countReplies(comment) {\n    if (!comment.children || comment.children.length === 0) {\n      return 0\n    }\n    return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0)\n  }\n  return countReplies(props.comment)\n})\n\nconst toggleChildren = () => {\n  isExpanded.value = !isExpanded.value\n}\n\nconst submitReply = () => {\n  emit('reply', props.comment._id, replyContent.value);\n  replyContent.value = '';\n  showReplyForm.value = false;\n};\n\nconst handleReply = (parentId, content) => {\n  emit('reply', parentId, content);\n};\n\nconst handleLoadMore = (commentId, depth) => {\n  emit('load-more', commentId, depth);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.comment-children {\n  margin-top: 1rem;\n}\n\n.child-wrapper {\n  position: relative;\n}\n\n.child-comment {\n  padding-left: 1.5rem;\n}\n\n.tree-line {\n  position: absolute;\n  left: calc(-1rem + 2px);\n  top: -1rem;\n  width: 2rem;\n  height: calc(100% + 2rem);\n}\n\n.tree-line::before {\n  content: '';\n  position: absolute;\n  left: 1rem;\n  top: 0;\n  width: 2px;\n  height: 100%;\n   border-left: 1px solid rgba(var(--grey), 1);\n  transition: background 0.2s ease;\n}\n\n.tree-line::after {\n  content: '';\n  position: absolute;\n  left: 1rem;\n  top: 2rem;\n  width: 1rem;\n  height: 2px;\n  border-bottom: 1px solid rgba(var(--grey), 1);\n  transition: background 0.2s ease;\n\n}\n\n.child-wrapper {\n  &:last-child {\n    .tree-line::after {\n      display: none;\n    }\n  }\n}\n\n.tree-line.last-child::before {\n  height: 2rem;\n  border-bottom-left-radius: 0.5rem;\n  border-left: 1px solid rgba(var(--grey), 1);\n  border-bottom: 1px solid rgba(var(--grey), 1);\n  background: none;\n  width: 1rem;\n}\n\n\n.tree-line.hovered::before,\n.tree-line.hovered::after {\n  border-color: rgba(var(--second), 1);\n}\n\n.tree-line.last-child.hovered::before {\n  border-color: rgba(var(--second), 1);\n}\n\n/* Анимация */\n.collapse-enter-active,\n.collapse-leave-active {\n  transition: all 0.3s ease;\n}\n\n.collapse-enter-from {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.collapse-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAM,QAAQ;AAed,UAAM,OAAO;AAEb,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,aAAa,IAAI,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAGlC,QAAI,IAAI;AAElC,aAAS,eAAe,OAAO,OAAO;AACpC,YAAM,UAAU,MAAM,eAAe,eAAe;AACpD,UAAI,CAAC,QAAS;AAEd,YAAM,QAAQ,QAAQ,iBAAiB,sCAAsC;AAC7E,YAAM,QAAQ,UAAQ,KAAK,UAAU,OAAO,WAAW,KAAK,CAAC;AAAA,IAC/D;AAEA,aAAS,iBAAiB,OAAO;AAC/B,aAAO,QAAQ,IAAI;AAAA,IACrB;AAEA,UAAM,eAAe,SAAS,MAAM;AAClC,eAAS,aAAa,SAAS;AAC7B,YAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,iBAAO;AAAA,QACT;AACA,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACvG;AACA,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,QAAQ,KAAK,aAAa,KAAK;AACnD,mBAAa,QAAQ;AACrB,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,cAAc,CAAC,UAAU,YAAY;AACzC,WAAK,SAAS,UAAU,OAAO;AAAA,IACjC;AAEA,UAAM,iBAAiB,CAAC,WAAW,UAAU;AAC3C,WAAK,aAAa,WAAW,KAAK;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/router/community.backoffice.router.js

@@ -0,0 +1,21 @@
+const communityBackofficeRoutes = [
+  {
+    path: "",
+    name: "Posts",
+    meta: {
+      title: {
+        en: "Backoffice Community",
+        ru: "Управление Сообществом"
+      },
+      authorize: []
+    },
+    component: () => import(
+      /* webpackChunkName: 'BackofficeCommunity' */
+      "../components/pages/Posts.vue.js"
+    )
+  }
+];
+export {
+  communityBackofficeRoutes as default
+};
+//# sourceMappingURL=community.backoffice.router.js.map

package/dist/martyrs/src/modules/community/router/community.backoffice.router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"community.backoffice.router.js","sources":["../../../../../../src/modules/community/router/community.backoffice.router.js"],"sourcesContent":["const communityBackofficeRoutes = [\n  {\n    path: '',\n    name: 'Posts',\n    meta: {\n      title: {\n        en: 'Backoffice Community',\n        ru: 'Управление Сообществом',\n      },\n      authorize: [],\n    },\n    component: () => import(/* webpackChunkName: 'BackofficeCommunity' */ '../components/pages/Posts.vue'),\n  },\n];\n\nexport default communityBackofficeRoutes;\n"],"names":[],"mappings":"AAAK,MAAC,4BAA4B;AAAA,EAChC;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,WAAW,CAAA;AAAA,IACjB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAqD;AAAA,IAA+B;AAAA,EACzG;AACA;"}

package/dist/martyrs/src/modules/community/router/community.organization.router.js

@@ -0,0 +1,70 @@
+const communityOrganizationRoutes = [
+  {
+    path: "",
+    name: "Posts",
+    meta: {
+      title: {
+        en: "Posts",
+        ru: "Посты"
+      }
+    },
+    component: () => import(
+      /* webpackChunkName: "organization-posts" */
+      "../components/pages/Posts.vue.js"
+    )
+  },
+  {
+    path: "create",
+    name: "CreateBlogPost",
+    meta: {
+      title: {
+        en: "Create Post",
+        ru: "Создать Пост"
+      }
+    },
+    beforeEnter: async (to, from, next) => {
+      const { requiresAuth } = await import("../../auth/views/middlewares/auth.validation.js");
+      return requiresAuth(to, from, next);
+    },
+    component: () => import(
+      /* webpackChunkName: 'CreateBlogPost' */
+      "../components/pages/CreateBlogPost.vue.js"
+    )
+  },
+  {
+    path: ":url",
+    name: "BlogPost",
+    meta: {
+      title: {
+        en: "Post",
+        ru: "Пост"
+      }
+    },
+    component: () => import(
+      /* webpackChunkName: 'BlogPost' */
+      "../components/pages/BlogPost.vue.js"
+    )
+  },
+  {
+    path: ":url/edit",
+    name: "EditBlogPost",
+    meta: {
+      title: {
+        en: "Edit Post",
+        ru: "Редактировать пост"
+      }
+    },
+    beforeEnter: async (to, from, next) => {
+      const { requiresAuth } = await import("../../auth/views/middlewares/auth.validation.js");
+      return requiresAuth(to, from, next);
+    },
+    component: () => import(
+      /* webpackChunkName: 'CreateBlogPost' */
+      "../components/pages/CreateBlogPost.vue.js"
+    )
+  }
+];
+export {
+  communityOrganizationRoutes as default
+};
+//# sourceMappingURL=community.organization.router.js.map

package/dist/martyrs/src/modules/community/router/community.organization.router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"community.organization.router.js","sources":["../../../../../../src/modules/community/router/community.organization.router.js"],"sourcesContent":["const communityOrganizationRoutes = [\n  {\n    path: '',\n    name: 'Posts',\n    meta: {\n      title: {\n        en: 'Posts',\n        ru: 'Посты',\n      },\n    },\n    component: () => import(/* webpackChunkName: \"organization-posts\" */ '../components/pages/Posts.vue'),\n  },\n  {\n    path: 'create',\n    name: 'CreateBlogPost',\n    meta: {\n      title: {\n        en: 'Create Post',\n        ru: 'Создать Пост',\n      },\n    },\n    beforeEnter: async (to, from, next) => {\n      const { requiresAuth } = await import('@martyrs/src/modules/auth/views/middlewares/auth.validation.js');\n      return requiresAuth(to, from, next);\n    },\n    component: () => import(/* webpackChunkName: 'CreateBlogPost' */ '../components/pages/CreateBlogPost.vue'),\n  },\n  {\n    path: ':url',\n    name: 'BlogPost',\n    meta: {\n      title: {\n        en: 'Post',\n        ru: 'Пост',\n      },\n    },\n    component: () => import(/* webpackChunkName: 'BlogPost' */ '../components/pages/BlogPost.vue'),\n  },\n  {\n    path: ':url/edit',\n    name: 'EditBlogPost',\n    meta: {\n      title: {\n        en: 'Edit Post',\n        ru: 'Редактировать пост',\n      },\n    },\n    beforeEnter: async (to, from, next) => {\n      const { requiresAuth } = await import('@martyrs/src/modules/auth/views/middlewares/auth.validation.js');\n      return requiresAuth(to, from, next);\n    },\n    component: () => import(/* webpackChunkName: 'CreateBlogPost' */ '../components/pages/CreateBlogPost.vue'),\n  },\n];\n\nexport default communityOrganizationRoutes;\n"],"names":[],"mappings":"AAAK,MAAC,8BAA8B;AAAA,EAClC;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAoD;AAAA,IAA+B;AAAA,EACxG;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,aAAa,OAAO,IAAI,MAAM,SAAS;AACrC,YAAM,EAAE,aAAY,IAAK,MAAM,OAAO,iDAAgE;AACtG,aAAO,aAAa,IAAI,MAAM,IAAI;AAAA,IACpC;AAAA,IACA,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAwC;AAAA,EAC7G;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAA0C;AAAA,IAAkC;AAAA,EACjG;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,aAAa,OAAO,IAAI,MAAM,SAAS;AACrC,YAAM,EAAE,aAAY,IAAK,MAAM,OAAO,iDAAgE;AACtG,aAAO,aAAa,IAAI,MAAM,IAAI;AAAA,IACpC;AAAA,IACA,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAwC;AAAA,EAC7G;AACA;"}

package/dist/martyrs/src/modules/community/router/community.router.js

@@ -0,0 +1,73 @@
+const communityRoutes = [
+  {
+    path: ":category?",
+    name: "Blog",
+    meta: {
+      title: {
+        en: "Community",
+        ru: "Коммьюнити"
+      },
+      title_hide: true,
+      hideNavigationBar: true
+    },
+    component: () => import(
+      /* webpackChunkName: 'Blog' */
+      "../components/pages/Blog.vue.js"
+    )
+  },
+  {
+    path: "posts/create",
+    name: "CreateBlogPost",
+    meta: {
+      title: {
+        en: "Create Post",
+        ru: "Создать Пост"
+      }
+    },
+    beforeEnter: async (to, from, next) => {
+      const { requiresAuth } = await import("../../auth/views/middlewares/auth.validation.js");
+      return requiresAuth(to, from, next);
+    },
+    component: () => import(
+      /* webpackChunkName: 'CreateBlogPost' */
+      "../components/pages/CreateBlogPost.vue.js"
+    )
+  },
+  {
+    path: "posts/:url",
+    name: "BlogPost",
+    meta: {
+      title: {
+        en: "Post",
+        ru: "Пост"
+      },
+      title_hide: false
+    },
+    component: () => import(
+      /* webpackChunkName: 'BlogPost' */
+      "../components/pages/BlogPost.vue.js"
+    )
+  },
+  {
+    path: "posts/:url/edit",
+    name: "EditBlogPost",
+    meta: {
+      title: {
+        en: "Edit Post",
+        ru: "Редактировать пост"
+      }
+    },
+    beforeEnter: async (to, from, next) => {
+      const { requiresAuth } = await import("../../auth/views/middlewares/auth.validation.js");
+      return requiresAuth(to, from, next);
+    },
+    component: () => import(
+      /* webpackChunkName: 'CreateBlogPost' */
+      "../components/pages/CreateBlogPost.vue.js"
+    )
+  }
+];
+export {
+  communityRoutes as default
+};
+//# sourceMappingURL=community.router.js.map

package/dist/martyrs/src/modules/community/router/community.router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"community.router.js","sources":["../../../../../../src/modules/community/router/community.router.js"],"sourcesContent":["const communityRoutes = [\n  {\n    path: ':category?',\n    name: 'Blog',\n    meta: {\n      title: {\n        en: 'Community',\n        ru: 'Коммьюнити',\n      },\n      title_hide: true,\n      hideNavigationBar: true,\n    },\n    component: () => import(/* webpackChunkName: 'Blog' */ '../components/pages/Blog.vue'),\n  },\n  {\n    path: 'posts/create',\n    name: 'CreateBlogPost',\n    meta: {\n      title: {\n        en: 'Create Post',\n        ru: 'Создать Пост',\n      },\n    },\n    beforeEnter: async (to, from, next) => {\n      const { requiresAuth } = await import('@martyrs/src/modules/auth/views/middlewares/auth.validation.js');\n      return requiresAuth(to, from, next);\n    },\n    component: () => import(/* webpackChunkName: 'CreateBlogPost' */ '../components/pages/CreateBlogPost.vue'),\n  },\n  {\n    path: 'posts/:url',\n    name: 'BlogPost',\n    meta: {\n      title: {\n        en: 'Post',\n        ru: 'Пост',\n      },\n      title_hide: false,\n    },\n    component: () => import(/* webpackChunkName: 'BlogPost' */ '../components/pages/BlogPost.vue'),\n  },\n  {\n    path: 'posts/:url/edit',\n    name: 'EditBlogPost',\n    meta: {\n      title: {\n        en: 'Edit Post',\n        ru: 'Редактировать пост',\n      },\n    },\n    beforeEnter: async (to, from, next) => {\n      const { requiresAuth } = await import('@martyrs/src/modules/auth/views/middlewares/auth.validation.js');\n      return requiresAuth(to, from, next);\n    },\n    component: () => import(/* webpackChunkName: 'CreateBlogPost' */ '../components/pages/CreateBlogPost.vue'),\n  },\n];\n\nexport default communityRoutes;\n"],"names":[],"mappings":"AAAK,MAAC,kBAAkB;AAAA,EACtB;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,YAAY;AAAA,MACZ,mBAAmB;AAAA,IACzB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAAsC;AAAA,IAA8B;AAAA,EACzF;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,aAAa,OAAO,IAAI,MAAM,SAAS;AACrC,YAAM,EAAE,aAAY,IAAK,MAAM,OAAO,iDAAgE;AACtG,aAAO,aAAa,IAAI,MAAM,IAAI;AAAA,IACpC;AAAA,IACA,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAwC;AAAA,EAC7G;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,YAAY;AAAA,IAClB;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAA0C;AAAA,IAAkC;AAAA,EACjG;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,aAAa,OAAO,IAAI,MAAM,SAAS;AACrC,YAAM,EAAE,aAAY,IAAK,MAAM,OAAO,iDAAgE;AACtG,aAAO,aAAa,IAAI,MAAM,IAAI;AAAA,IACpC;AAAA,IACA,WAAW,MAAM;AAAA;AAAA,MAAgD;AAAA,IAAwC;AAAA,EAC7G;AACA;"}