npm - @ozdao/martyrs - Versions diffs - 0.2.602 → 0.2.604 - Mend

@ozdao/martyrs 0.2.602 → 0.2.604

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (729) hide show

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 mobile:cols-1 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t :showLoadMore=\"false\"\n\t :LoadMore=\"false\"\n\t :states=\"{\n\t empty: {\n\t title: 'No Events Today',\n\t description: 'Currently, there are no events available.'\n\t }\n\t }\"\n\t :store=\"{\n\t read: (options) => orders.actions.read(options),\n\t state: orders.state\n\t }\"\n\t :options=\"{\n\t user: auth.state.user._id,\n\t limit: 5,\n\t page: 1\n\t }\"\n\t v-slot=\"{ \n\t items \n\t }\"\n\t class=\"cols-1 gap-thin\"\n\t >\n\t\t\t\t\t<Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t key: '_id', \n\t\t\t\t\t label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t },\n\t\t\t\t\t { \n\t\t\t\t\t key: 'customer.target.profile.name', \n\t\t\t\t\t label: 'Name',\n\t\t\t\t\t formatter: (value) => `👤 ${value}`\n\t\t\t\t\t },\n\t\t\t\t\t { \n\t\t\t\t\t key: 'positions', \n\t\t\t\t\t label: 'Name',\n\t\t\t\t\t formatter: (value) => value?.length \|\| 0\n\t\t\t\t\t },\n\t\t\t\t\t {\n\t\t\t\t\t key: 'status',\n\t\t\t\t\t label: 'Status',\n\t\t\t\t\t component: StatusBadge\n\t\t\t\t\t },\n\t\t\t\t\t {\n\t\t\t\t\t key: 'createdAt',\n\t\t\t\t\t label: 'Metadata',\n\t\t\t\t\t formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t }]\" \n\t\t\t\t\t/>\n\t </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as orders from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium\">\n\t\t<!-- 1. KPI Cards -->\n\t\t<div class=\"flex flex-v-center flex-justify-between mn-b-medium\">\n\t\t\t<h2>Overview</h2>\n\t\t\t<Dropdown align=\"right\" class=\"pos-relative z-index-3\">\n\t\t\t\t<template #label>\n\t\t\t\t\t<div class=\"flex flex-v-center gap-thin bg-light pd-thin pd-l-small pd-r-small radius-small cursor-pointer\">\n\t\t\t\t\t\t<IconCalendar class=\"i-small\" />\n\t\t\t\t\t\t<span class=\"t-small fw-medium\">{{ dateRangeLabel }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\t\t\t\t<Calendar\n\t\t\t\t\tv-model:date=\"dateRange\"\n\t\t\t\t\t:allowRange=\"true\"\n\t\t\t\t\tclass=\"bg-white radius-small pd-small\"\n\t\t\t\t/>\n\t\t\t</Dropdown>\n\t\t</div>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-small\">\n\t\t\t<CardStat\n\t\t\t\t:icon=\"IconProfile\"\n\t\t\t\ttitle=\"Active Users\"\n\t\t\t\t:displayValue=\"userStats.active?.toLocaleString() \|\| '—'\"\n\t\t\t\t:subtitle=\"userStats.newThisMonth ? `+${userStats.newThisMonth} this month` : ''\"\n\t\t\t/>\n\n\t\t\t<CardStat\n\t\t\t\t:icon=\"IconOrders\"\n\t\t\t\ttitle=\"Total Orders\"\n\t\t\t\t:displayValue=\"orderStats.total?.orderCount?.toLocaleString() \|\| '—'\"\n\t\t\t\t:subtitle=\"orderStats.monthly?.orderCount ? `+${orderStats.monthly.orderCount} this month` : ''\"\n\t\t\t/>\n\n\t\t\t<CardStat\n\t\t\t\t:icon=\"IconCash\"\n\t\t\t\ttitle=\"Total Revenue\"\n\t\t\t\t:displayValue=\"'฿' + (orderStats.total?.totalRevenue?.toLocaleString() \|\| '0')\"\n\t\t\t\t:subtitle=\"orderStats.monthly?.totalRevenue ? `+฿${orderStats.monthly.totalRevenue.toLocaleString()} this month` : ''\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- 2. Revenue Chart — FULL WIDTH -->\n\t\t<Block title=\"Revenue\" class=\"mn-b-medium\">\n\t\t\t<div v-if=\"revenueChart.length\" class=\"pos-relative\" @mouseleave=\"hoveredRevenueIdx = -1\">\n\t\t\t\t<svg viewBox=\"0 0 500 200\" class=\"w-100 d-block\">\n\t\t\t\t\t<!-- Grid lines -->\n\t\t\t\t\t<line v-for=\"(tick, i) in revenueTicks\" :key=\"'rg'+i\" x1=\"50\" x2=\"490\" :y1=\"chartY(tick, maxRevenue)\" :y2=\"chartY(tick, maxRevenue)\" stroke=\"rgb(var(--light))\" stroke-width=\"0.5\"/>\n\t\t\t\t\t<!-- Y labels -->\n\t\t\t\t\t<text v-for=\"(tick, i) in revenueTicks\" :key=\"'ry'+i\" x=\"46\" :y=\"chartY(tick, maxRevenue) + 3\" text-anchor=\"end\" fill=\"rgb(var(--grey))\" font-size=\"10\">{{ formatChartValue(tick) }}</text>\n\t\t\t\t\t<!-- Area fill -->\n\t\t\t\t\t<polygon :points=\"revenueAreaPoints\" fill=\"rgb(var(--second))\" fill-opacity=\"0.06\"/>\n\t\t\t\t\t<!-- Line -->\n\t\t\t\t\t<polyline :points=\"revenueLinePoints\" fill=\"none\" stroke=\"rgb(var(--second))\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"/>\n\t\t\t\t\t<!-- Interactive hit areas -->\n\t\t\t\t\t<circle v-for=\"(day, i) in revenueChart\" :key=\"'rh'+i\" :cx=\"chartX(i, revenueChart.length)\" :cy=\"chartY(day.revenue, maxRevenue)\" r=\"12\" fill=\"transparent\" @mouseenter=\"hoveredRevenueIdx = i\"/>\n\t\t\t\t\t<!-- Visible dots -->\n\t\t\t\t\t<circle v-for=\"(day, i) in revenueChart\" :key=\"'rd'+i\" :cx=\"chartX(i, revenueChart.length)\" :cy=\"chartY(day.revenue, maxRevenue)\" :r=\"hoveredRevenueIdx === i ? 4 : 2\" :fill=\"hoveredRevenueIdx === i ? 'rgb(var(--main))' : 'rgb(var(--second))'\" style=\"pointer-events: none\"/>\n\t\t\t\t\t<!-- X labels (dates) -->\n\t\t\t\t\t<template v-for=\"(day, i) in revenueChart\" :key=\"'rx'+i\">\n\t\t\t\t\t\t<text v-if=\"i % revenueXStep === 0\" :x=\"chartX(i, revenueChart.length)\" y=\"195\" text-anchor=\"middle\" fill=\"rgb(var(--grey))\" font-size=\"9\">{{ formatXDate(day._id) }}</text>\n\t\t\t\t\t</template>\n\t\t\t\t</svg>\n\t\t\t\t<!-- Hover Tooltip -->\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"hoveredRevenueIdx >= 0\"\n\t\t\t\t\tclass=\"pos-absolute bg-dark t-white pd-thin pd-l-small pd-r-small radius-small t-small fw-medium\"\n\t\t\t\t\tstyle=\"pointer-events: none; white-space: nowrap;\"\n\t\t\t\t\t:style=\"revenueTooltipStyle\"\n\t\t\t\t>\n\t\t\t\t\t฿{{ revenueChart[hoveredRevenueIdx].revenue.toLocaleString() }} · {{ formatXDate(revenueChart[hoveredRevenueIdx]._id) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p v-else class=\"t-transp\">No revenue data</p>\n\t\t</Block>\n\n\t\t<!-- 3. Recent Orders + 4. Upcoming Events -->\n\t\t<div class=\"mn-b-medium cols-2 mobile:cols-1 gap-small\">\n\t\t\t<Block title=\"Recent Orders\">\n\t\t\t\t<Feed\n\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t\t:states=\"{ empty: { title: 'No Orders', description: 'No orders yet.' } }\"\n\t\t\t\t\t:store=\"{ read: (options) => ordersStore.actions.read(options), state: ordersStore.state }\"\n\t\t\t\t\t:options=\"{ limit: 5, page: 1, sortParam: 'createdAt', sortOrder: 'desc', dateStart: dateRange.start, dateEnd: dateRange.end }\"\n\t\t\t\t\tv-slot=\"{ items }\"\n\t\t\t\t>\n\t\t\t\t\t<Table\n\t\t\t\t\t\tclass=\"radius-small bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"orderColumns\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template #cell-_id=\"{ value }\">\n\t\t\t\t\t\t\t<span class=\"t-dark fw-medium\">#{{ formatId(value) }}</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template #cell-positions=\"{ value }\">\n\t\t\t\t\t\t\t<span class=\"t-dark\">{{ value?.length \|\| 0 }} items</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template #cell-status=\"{ value }\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"pd-thin pd-l-small pd-r-small radius-small t-small fw-medium\"\n\t\t\t\t\t\t\t\t:class=\"getStatusClass(value)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ value }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template #cell-createdAt=\"{ value }\">\n\t\t\t\t\t\t\t<span class=\"t-dark t-small\">{{ formatDate(value, { dateOnly: true }) }}</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Table>\n\t\t\t\t</Feed>\n\t\t\t</Block>\n\n\t\t\t<Block title=\"Upcoming Events\">\n\t\t\t\t<Feed\n\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t\t:states=\"{ empty: { title: 'No Events', description: 'No upcoming events.' } }\"\n\t\t\t\t\t:store=\"{ read: (options) => events.read(options), state: events.state }\"\n\t\t\t\t\t:options=\"{ sortParam: 'date.start', sortOrder: 'desc', limit: 5, page: 1 }\"\n\t\t\t\t\tv-slot=\"{ items }\"\n\t\t\t\t\tclass=\"flex flex-column gap-thin\"\n\t\t\t\t>\n\t\t\t\t\t<Card\n\t\t\t\t\t\tv-for=\"event in items\"\n\t\t\t\t\t\t:key=\"event._id\"\n\t\t\t\t\t\t:to=\"`/events/${event.url \|\| event._id}`\"\n\t\t\t\t\t\t:photo=\"event.cover\"\n\t\t\t\t\t\t:placeholder=\"IconEvents\"\n\t\t\t\t\t\t:title=\"event.name\"\n\t\t\t\t\t\t:subtitle=\"formatDate(event.date?.start, { dateOnly: true })\"\n\t\t\t\t\t\tclassImage=\"flex-none w-3r h-3r radius-small bg-main-transp flex flex-center o-hidden\"\n\t\t\t\t\t\tclassContent=\"flex-child o-hidden\"\n\t\t\t\t\t\tclass=\"bg-white pd-small radius-small hover-scale-1 transition-default flex flex-v-center gap-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template #actions>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"flex-none pd-thin pd-l-small pd-r-small radius-small t-small fw-medium\"\n\t\t\t\t\t\t\t\t:class=\"getEventStatusClass(event.date)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ getEventStatus(event.date) }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Card>\n\t\t\t\t</Feed>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<!-- 5. Recent Applications + 6. Recent Customers -->\n\t\t<div class=\"mn-b-medium cols-2 mobile:cols-1 gap-small\">\n\t\t\t<Block title=\"Recent Applications\">\n\t\t\t\t<Feed\n\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t\t:states=\"{ empty: { title: 'No Applications', description: 'No applications.' } }\"\n\t\t\t\t\t:store=\"{ read: (options) => applications.read(options), state: applications.state }\"\n\t\t\t\t\t:options=\"{ sortParam: 'createdAt', sortOrder: 'desc', limit: 5, page: 1, dateStart: dateRange.start, dateEnd: dateRange.end }\"\n\t\t\t\t\tv-slot=\"{ items }\"\n\t\t\t\t\tclass=\"flex flex-column gap-thin\"\n\t\t\t\t>\n\t\t\t\t\t<Card\n\t\t\t\t\t\tv-for=\"app in items\"\n\t\t\t\t\t\t:key=\"app._id\"\n\t\t\t\t\t\t:to=\"`/backoffice/applications/${app._id}`\"\n\t\t\t\t\t\t:placeholder=\"IconFile\"\n\t\t\t\t\t\t:title=\"app.profile?.name \|\| app.name \|\| 'Application'\"\n\t\t\t\t\t\t:subtitle=\"formatDate(app.createdAt)\"\n\t\t\t\t\t\tclassImage=\"flex-none w-3r h-3r radius-small bg-main-transp flex flex-center o-hidden\"\n\t\t\t\t\t\tclassContent=\"flex-child o-hidden\"\n\t\t\t\t\t\tclass=\"bg-white pd-small radius-small hover-scale-1 transition-default flex flex-v-center gap-small\"\n\t\t\t\t\t/>\n\t\t\t\t</Feed>\n\t\t\t</Block>\n\n\t\t\t<Block title=\"Recent Customers\">\n\t\t\t\t<Feed\n\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t\t:states=\"{ empty: { title: 'No Customers', description: 'No customers.' } }\"\n\t\t\t\t\t:store=\"{ read: (options) => customers.read(options), state: customers.state }\"\n\t\t\t\t\t:options=\"{ sortParam: 'createdAt', sortOrder: 'desc', limit: 5, page: 1, dateStart: dateRange.start, dateEnd: dateRange.end }\"\n\t\t\t\t\tv-slot=\"{ items }\"\n\t\t\t\t\tclass=\"flex flex-column gap-thin\"\n\t\t\t\t>\n\t\t\t\t\t<Card\n\t\t\t\t\t\tv-for=\"customer in items\"\n\t\t\t\t\t\t:key=\"customer._id\"\n\t\t\t\t\t\t:to=\"`/backoffice/customers/${customer._id}`\"\n\t\t\t\t\t\t:photo=\"customer.avatar \|\| customer.profile?.photo\"\n\t\t\t\t\t\t:placeholder=\"IconProfile\"\n\t\t\t\t\t\t:title=\"customer.profile?.name \|\| customer.name \|\| customer.phone \|\| 'Customer'\"\n\t\t\t\t\t\t:subtitle=\"formatDate(customer.createdAt)\"\n\t\t\t\t\t\tclassImage=\"flex-none w-3r h-3r radius-extra bg-main-transp flex flex-center o-hidden\"\n\t\t\t\t\t\tclassContent=\"flex-child o-hidden\"\n\t\t\t\t\t\tclass=\"bg-white pd-small radius-small hover-scale-1 transition-default flex flex-v-center gap-small\"\n\t\t\t\t\t/>\n\t\t\t\t</Feed>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<!-- 7. Popular Products — FULL WIDTH -->\n\t\t<Block title=\"Popular Products\" class=\"mn-b-medium\">\n\t\t\t<div v-if=\"orderStats.popularProducts?.length\" class=\"cols-5 tablet:cols-3 mobile:cols-2 gap-small\">\n\t\t\t\t<CardProduct\n\t\t\t\t\tv-for=\"product in orderStats.popularProducts\"\n\t\t\t\t\t:key=\"product._id\"\n\t\t\t\t\t:product=\"product\"\n\t\t\t\t\t:showAddToCart=\"false\"\n\t\t\t\t\tclass=\"bg-white\"\n\t\t\t\t>\n\t\t\t\t\t<p class=\"t-dark t-small mn-t-thin\">{{ product.totalQuantity }} sold · ฿{{ product.totalRevenue?.toLocaleString() }}</p>\n\t\t\t\t</CardProduct>\n\t\t\t</div>\n\t\t\t<p v-else class=\"t-transp\">No product data</p>\n\t\t</Block>\n\n\t\t<!-- 8. Recent Registrations + 9. Upcoming Rents -->\n\t\t<div class=\"mn-b-medium cols-2 mobile:cols-1 gap-small\">\n\t\t\t<Block title=\"Recent Registrations\">\n\t\t\t\t<Feed\n\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t\t:states=\"{ empty: { title: 'No Registrations', description: 'No recent registrations.' } }\"\n\t\t\t\t\t:store=\"{ read: (options) => users.actions.read(options), state: users.state }\"\n\t\t\t\t\t:options=\"{ sortParam: 'createdAt', sortOrder: 'desc', limit: 5, page: 1, dateStart: dateRange.start, dateEnd: dateRange.end }\"\n\t\t\t\t\tv-slot=\"{ items }\"\n\t\t\t\t\tclass=\"flex flex-column gap-thin\"\n\t\t\t\t>\n\t\t\t\t\t<Card\n\t\t\t\t\t\tv-for=\"user in items\"\n\t\t\t\t\t\t:key=\"user._id\"\n\t\t\t\t\t\t:to=\"`/users/${user._id}`\"\n\t\t\t\t\t\t:photo=\"user.avatar \|\| user.profile?.photo\"\n\t\t\t\t\t\t:placeholder=\"IconProfile\"\n\t\t\t\t\t\t:title=\"user.profile?.name \|\| user.username \|\| user.email \|\| 'User'\"\n\t\t\t\t\t\t:subtitle=\"formatDate(user.createdAt)\"\n\t\t\t\t\t\tclassImage=\"flex-none w-3r h-3r radius-extra bg-main-transp flex flex-center o-hidden\"\n\t\t\t\t\t\tclassContent=\"flex-child o-hidden\"\n\t\t\t\t\t\tclass=\"bg-white pd-small radius-small hover-scale-1 transition-default flex flex-v-center gap-small\"\n\t\t\t\t\t/>\n\t\t\t\t</Feed>\n\t\t\t</Block>\n\n\t\t\t<Block title=\"Upcoming Rents\">\n\t\t\t\t<Feed\n\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t\t:search=\"false\"\n\t\t\t\t\t:states=\"{ empty: { title: 'No Rents', description: 'No upcoming bookings.' } }\"\n\t\t\t\t\t:store=\"{ read: (options) => rents.actions.read(options), state: rents.state }\"\n\t\t\t\t\t:options=\"{ sortParam: 'startDate', sortOrder: 'desc', limit: 5 }\"\n\t\t\t\t\tv-slot=\"{ items }\"\n\t\t\t\t\tclass=\"flex flex-column gap-thin\"\n\t\t\t\t>\n\t\t\t\t\t<Card\n\t\t\t\t\t\tv-for=\"rent in items\"\n\t\t\t\t\t\t:key=\"rent._id\"\n\t\t\t\t\t\t:to=\"`/backoffice/orders/${rent.order}`\"\n\t\t\t\t\t\t:placeholder=\"IconCalendar\"\n\t\t\t\t\t\t:title=\"rent.product?.name \|\| 'Rent'\"\n\t\t\t\t\t\t:subtitle=\"`${formatDate(rent.startDate)} — ${formatDate(rent.endDate)}`\"\n\t\t\t\t\t\tclassImage=\"flex-none w-3r h-3r radius-small bg-main-transp flex flex-center o-hidden\"\n\t\t\t\t\t\tclassContent=\"flex-child o-hidden\"\n\t\t\t\t\t\tclass=\"bg-white pd-small radius-small hover-scale-1 transition-default flex flex-v-center gap-small\"\n\t\t\t\t\t/>\n\t\t\t\t</Feed>\n\t\t\t</Block>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed, watchEffect } from 'vue'\nimport { useRoute } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue'\nimport CardStat from '@martyrs/src/modules/core/views/components/blocks/CardStat.vue'\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconCash from '@martyrs/src/modules/icons/entities/IconCash.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\nimport $axios from '@martyrs/src/modules/core/views/utils/axios-instance.js'\nimport * as ordersStore from '@martyrs/src/modules/orders/store/orders.js'\nimport * as events from '@martyrs/src/modules/events/store/events.js'\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\nimport customers from '@martyrs/src/modules/orders/store/customers.store.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\n\nconst route = useRoute()\nconst { formatDate } = useGlobalMixins()\n\nconst orderStats = ref({})\nconst userStats = ref({})\nconst hoveredRevenueIdx = ref(-1)\n\nconst dateRange = ref({\n\tstart: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000),\n\tend: new Date()\n})\n\nconst dateRangeLabel = computed(() => {\n\tif (!dateRange.value?.start \|\| !dateRange.value?.end) return 'Select dates'\n\treturn formatDate(dateRange.value.start, { dayMonth: true }) + ' — ' + formatDate(dateRange.value.end, { dayMonth: true })\n})\n\n\n// Order table columns\nconst orderColumns = [\n\t{ key: '_id', label: 'Order' },\n\t{ key: 'positions', label: 'Items' },\n\t{ key: 'status', label: 'Status' },\n\t{ key: 'createdAt', label: 'Date' }\n]\n\n// Chart constants: viewBox 500x200, chart area x:50-490 y:20-170\nconst CHART_LEFT = 50\nconst CHART_RIGHT = 490\nconst CHART_TOP = 20\nconst CHART_BOTTOM = 170\n\nfunction chartX(i, total) {\n\tif (total <= 1) return (CHART_LEFT + CHART_RIGHT) / 2\n\treturn CHART_LEFT + (i / (total - 1)) * (CHART_RIGHT - CHART_LEFT)\n}\n\nfunction chartY(value, max) {\n\tif (!max) return CHART_BOTTOM\n\treturn CHART_BOTTOM - (value / max) * (CHART_BOTTOM - CHART_TOP)\n}\n\nfunction calcTicks(max) {\n\tif (!max \|\| max <= 0) return [0]\n\tconst step = Math.pow(10, Math.floor(Math.log10(max))) / 2\n\tconst ticks = []\n\tfor (let v = 0; v <= max; v += step) ticks.push(Math.round(v))\n\tif (ticks[ticks.length - 1] < max) ticks.push(Math.round(max))\n\treturn ticks.length > 6 ? ticks.filter((_, i) => i % 2 === 0) : ticks\n}\n\nfunction formatChartValue(val) {\n\tif (val >= 1000) return '฿' + Math.round(val / 1000) + 'k'\n\treturn '฿' + Math.round(val)\n}\n\nfunction calcXStep(count) {\n\tif (count <= 8) return 1\n\tif (count <= 16) return 2\n\tif (count <= 30) return 5\n\treturn 7\n}\n\nconst revenueChart = computed(() => {\n\tconst data = orderStats.value.dailyRevenue\n\tif (!data?.length) return []\n\treturn data.slice(-30)\n})\n\nconst maxRevenue = computed(() => {\n\tif (!revenueChart.value.length) return 1\n\treturn Math.max(...revenueChart.value.map(d => d.revenue)) \|\| 1\n})\n\nconst revenueTicks = computed(() => calcTicks(maxRevenue.value))\nconst revenueXStep = computed(() => calcXStep(revenueChart.value.length))\n\nconst revenueLinePoints = computed(() => {\n\treturn revenueChart.value.map((d, i) =>\n\t\t`${chartX(i, revenueChart.value.length)},${chartY(d.revenue, maxRevenue.value)}`\n\t).join(' ')\n})\n\nconst revenueAreaPoints = computed(() => {\n\tif (!revenueChart.value.length) return ''\n\tconst len = revenueChart.value.length\n\treturn `${chartX(0, len)},${CHART_BOTTOM} ${revenueLinePoints.value} ${chartX(len - 1, len)},${CHART_BOTTOM}`\n})\n\nconst revenueTooltipStyle = computed(() => {\n\tif (hoveredRevenueIdx.value < 0) return {}\n\tconst i = hoveredRevenueIdx.value\n\tconst len = revenueChart.value.length\n\tconst day = revenueChart.value[i]\n\tconst x = chartX(i, len)\n\tconst y = chartY(day.revenue, maxRevenue.value)\n\treturn {\n\t\tleft: `${(x / 500) * 100}%`,\n\t\ttop: `${(y / 200) * 100}%`,\n\t\ttransform: 'translate(-50%, -100%) translateY(-0.5rem)'\n\t}\n})\n\n// Formatters\nfunction formatId(id) {\n\treturn id ? `${id.slice(0, 4)}...${id.slice(-4)}` : ''\n}\n\nfunction formatXDate(dateStr) {\n\tif (!dateStr) return ''\n\treturn formatDate(dateStr, { dayMonth: true })\n}\n\nfunction getStatusClass(status) {\n\tconst classes = {\n\t\tpending: 'bg-second-transp t-second',\n\t\tprocessing: 'bg-main-transp t-main',\n\t\tcreated: 'bg-main-transp t-main',\n\t\tconfirmed: 'bg-green-transp t-green',\n\t\tcompleted: 'bg-green-transp t-green',\n\t\tcancelled: 'bg-red-transp t-red'\n\t}\n\treturn classes[status] \|\| 'bg-light t-dark'\n}\n\nfunction getEventStatus(date) {\n\tif (!date?.start) return 'No date'\n\tconst now = new Date()\n\tconst start = new Date(date.start)\n\tconst end = date.end ? new Date(date.end) : start\n\tif (now > end) return 'Finished'\n\tif (now >= start && now <= end) return 'Live'\n\tconst diffDays = Math.ceil((start - now) / (1000 * 60 * 60 * 24))\n\tif (diffDays <= 1) return 'Tomorrow'\n\tif (diffDays <= 7) return `In ${diffDays} days`\n\treturn 'Upcoming'\n}\n\nfunction getEventStatusClass(date) {\n\tconst status = getEventStatus(date)\n\tif (status === 'Finished') return 'bg-light t-dark'\n\tif (status === 'Live') return 'bg-green-transp t-green'\n\tif (status === 'Tomorrow') return 'bg-second-transp t-second'\n\treturn 'bg-main-transp t-main'\n}\n\nwatchEffect(async () => {\n\tconst params = {}\n\tif (dateRange.value?.start) params.startDate = new Date(dateRange.value.start).toISOString()\n\tif (dateRange.value?.end) params.endDate = new Date(dateRange.value.end).toISOString()\n\tconst [orders, stats] = await Promise.all([\n\t\t$axios.get('/api/orders/stats', { params }),\n\t\t$axios.get('/api/users/stats', { params })\n\t])\n\torderStats.value = orders.data\n\tuserStats.value = stats.data\n})\n</script>\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/backoffice/configs/navigation.backoffice.config.js CHANGED Viewed

@@ -9,13 +9,11 @@ import _sfc_main$3 from "../../icons/entities/IconLeftovers.vue.js";
 const navigationItems = [
   {
     category: "Menu",
-    visible: () => true,
     items: [
       {
         title: "Organizations",
         iconComponent: _sfc_main,
-        route: () => "/backoffice/organizations",
-        visible: () => true
+        route: () => "/backoffice/organizations"
       },
       {
         title: "Community",

package/dist/martyrs/src/modules/backoffice/configs/navigation.backoffice.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.backoffice.config.js","sources":["../../../../../../src/modules/backoffice/configs/navigation.backoffice.config.js"],"sourcesContent":["// Import icons\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n\n// Backoffice navigation configuration\nexport const navigationItems = [\n {\n category: 'Menu',\n ~~visible: () => true,\n~~ items: [\n {\n title: 'Organizations',\n iconComponent: IconGroups,\n route: () => '/backoffice/organizations',\n ~~visible: () => true\n~~ },\n {\n title: 'Community',\n iconComponent: IconCommunity,\n route: () => '/backoffice/community',\n visible: () => true\n },\n {\n title: 'Products',\n iconComponent: IconProducts,\n route: () => '/backoffice/products',\n visible: () => true\n },\n {\n title: 'Inventory',\n iconComponent: IconLeftovers,\n route: () => '/backoffice/inventory',\n visible: () => true\n },\n {\n title: 'Orders',\n iconComponent: IconOrders,\n route: () => '/backoffice/orders',\n visible: () => true\n },\n {\n title: 'Gallery',\n iconComponent: IconGallery,\n route: () => '/backoffice/gallery',\n visible: () => true\n },\n {\n title: 'Applications',\n iconComponent: IconEvents,\n route: () => '/backoffice/applications',\n visible: () => true\n },\n {\n title: 'Events',\n iconComponent: IconEvents,\n route: () => '/backoffice/events',\n visible: () => true\n }\n ]\n },\n {\n category: 'General',\n visible: () => true,\n items: [\n {\n title: 'Payments',\n iconComponent: IconPayments,\n route: () => '/backoffice/payments',\n visible: () => true\n },\n {\n title: 'Users',\n iconComponent: null,\n route: () => '/backoffice/users',\n visible: () => true\n },\n {\n title: 'Pages',\n iconComponent: null,\n route: () => '/backoffice/pages',\n visible: () => true\n },\n {\n title: 'Reports',\n iconComponent: null,\n route: () => '/backoffice/reports',\n visible: () => true\n }\n ]\n }\n]\n\nexport default navigationItems\n"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;AAWY,MAAC,kBAAkB;AAAA,EAC7B;AAAA,IACE,UAAU;AAAA,IACV,~~SAAS,MAAM;AAAA,IACf,~~OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,eAAeA;AAAAA,QACf,OAAO,MAAM;AAAA,~~QACb,SAAS,MAAM~~;AAAA,~~MACvB;AAAA,~~MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeA;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,IACA;AAAA,EACA;AAAA,EACE;AAAA,IACE,UAAU;AAAA,IACV,SAAS,MAAM;AAAA,IACf,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,IACA;AAAA,EACA;AACA;"}
1	+ {"version":3,"file":"navigation.backoffice.config.js","sources":["../../../../../../src/modules/backoffice/configs/navigation.backoffice.config.js"],"sourcesContent":["// Import icons\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n\n// Backoffice navigation configuration\nexport const navigationItems = [\n {\n category: 'Menu',\n items: [\n {\n title: 'Organizations',\n iconComponent: IconGroups,\n route: () => '/backoffice/organizations',\n },\n {\n title: 'Community',\n iconComponent: IconCommunity,\n route: () => '/backoffice/community',\n visible: () => true\n },\n {\n title: 'Products',\n iconComponent: IconProducts,\n route: () => '/backoffice/products',\n visible: () => true\n },\n {\n title: 'Inventory',\n iconComponent: IconLeftovers,\n route: () => '/backoffice/inventory',\n visible: () => true\n },\n {\n title: 'Orders',\n iconComponent: IconOrders,\n route: () => '/backoffice/orders',\n visible: () => true\n },\n {\n title: 'Gallery',\n iconComponent: IconGallery,\n route: () => '/backoffice/gallery',\n visible: () => true\n },\n {\n title: 'Applications',\n iconComponent: IconEvents,\n route: () => '/backoffice/applications',\n visible: () => true\n },\n {\n title: 'Events',\n iconComponent: IconEvents,\n route: () => '/backoffice/events',\n visible: () => true\n }\n ]\n },\n {\n category: 'General',\n visible: () => true,\n items: [\n {\n title: 'Payments',\n iconComponent: IconPayments,\n route: () => '/backoffice/payments',\n visible: () => true\n },\n {\n title: 'Users',\n iconComponent: null,\n route: () => '/backoffice/users',\n visible: () => true\n },\n {\n title: 'Pages',\n iconComponent: null,\n route: () => '/backoffice/pages',\n visible: () => true\n },\n {\n title: 'Reports',\n iconComponent: null,\n route: () => '/backoffice/reports',\n visible: () => true\n }\n ]\n }\n]\n\nexport default navigationItems\n"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;AAWY,MAAC,kBAAkB;AAAA,EAC7B;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,eAAeA;AAAAA,QACf,OAAO,MAAM;AAAA,MACrB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAeA;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,IACA;AAAA,EACA;AAAA,EACE;AAAA,IACE,UAAU;AAAA,IACV,SAAS,MAAM;AAAA,IACf,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,eAAeC;AAAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,eAAe;AAAA,QACf,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACvB;AAAA,IACA;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/backoffice/router/backoffice.router.js CHANGED Viewed

@@ -13,8 +13,7 @@ function getRoutes(options = {}) {
           name: "Backoffice Root",
           meta: {
             sidebar_navigation: Navigation,
-            sidebar_navigation_items: navigationItems,
-            sidebar_width_hidden: "w-2r"
+            sidebar_navigation_items: navigationItems
           },
           props: {
             newsletterPopup: 12344
@@ -39,36 +38,6 @@ function getRoutes(options = {}) {
                 /* webpackChunkName: 'BackofficeGallery' */
                 "../components/pages/Dashboard.vue.js"
               )
-            },
-            {
-              path: "organizations",
-              name: "Backoffice Organizations",
-              meta: {
-                title: {
-                  en: "Backoffice Organizations",
-                  ru: "Управление Организациями"
-                },
-                authorize: []
-              },
-              component: () => import(
-                /* webpackChunkName: 'BackofficeOrganizations' */
-                "../../organizations/components/pages/Organizations.vue.js"
-              )
-            },
-            {
-              path: "community",
-              name: "Backoffice Community",
-              meta: {
-                title: {
-                  en: "Backoffice Community",
-                  ru: "Управление Сообществом"
-                },
-                authorize: []
-              },
-              component: () => import(
-                /* webpackChunkName: 'BackofficeCommunity' */
-                "../../community/components/pages/Blog.vue.js"
-              )
             }
           ]
         }

package/dist/martyrs/src/modules/backoffice/router/backoffice.router.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"backoffice.router.js","sources":["../../../../../../src/modules/backoffice/router/backoffice.router.js"],"sourcesContent":["import Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue'\nimport { navigationItems } from '../configs/navigation.backoffice.config.js'\n\nexport function getRoutes(options = {}) {\n const route = options.route \|\| 'Home';\n const routes = [];\n\n routes.push({\n parentName: route,\n config: {\n basePath: 'backoffice',\n routes: [\n {\n path: '',\n name: 'Backoffice Root',\n meta: {\n sidebar_navigation: Navigation,\n sidebar_navigation_items: navigationItems,\n ~~sidebar_width_hidden: 'w-2r',\n~~ },\n props: {\n newsletterPopup: 12344,\n },\n beforeEnter: [\n () => import(/* webpackChunkName: \"auth-validation\" / '@martyrs/src/modules/auth/views/middlewares/auth.validation.js').then(m => m.requiresAdmin),\n ],\n children: [\n {\n path: '',\n name: 'Backoffice Admin',\n meta: {\n title: {\n en: 'Backoffice',\n ru: 'Управление',\n },\n },\n component: () => import(/ webpackChunkName: 'BackofficeGallery' / '../components/pages/Dashboard.vue'),\n },\n {\n path: 'organizations',\n name: 'Backoffice Organizations',\n meta: {\n title: {\n en: 'Backoffice Organizations',\n ru: 'Управление Организациями',\n },\n authorize: [],\n },\n component: () => import(/ webpackChunkName: 'BackofficeOrganizations' / '@martyrs/src/modules/organizations/components/pages/Organizations.vue'),\n },\n {\n path: 'community',\n name: 'Backoffice Community',\n meta: {\n title: {\n en: 'Backoffice Community',\n ru: 'Управление Сообществом',\n },\n authorize: [],\n },\n component: () => import(/ webpackChunkName: 'BackofficeCommunity' */ '@martyrs/src/modules/community/components/pages/Blog.vue'),\n },\n ],\n }\n ],\n }\n });\n\n return routes;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,UAAU,UAAU,IAAI;AACtC,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,SAAS,CAAA;AAEf,SAAO,KAAK;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,QACN;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,oBAAoB;AAAA,YACpB,0BAA0B;AAAA,~~YAC1B,sBAAsB~~;AAAA,~~UAClC;AAAA,~~UACU,OAAO;AAAA,YACL,iBAAiB;AAAA,UAC7B;AAAA,UACU,aAAa;AAAA,YACX,MAAM;AAAA;AAAA,cAAiD;AAAA,YAAgE,EAAE,KAAK,OAAK,EAAE,aAAa;AAAA,UAC9J;AAAA,UACU,UAAU;AAAA,YACR;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,IAAI;AAAA,kBACJ,IAAI;AAAA,gBACtB;AAAA,cACA;AAAA,cACc,WAAW,MAAM;AAAA;AAAA,gBAAmD;AAAA,cAAmC;AAAA,YACrH;AAAA,YACY;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,IAAI;AAAA,kBACJ,IAAI;AAAA,gBACtB;AAAA,gBACgB,WAAW,CAAA;AAAA,cAC3B;AAAA,cACc,WAAW,MAAM;AAAA;AAAA,gBAAyD;AAAA,cAAuE;AAAA,YAC/J;AAAA,YACY;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,IAAI;AAAA,kBACJ,IAAI;AAAA,gBACtB;AAAA,gBACgB,WAAW,CAAA;AAAA,cAC3B;AAAA,cACc,WAAW,MAAM;AAAA;AAAA,gBAAqD;AAAA,cAA0D;AAAA,YAC9I;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA,CAAG;AAED,SAAO;AACT;"}
1	+ {"version":3,"file":"backoffice.router.js","sources":["../../../../../../src/modules/backoffice/router/backoffice.router.js"],"sourcesContent":["import Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue'\nimport { navigationItems } from '../configs/navigation.backoffice.config.js'\n\nexport function getRoutes(options = {}) {\n const route = options.route \|\| 'Home';\n const routes = [];\n\n routes.push({\n parentName: route,\n config: {\n basePath: 'backoffice',\n routes: [\n {\n path: '',\n name: 'Backoffice Root',\n meta: {\n sidebar_navigation: Navigation,\n sidebar_navigation_items: navigationItems,\n },\n props: {\n newsletterPopup: 12344,\n },\n beforeEnter: [\n () => import(/* webpackChunkName: \"auth-validation\" / '@martyrs/src/modules/auth/views/middlewares/auth.validation.js').then(m => m.requiresAdmin),\n ],\n children: [\n {\n path: '',\n name: 'Backoffice Admin',\n meta: {\n title: {\n en: 'Backoffice',\n ru: 'Управление',\n },\n },\n component: () => import(/ webpackChunkName: 'BackofficeGallery' */ '../components/pages/Dashboard.vue'),\n },\n ],\n }\n ],\n }\n });\n\n return routes;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,UAAU,UAAU,IAAI;AACtC,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,SAAS,CAAA;AAEf,SAAO,KAAK;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,QACN;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,oBAAoB;AAAA,YACpB,0BAA0B;AAAA,UACtC;AAAA,UACU,OAAO;AAAA,YACL,iBAAiB;AAAA,UAC7B;AAAA,UACU,aAAa;AAAA,YACX,MAAM;AAAA;AAAA,cAAiD;AAAA,YAAgE,EAAE,KAAK,OAAK,EAAE,aAAa;AAAA,UAC9J;AAAA,UACU,UAAU;AAAA,YACR;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,MAAM;AAAA,gBACJ,OAAO;AAAA,kBACL,IAAI;AAAA,kBACJ,IAAI;AAAA,gBACtB;AAAA,cACA;AAAA,cACc,WAAW,MAAM;AAAA;AAAA,gBAAmD;AAAA,cAAmC;AAAA,YACrH;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA,CAAG;AAED,SAAO;AACT;"}

package/dist/martyrs/src/modules/community/community.client.js CHANGED Viewed

@@ -1,7 +1,10 @@
 import * as blogposts from "./store/blogposts.js";
 import * as reactions from "./store/reactions.js";
 import addRoutes from "../core/views/router/addRoutes.js";
-import { getRoutes } from "./community.router.js";
+import communityRoutes from "./router/community.router.js";
+import communityUserRoutes from "./router/community.user.router.js";
+import communityOrganizationRoutes from "./router/community.organization.router.js";
+import communityBackofficeRoutes from "./router/community.backoffice.router.js";
 import _sfc_main$8 from "./components/layouts/Community.vue.js";
 import _sfc_main$5 from "./components/pages/Blog.vue.js";
 import _sfc_main$6 from "./components/pages/BlogPost.vue.js";
@@ -12,10 +15,51 @@ import _sfc_main$4 from "./components/blocks/FooterBlogpost.vue.js";
 import _sfc_main$1 from "./components/sections/Comments.vue.js";
 import _sfc_main from "./components/sections/HotPosts.vue.js";
 function initializeCommunity(app, store, router, options = {}) {
-  const routes = getRoutes(options);
-  routes.forEach(({ parentName, config }) => {
-    addRoutes(router, { ...config, parentName });
+  addRoutes(router, {
+    parentName: options.route || "Home",
+    basePath: "community",
+    component: () => import(
+      /* webpackChunkName: "community-layout" */
+      "./components/layouts/Community.vue.js"
+    ),
+    routes: communityRoutes,
+    meta: {
+      context: "root",
+      title: {
+        en: "Community",
+        ru: "Коммьюнити"
+      },
+      breadcrumbs: { hidden: true },
+      title_hide: true
+    }
   });
+  if (!options.withUserRoutes) {
+    addRoutes(router, {
+      parentName: options.routeUser || "User Profile Root",
+      basePath: "blogposts",
+      routes: communityUserRoutes,
+      routeNamePrefix: "User",
+      meta: { context: "user" }
+    });
+  }
+  if (!options.withOrganizationRoutes) {
+    addRoutes(router, {
+      parentName: options.routeOrganizations || "OrganizationRoot",
+      basePath: "posts",
+      routes: communityOrganizationRoutes,
+      routeNamePrefix: "Organization",
+      meta: { context: "organization" }
+    });
+  }
+  if (!options.withBackoffice) {
+    addRoutes(router, {
+      parentName: options.routeBackoffice || "Backoffice Root",
+      basePath: "community",
+      routes: communityBackofficeRoutes,
+      routeNamePrefix: "Backoffice",
+      meta: { context: "backoffice" }
+    });
+  }
   store.addStore("blogposts", blogposts);
   store.addStore("reactions", reactions);
 }
@@ -26,9 +70,7 @@ const ModuleCommunity = {
       storeBlogposts: blogposts,
       storeReactions: reactions
     },
-    router: {
-      getRoutes
-    },
+    router: {},
     components: {
       // Layouts
       Community: _sfc_main$8,
@@ -57,7 +99,6 @@ export {
   _sfc_main$4 as FooterBlogpost,
   _sfc_main as HotPosts,
   ModuleCommunity as default,
-  getRoutes,
   blogposts as storeBlogposts,
   reactions as storeReactions
 };

package/dist/martyrs/src/modules/community/community.client.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"community.client.js","sources":["../../../../../src/modules/community/community.client.js"],"sourcesContent":["// Store\nimport * as storeBlogposts from './store/blogposts.js';\nimport * as storeReactions from './store/reactions.js';\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { ~~getRoutes~~ } from './community.router.js';\n\n// Views\n// Layouts\nimport Community from './components/layouts/Community.vue';\n\n// Pages\nimport Blog from './components/pages/Blog.vue';\nimport BlogPost from './components/pages/BlogPost.vue';\nimport CreateBlogPost from './components/pages/CreateBlogPost.vue';\n\n// Blocks\nimport Activity from './components/blocks/Activity.vue';\nimport CardBlogpost from './components/blocks/CardBlogpost.vue';\nimport FooterBlogpost from './components/blocks/FooterBlogpost.vue';\n\n// Sections\nimport Comments from './components/sections/Comments.vue';\nimport HotPosts from './components/sections/HotPosts.vue';\n\~~n// Пример функции инициализации для модуля сообщества\~~nfunction initializeCommunity(app, store, router, options = {}) {\n ~~const~~ ~~routes~~ = ~~getRoutes~~(~~options~~);\n ~~routes~~.~~forEach~~(({ parentName, ~~config~~ }) => {\n addRoutes(router, { ~~...config,~~ ~~parentName~~ });\n });\n\n store.addStore('blogposts', storeBlogposts);\n store.addStore('reactions', storeReactions);\n}\n\nconst ModuleCommunity = {\n initialize: initializeCommunity,\n views: {\n store: {\n storeBlogposts,\n storeReactions,\n },\n router: {~~\n getRoutes,\n~~ },\n components: {\n // Layouts\n Community,\n // Pages\n CreateBlogPost,\n BlogPost,\n Blog,\n // Blocks\n FooterBlogpost,\n Activity,\n CardBlogpost,\n // Sections\n Comments,\n HotPosts,\n },\n },\n};\n\nexport { Activity, Blog, BlogPost, CardBlogpost, Comments, Community, CreateBlogPost, FooterBlogpost, HotPosts, ~~getRoutes,~~ storeBlogposts, storeReactions };\n\nexport default ModuleCommunity;\n"],"names":["storeBlogposts","storeReactions","Community","CreateBlogPost","BlogPost","Blog","FooterBlogpost","Activity","CardBlogpost","Comments","HotPosts"],"mappings":"~~;;;;;;;;;;;;;AA2BA~~,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;~~AAC7D~~,~~QAAM~~,SAAS,UAAU,OAAO;~~AAChC~~,~~SAAO~~,QAAQ,CAAC,~~EAAE~~,YAAY,OAAM,~~MAAO~~;~~AACzC~~,cAAU,QAAQ,~~EAAE~~,~~GAAG~~,QAAQ,~~WAAU~~,~~CAAE~~;AAAA,~~EAC7C~~,CAAC;~~AAED~~,QAAM,SAAS,~~aAAaA~~,SAAc;AAC1C,QAAM,SAAS,aAAaC,SAAc;AAC5C;AAEK,MAAC,kBAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,gBAAMD;AAAAA,MACN,gBAAMC;AAAAA,IACN;AAAA,IACI,QAAQ~~;AAAA~~,~~MACN~~;AAAA,~~IACN;AAAA~~,~~IACI,~~YAAY;AAAA;AAAA,MAEhB,WAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,MAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,cAAMC;AAAAA;AAAAA,MAEN,UAAMC;AAAAA,MACN,UAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}
1	+ {"version":3,"file":"community.client.js","sources":["../../../../../src/modules/community/community.client.js"],"sourcesContent":["// Store\nimport * as storeBlogposts from './store/blogposts.js';\nimport * as storeReactions from './store/reactions.js';\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport routerRoot from './router/community.router.js';\nimport routerUser from './router/community.user.router.js';\nimport routerOrganization from './router/community.organization.router.js';\nimport routerBackoffice from './router/community.backoffice.router.js';\n\n// Views\n// Layouts\nimport Community from './components/layouts/Community.vue';\n\n// Pages\nimport Blog from './components/pages/Blog.vue';\nimport BlogPost from './components/pages/BlogPost.vue';\nimport CreateBlogPost from './components/pages/CreateBlogPost.vue';\n\n// Blocks\nimport Activity from './components/blocks/Activity.vue';\nimport CardBlogpost from './components/blocks/CardBlogpost.vue';\nimport FooterBlogpost from './components/blocks/FooterBlogpost.vue';\n\n// Sections\nimport Comments from './components/sections/Comments.vue';\nimport HotPosts from './components/sections/HotPosts.vue';\n\nfunction initializeCommunity(app, store, router, options = {}) {\n // Root: /community/\n addRoutes(router, {\n parentName: options.route \|\| 'Home',\n basePath: 'community',\n component: () => import(/ webpackChunkName: \"community-layout\" / './components/layouts/Community.vue'),\n routes: routerRoot,\n meta: {\n context: 'root',\n title: {\n en: 'Community',\n ru: 'Коммьюнити',\n },\n breadcrumbs: { hidden: true },\n title_hide: true,\n },\n });\n\n // User: /users/:_id/blogposts/\n if (!options.withUserRoutes) {\n addRoutes(router, {\n parentName: options.routeUser \|\| 'User Profile Root',\n basePath: 'blogposts',\n routes: routerUser,\n routeNamePrefix: 'User',\n meta: { context: 'user' },\n });\n }\n\n // Organization: /organizations/:_id/posts/\n if (!options.withOrganizationRoutes) {\n addRoutes(router, {\n parentName: options.routeOrganizations \|\| 'OrganizationRoot',\n basePath: 'posts',\n routes: routerOrganization,\n routeNamePrefix: 'Organization',\n meta: { context: 'organization' },\n });\n }\n\n // Backoffice: /backoffice/community/\n if (!options.withBackoffice) {\n addRoutes(router, {\n parentName: options.routeBackoffice \|\| 'Backoffice Root',\n basePath: 'community',\n routes: routerBackoffice,\n routeNamePrefix: 'Backoffice',\n meta: { context: 'backoffice' },\n });\n }\n\n store.addStore('blogposts', storeBlogposts);\n store.addStore('reactions', storeReactions);\n}\n\nconst ModuleCommunity = {\n initialize: initializeCommunity,\n views: {\n store: {\n storeBlogposts,\n storeReactions,\n },\n router: {},\n components: {\n // Layouts\n Community,\n // Pages\n CreateBlogPost,\n BlogPost,\n Blog,\n // Blocks\n FooterBlogpost,\n Activity,\n CardBlogpost,\n // Sections\n Comments,\n HotPosts,\n },\n },\n};\n\nexport { Activity, Blog, BlogPost, CardBlogpost, Comments, Community, CreateBlogPost, FooterBlogpost, HotPosts, storeBlogposts, storeReactions };\n\nexport default ModuleCommunity;\n"],"names":["routerRoot","routerUser","routerOrganization","routerBackoffice","storeBlogposts","storeReactions","Community","CreateBlogPost","BlogPost","Blog","FooterBlogpost","Activity","CardBlogpost","Comments","HotPosts"],"mappings":";;;;;;;;;;;;;;;;AA6BA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAE7D,YAAU,QAAQ;AAAA,IAChB,YAAY,QAAQ,SAAS;AAAA,IAC7B,UAAU;AAAA,IACV,WAAW,MAAM;AAAA;AAAA,MAAkD;AAAA,IAAoC;AAAA,IACvG,QAAQA;AAAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,aAAa,EAAE,QAAQ,KAAI;AAAA,MAC3B,YAAY;AAAA,IAClB;AAAA,EACA,CAAG;AAGD,MAAI,CAAC,QAAQ,gBAAgB;AAC3B,cAAU,QAAQ;AAAA,MAChB,YAAY,QAAQ,aAAa;AAAA,MACjC,UAAU;AAAA,MACV,QAAQC;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM,EAAE,SAAS,OAAM;AAAA,IAC7B,CAAK;AAAA,EACH;AAGA,MAAI,CAAC,QAAQ,wBAAwB;AACnC,cAAU,QAAQ;AAAA,MAChB,YAAY,QAAQ,sBAAsB;AAAA,MAC1C,UAAU;AAAA,MACV,QAAQC;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM,EAAE,SAAS,eAAc;AAAA,IACrC,CAAK;AAAA,EACH;AAGA,MAAI,CAAC,QAAQ,gBAAgB;AAC3B,cAAU,QAAQ;AAAA,MAChB,YAAY,QAAQ,mBAAmB;AAAA,MACvC,UAAU;AAAA,MACV,QAAQC;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM,EAAE,SAAS,aAAY;AAAA,IACnC,CAAK;AAAA,EACH;AAEA,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,aAAaC,SAAc;AAC5C;AAEK,MAAC,kBAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,gBAAMD;AAAAA,MACN,gBAAMC;AAAAA,IACN;AAAA,IACI,QAAQ,CAAA;AAAA,IACR,YAAY;AAAA;AAAA,MAEhB,WAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,MAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,cAAMC;AAAAA;AAAAA,MAEN,UAAMC;AAAAA,MACN,UAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { computed, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, normalizeClass, renderSlot, createBlock, unref, toDisplayString, createTextVNode } from "vue";
+import { computed, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, unref, normalizeClass, renderSlot, createBlock, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../core/views/components/blocks/CardHeader.vue.js";
 import _sfc_main$3 from "./FooterBlogpost.vue.js";
 import _sfc_main$2 from "../../../../components/Text/Text.vue.js";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 const _hoisted_1 = { class: "pos-relative flex-column flex o-hidden" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };
 const _hoisted_3 = {
@@ -50,7 +50,13 @@ const _sfc_main = {
     }
   },
   setup(__props) {
+    const route = useRoute();
     const router = useRouter();
+    const routePrefix = computed(() => {
+      const ctx = route.meta.context;
+      if (ctx === "organization") return "Organization";
+      return "";
+    });
     const props = __props;
     const firstImage = computed(() => {
       return props.blogpost.content.find((block) => block.type === "ImageUpload");
@@ -77,7 +83,7 @@ const _sfc_main = {
           creator: __props.blogpost.creator,
           date: __props.blogpost.createdAt,
           actions: __props.user && __props.user === __props.blogpost.creator.target._id ? [
-            { to: `/community/posts/${__props.blogpost.url}/edit`, label: "Edit" }
+            { to: { name: routePrefix.value + "EditBlogPost", params: { _id: unref(route).params._id, url: __props.blogpost.url } }, label: "Edit" }
           ] : null
         }, null, 8, ["class", "entity", "user", "owner", "creator", "date", "actions"]),
         createElementVNode("section", _hoisted_2, [
@@ -87,7 +93,7 @@ const _sfc_main = {
               text: __props.blogpost.name || "",
               maxLen: 80,
               class: "h3 d-block",
-              onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push(`/community/posts/${__props.blogpost.url}`))
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: routePrefix.value + "BlogPost", params: { _id: unref(route).params._id, url: __props.blogpost.url } }))
             }, null, 8, ["text"])) : createCommentVNode("", true),
             __props.blogpost.status === "draft" ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.blogpost.status), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t :class=\"{\n\t \t'mn-b-medium pd-medium': type !== 'short',\n\t \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t }\"\n\t :entity=\"blogpost\"\n\t :entityType=\"'blogpost'\"\n\t :user=\"user\"\n\t :owner=\"blogpost.owner\" \n \t:creator=\"blogpost.creator\"\n \t:date=\"blogpost.createdAt\"\n \t:actions=\"user && user === blogpost.creator.target._id ? [\n { to: ~~`/community/posts/$~~{blogpost.url}~~/edit`,~~ label: 'Edit' }\n ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name \|\| ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push(~~`/community/posts/$~~{blogpost.url}`)\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-medium'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n \t:chips=\"blogpost.tags\"\n \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t Your browser does not support the video tag.\n\t </video>\n\t <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n import Text from '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n const firstImage = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t return props.blogpost.content.find(block => \n\t block.type === 'Textarea' && block.class !== 'h2'\n\t );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t :class=\"{\n\t \t'mn-b-medium pd-medium': type !== 'short',\n\t \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t }\"\n\t :entity=\"blogpost\"\n\t :entityType=\"'blogpost'\"\n\t :user=\"user\"\n\t :owner=\"blogpost.owner\" \n \t:creator=\"blogpost.creator\"\n \t:date=\"blogpost.createdAt\"\n \t:actions=\"user && user === blogpost.creator.target._id ? [\n { to: { name: routePrefix + 'EditBlogPost', params: { _id: route.params._id, url: blogpost.url } }, label: 'Edit' }\n ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name \|\| ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({ name: routePrefix + 'BlogPost', params: { _id: route.params._id, url: blogpost.url } })\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-medium'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n \t:chips=\"blogpost.tags\"\n \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t Your browser does not support the video tag.\n\t </video>\n\t <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n import Text from '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRoute, useRouter } from 'vue-router'\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst routePrefix = computed(() => {\n\t\tconst ctx = route.meta.context\n\t\tif (ctx === 'organization') return 'Organization'\n\t\treturn ''\n\t})\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n const firstImage = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t return props.blogpost.content.find(block => \n\t block.type === 'Textarea' && block.class !== 'h2'\n\t );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,cAAc,SAAS,MAAM;AAClC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,eAAgB,QAAO;AACnC,aAAO;AAAA,IACR,CAAC;AAED,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js CHANGED Viewed

@@ -70,7 +70,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("section", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            !unref(route).params.url && unref(route).name !== "Create BlogPost" ? (openBlock(), createElementBlock("header", _hoisted_4, [
+            !unref(route).params.url && unref(route).name !== "CreateBlogPost" ? (openBlock(), createElementBlock("header", _hoisted_4, [
               createElementVNode("h2", _hoisted_5, [
                 _cache[5] || (_cache[5] = createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
                 createVNode(Select, {
@@ -82,7 +82,7 @@ const _sfc_main = {
                 }, null, 8, ["select"])
               ])
             ])) : createCommentVNode("", true),
-            !unref(route).params.url && unref(route).name !== "Create BlogPost" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            !unref(route).params.url && unref(route).name !== "CreateBlogPost" ? (openBlock(), createElementBlock("div", _hoisted_6, [
               createElementVNode("ul", _hoisted_7, [
                 createElementVNode("li", {
                   class: normalizeClass([{ "t-black bg-white": unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex fw-medium pd-thin radius-small"]),
@@ -128,7 +128,7 @@ const _sfc_main = {
                 state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
                   key: 1,
                   to: {
-                    name: "Create BlogPost"
+                    name: "CreateBlogPost"
                   },
                   class: "button fw-medium bg-main w-max mn-l-auto"
                 }, {

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t \t<h2 class=\"pos-relative ws-nowrap flex-v-center flex-nowrap flex\">\n\t\t \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t \t\t<Select \n\t\t\t :options=\"['today','week','month','year','all time']\"\n\t\t\t v-model:select=\"blog.state.filter.period\" \n\t\t\t placeholder=\"all time\"\n\t\t\t class=\"\n\t\t\t \tfw-semi\n\t\t\t \tpos-relative \n\t\t\t \tw-max\n\t\t\t \tbg-main t-black\n\t\t\t \tpd-thin\n\t\t\t \tradius-medium\n\t\t\t h2\n\t\t\t \tt-center\n\t\t\t \tflex-column \n\t\t\t \tflex \n\t\t\t \tgap-regular \n\t\t\t \"\n\t\t\t />\n\t\t \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div v-if=\"!route.params.url && route.name !=='Create BlogPost'\" class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll ws-nowrap scroll-hide\">\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex fw-medium pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer fw-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer fw-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer fw-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button fw-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-b-thin scroll-hide h-100 w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"fw-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t :key=\"comment._id\"\n\t\t\t :comment=\"comment\"\n\t\t\t :target=\"target\"\n\t\t\t :type=\"type\"\n\t\t\t :owner=\"owner\"\n\t\t\t @reply=\"handleReply\"\n\t\t\t @load-more=\"loadMoreChildren\"\n\t\t\t class=\"comment bg-white pd-small radius-regular\"\n\t\t\t />\n\t\t\t </div>\n\t\t </div>\n\n\t <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end fw-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\tto=\"/organizations/create\"\n\t\t\t\t\t\t\tclass=\"fw-medium cursor-pointer hover:scale-[1.05] radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t :states=\"{\n\t\t\t\t empty: {\n\t\t\t\t title: 'No Organization Found',\n\t\t\t\t description: 'Currently, there are no organization available.'\n\t\t\t\t }\n\t\t\t\t }\"\n\t\t\t\t :store=\"{\n\t\t\t\t read: (options) => organizations.actions.read(options),\n\t\t\t\t state: organizations.state\n\t\t\t\t }\"\n\t\t\t\t :options=\"{\n\t\t\t\t \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t }\"\n\t\t\t\t v-slot=\"{ \n\t\t\t\t items \n\t\t\t\t }\"\n\t\t\t\t class=\"flex flex-column gap-thin\"\n\t\t\t\t >\n\t\t\t\t \t<CardOrganization \n\t\t\t \t\t\tv-for=\"organization in items\"\n\t\t\t \t:key=\"organization._id\" \n\t\t\t\t \t:organization=\"organization\"\n\t\t\t\t \t:user=\"auth.state.user\"\n\t\t\t\t \t:showProducts=\"false\"\n\t\t\t\t \t:showRating=\"false\"\n\t\t\t\t \t:showFeatured=\"false\"\n\t\t\t\t \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 bg-white radius-regular o-hidden\"\n\t\t\t\t\t />\n\t\t\t\t </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n import { useRoute,useRouter } from 'vue-router'\n\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n try {\n const response = await $axios.get('/comments/read', {\n params: {\n maxDepth: 1,\n format: 'plain'\n }\n });\n comments.value = response.data;\n } catch (error) {\n console.error('Error fetching comments:', error);\n }\n};\n\nfetchComments();\n\n// Import state\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'\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'CreateBlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t \t<h2 class=\"pos-relative ws-nowrap flex-v-center flex-nowrap flex\">\n\t\t \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t \t\t<Select \n\t\t\t :options=\"['today','week','month','year','all time']\"\n\t\t\t v-model:select=\"blog.state.filter.period\" \n\t\t\t placeholder=\"all time\"\n\t\t\t class=\"\n\t\t\t \tfw-semi\n\t\t\t \tpos-relative \n\t\t\t \tw-max\n\t\t\t \tbg-main t-black\n\t\t\t \tpd-thin\n\t\t\t \tradius-medium\n\t\t\t h2\n\t\t\t \tt-center\n\t\t\t \tflex-column \n\t\t\t \tflex \n\t\t\t \tgap-regular \n\t\t\t \"\n\t\t\t />\n\t\t \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div v-if=\"!route.params.url && route.name !=='CreateBlogPost'\" class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll ws-nowrap scroll-hide\">\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex fw-medium pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer fw-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer fw-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer fw-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'CreateBlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button fw-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-b-thin scroll-hide h-100 w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"fw-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t :key=\"comment._id\"\n\t\t\t :comment=\"comment\"\n\t\t\t :target=\"target\"\n\t\t\t :type=\"type\"\n\t\t\t :owner=\"owner\"\n\t\t\t @reply=\"handleReply\"\n\t\t\t @load-more=\"loadMoreChildren\"\n\t\t\t class=\"comment bg-white pd-small radius-regular\"\n\t\t\t />\n\t\t\t </div>\n\t\t </div>\n\n\t <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end fw-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\tto=\"/organizations/create\"\n\t\t\t\t\t\t\tclass=\"fw-medium cursor-pointer hover:scale-[1.05] radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t :states=\"{\n\t\t\t\t empty: {\n\t\t\t\t title: 'No Organization Found',\n\t\t\t\t description: 'Currently, there are no organization available.'\n\t\t\t\t }\n\t\t\t\t }\"\n\t\t\t\t :store=\"{\n\t\t\t\t read: (options) => organizations.actions.read(options),\n\t\t\t\t state: organizations.state\n\t\t\t\t }\"\n\t\t\t\t :options=\"{\n\t\t\t\t \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t }\"\n\t\t\t\t v-slot=\"{ \n\t\t\t\t items \n\t\t\t\t }\"\n\t\t\t\t class=\"flex flex-column gap-thin\"\n\t\t\t\t >\n\t\t\t\t \t<CardOrganization \n\t\t\t \t\t\tv-for=\"organization in items\"\n\t\t\t \t:key=\"organization._id\" \n\t\t\t\t \t:organization=\"organization\"\n\t\t\t\t \t:user=\"auth.state.user\"\n\t\t\t\t \t:showProducts=\"false\"\n\t\t\t\t \t:showRating=\"false\"\n\t\t\t\t \t:showFeatured=\"false\"\n\t\t\t\t \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 bg-white radius-regular o-hidden\"\n\t\t\t\t\t />\n\t\t\t\t </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n import { useRoute,useRouter } from 'vue-router'\n\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n try {\n const response = await $axios.get('/comments/read', {\n params: {\n maxDepth: 1,\n format: 'plain'\n }\n });\n comments.value = response.data;\n } catch (error) {\n console.error('Error fetching comments:', error);\n }\n};\n\nfetchComments();\n\n// Import state\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'\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { computed, ref, onServerPrefetch, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, Fragment, renderList, Transition, createBlock } from "vue";
 import { u as useHead } from "../../../../../../node_modules/.pnpm/@unhead_vue@1.11.20_vue@3.5.13_typescript@5.8.3_/node_modules/@unhead/vue/dist/shared/vue.-sixQ7xP.js";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
 import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
 import { useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 /* empty css                                                             */
 /* empty css                                                      */
@@ -110,7 +110,7 @@ const _sfc_main = {
           default: withCtx(() => [
             !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Blogpost", params: { url: blogpost.value.url } })),
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "BlogPost", params: { url: blogpost.value.url } })),
               blogpost: blogpost.value,
               user: state$1.user._id,
               type: "blogpostPage",

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n <SkeletonBlogpost\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n class=\"\"\n />\n </TransitionGroup>\n <transition \n name=\"fade\"\n >\n <EmptyState \n v-if=\"!isLoading && !blogpost\"\n title=\"No Blogpost Found\"\n description=\"Currently, there are no blogposts available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-big\"\n />\n </transition>\n\n <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n \t <!-- <button @click=\"share\" >\n\t\t\t Поделиться\n\t\t\t </button>\n\t\t\t -->\n \t<CardBlogpost \n v-if=\"!isLoading && blogpost\"\n @click=\"$router.push({name: '~~Blogpost~~', params: {url: blogpost.url}})\" \n :blogpost=\"blogpost\" \n :user=\"auth.state.user._id\"\n :type=\"'blogpostPage'\"\n :hideTitle=\"true\"\n class=\"mn-b-small bg-light radius-medium mobile:radius-zero\"\n >\n\n \t <Viewer\n \t v-if=\"blogpost && blogpost.content\"\n \t :content=\"blogpost.content\"\n \t />\n\n \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n \t\t\t\t\tCheck Source 🔗\n \t\t\t\t</a>\n \t\t\t\n </CardBlogpost>\n\n \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n \t\t<Publics \n \t\t\tclass=\"mn-b-small\"\n \t\t/> -->\n\n <Comments \n v-if=\"!isLoading && blogpost\" \n :type=\"'blogpost'\" \n :target=\"blogpost._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n />\n \n </TransitionGroup> \n \n </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst store = useStore();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n try {\n isLoading.value = true;\n const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n blogpost.value = data[0];\n // Обновляем состояние хранилища\n blog.state.current = data[0];\n\n // Если пост не найден - устанавливаем 404\n if (!data \|\| data.length === 0 \|\| !blog.state.current) {\n store.core.state.notFound = true;\n }\n } catch (err) {\n error.value = err;\n console.error('Error fetching blogpost:', err);\n store.core.state.notFound = true;\n } finally {\n isLoading.value = false;\n }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n if (!blogpost.value \|\| blogpost.value.url !== route.params.url) {\n await fetchBlogpost();\n }\n canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n if (!canShare.value) return;\n try {\n await navigator.share({\n title: blogpost.value.name,\n text: firstText.value?.content.slice(0, 120) \|\| 'Check out this blog post!',\n url: window.location.href,\n });\n console.log('Content shared successfully');\n } catch (error) {\n console.error('Error sharing:', error);\n }\n};\n\nconst firstImage = computed(() => {\n return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n return blogpost.value?.content?.find(block => \n block.type === 'Textarea' && block.class !== 'h2'\n );\n});\n\nconst metadata = computed(() => ({\n title: blogpost.value?.name,\n description: firstText.value?.content.slice(0, 120),\n meta: [\n { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgFA,UAAM,QAAQ,SAAQ;AACtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,MAAMC,QAAW,MAAM,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAG3B,YAAI,CAAC,QAAQ,KAAK,WAAW,KAAK,CAACA,MAAW,SAAS;AACrD,gBAAM,KAAK,MAAM,WAAW;AAAA,QAC9B;AAAA,MACF,SAAS,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAC7C,cAAM,KAAK,MAAM,WAAW;AAAA,MAC9B,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACrB;AACA,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,OAAO,SAAS,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC5E,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,SAAS,OAAO,SAAS;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MACjD;AAAA,IACA,CAAC;AAED,UAAM,WAAW,SAAS,OAAO;AAAA,MAC/B,OAAO,SAAS,OAAO;AAAA,MACvB,aAAa,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG;AAAA,MAClD,MAAM;AAAA,QACJ,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QAC1F,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,SAAS,OAAO,KAAI;AAAA,QACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QACpG,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,OAAO,UAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAoB;AAAA,QAC9L,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,SAAS,OAAO,KAAI;AAAA,QAC5E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QAC1G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,OAAO,UAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAoB;AAAA,QACpM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAqB;AAAA,MAC/E;AAAA,IACA,EAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n <SkeletonBlogpost\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n class=\"\"\n />\n </TransitionGroup>\n <transition \n name=\"fade\"\n >\n <EmptyState \n v-if=\"!isLoading && !blogpost\"\n title=\"No Blogpost Found\"\n description=\"Currently, there are no blogposts available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-big\"\n />\n </transition>\n\n <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n \t <!-- <button @click=\"share\" >\n\t\t\t Поделиться\n\t\t\t </button>\n\t\t\t -->\n \t<CardBlogpost \n v-if=\"!isLoading && blogpost\"\n @click=\"$router.push({name: 'BlogPost', params: {url: blogpost.url}})\" \n :blogpost=\"blogpost\" \n :user=\"auth.state.user._id\"\n :type=\"'blogpostPage'\"\n :hideTitle=\"true\"\n class=\"mn-b-small bg-light radius-medium mobile:radius-zero\"\n >\n\n \t <Viewer\n \t v-if=\"blogpost && blogpost.content\"\n \t :content=\"blogpost.content\"\n \t />\n\n \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n \t\t\t\t\tCheck Source 🔗\n \t\t\t\t</a>\n \t\t\t\n </CardBlogpost>\n\n \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n \t\t<Publics \n \t\t\tclass=\"mn-b-small\"\n \t\t/> -->\n\n <Comments \n v-if=\"!isLoading && blogpost\" \n :type=\"'blogpost'\" \n :target=\"blogpost._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n />\n \n </TransitionGroup> \n \n </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst store = useStore();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n try {\n isLoading.value = true;\n const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n blogpost.value = data[0];\n // Обновляем состояние хранилища\n blog.state.current = data[0];\n\n // Если пост не найден - устанавливаем 404\n if (!data \|\| data.length === 0 \|\| !blog.state.current) {\n store.core.state.notFound = true;\n }\n } catch (err) {\n error.value = err;\n console.error('Error fetching blogpost:', err);\n store.core.state.notFound = true;\n } finally {\n isLoading.value = false;\n }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n if (!blogpost.value \|\| blogpost.value.url !== route.params.url) {\n await fetchBlogpost();\n }\n canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n if (!canShare.value) return;\n try {\n await navigator.share({\n title: blogpost.value.name,\n text: firstText.value?.content.slice(0, 120) \|\| 'Check out this blog post!',\n url: window.location.href,\n });\n console.log('Content shared successfully');\n } catch (error) {\n console.error('Error sharing:', error);\n }\n};\n\nconst firstImage = computed(() => {\n return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n return blogpost.value?.content?.find(block => \n block.type === 'Textarea' && block.class !== 'h2'\n );\n});\n\nconst metadata = computed(() => ({\n title: blogpost.value?.name,\n description: firstText.value?.content.slice(0, 120),\n meta: [\n { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgFA,UAAM,QAAQ,SAAQ;AACtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,MAAMC,QAAW,MAAM,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAG3B,YAAI,CAAC,QAAQ,KAAK,WAAW,KAAK,CAACA,MAAW,SAAS;AACrD,gBAAM,KAAK,MAAM,WAAW;AAAA,QAC9B;AAAA,MACF,SAAS,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAC7C,cAAM,KAAK,MAAM,WAAW;AAAA,MAC9B,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACrB;AACA,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,OAAO,SAAS,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC5E,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,SAAS,OAAO,SAAS;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MACjD;AAAA,IACA,CAAC;AAED,UAAM,WAAW,SAAS,OAAO;AAAA,MAC/B,OAAO,SAAS,OAAO;AAAA,MACvB,aAAa,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG;AAAA,MAClD,MAAM;AAAA,QACJ,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QAC1F,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,SAAS,OAAO,KAAI;AAAA,QACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QACpG,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,OAAO,UAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAoB;AAAA,QAC9L,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,SAAS,OAAO,KAAI;AAAA,QAC5E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QAC1G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,OAAO,UAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAoB;AAAA,QACpM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAqB;AAAA,MAC/E;AAAA,IACA,EAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}