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

@ozdao/martyrs 0.2.604 → 0.2.605

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 (833) 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\">\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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"}
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<Block title=\"Statistics\" class=\"mn-b-medium\">\n\t\t\t<div class=\"flex gap-micro mobile:flex-column\">\n\t\t\t\t<CardStat\n\t\t\t\t\tv-if=\"isModuleInstalled('auth')\"\n\t\t\t\t\ttitle=\"Active Users\"\n\t\t\t\t\t:value=\"userStats.active?.toLocaleString() \|\| '—'\"\n\t\t\t\t\tclass=\"w-min-8r\"\n\t\t\t\t/>\n\n\t\t\t\t<CardStat\n\t\t\t\t\tv-if=\"isModuleInstalled('orders')\"\n\t\t\t\t\ttitle=\"Total Orders\"\n\t\t\t\t\t:value=\"orderStats.total?.orderCount?.toLocaleString() \|\| '—'\"\n\t\t\t\t\tclass=\"w-min-8r\"\n\t\t\t\t/>\n\n\t\t\t\t<CardStat\n\t\t\t\t\tv-if=\"isModuleInstalled('orders')\"\n\t\t\t\t\ttitle=\"Total Revenue\"\n\t\t\t\t\t:value=\"'฿' + (orderStats.total?.totalRevenue?.toLocaleString() \|\| '0')\"\n\t\t\t\t\tclass=\"w-min-8r\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Block>\n\n\t\t<!-- 2. Revenue Chart — FULL WIDTH -->\n\t\t<Block v-if=\"isModuleInstalled('orders')\" title=\"Revenue\" class=\"mn-b-medium\">\n\t\t\t<Chart\n\t\t\t\t:data=\"revenueChart\"\n\t\t\t\tvalueKey=\"revenue\"\n\t\t\t\tlabelKey=\"_id\"\n\t\t\t\t:formatValue=\"formatChartValue\"\n\t\t\t\t:formatLabel=\"formatXDate\"\n\t\t\t\temptyText=\"No revenue data\"\n\t\t\t>\n\t\t\t\t<template #tooltip=\"{ item }\">\n\t\t\t\t\t฿{{ item.revenue.toLocaleString() }} · {{ formatXDate(item._id) }}\n\t\t\t\t</template>\n\t\t\t</Chart>\n\t\t</Block>\n\n\t\t<!-- 3. Recent Orders + 4. Upcoming Events -->\n\t\t<div v-if=\"isModuleInstalled('orders') \|\| isModuleInstalled('events')\" class=\"mn-b-medium cols-2 mobile:cols-1 gap-small\">\n\t\t\t<Block v-if=\"isModuleInstalled('orders')\" 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\t:rowLink=\"(row) => `/backoffice/orders/${row._id}`\"\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 v-if=\"isModuleInstalled('events')\" 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 v-if=\"isModuleInstalled('orders')\" 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 v-if=\"isModuleInstalled('products')\" 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=\"opacity-50\">No product data</p>\n\t\t</Block>\n\n\t\t<!-- 8. Recent Registrations + 9. Upcoming Rents -->\n\t\t<div v-if=\"isModuleInstalled('auth') \|\| isModuleInstalled('rents')\" class=\"mn-b-medium cols-2 mobile:cols-1 gap-small\">\n\t\t\t<Block v-if=\"isModuleInstalled('auth')\" 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 v-if=\"isModuleInstalled('rents')\" 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 Chart from '@martyrs/src/components/Chart/Chart.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, isModuleInstalled } = useGlobalMixins()\n\nconst orderStats = ref({})\nconst userStats = ref({})\n// Default: last 7 days (today inclusive), UTC to match Calendar\nconst now = new Date()\nconst todayUTC = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()))\nconst weekAgoUTC = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate() - 6))\nconst dateRange = ref({\n\tstart: weekAgoUTC.toISOString(),\n\tend: new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59)).toISOString()\n})\n\n// Calendar may return strings, timestamps, or Date objects\nfunction toDate(v) {\n\tif (v instanceof Date) return v\n\treturn new Date(v)\n}\n\nconst dateRangeLabel = computed(() => {\n\tif (!dateRange.value?.start \|\| !dateRange.value?.end) return 'All time'\n\tconst s = toDate(dateRange.value.start)\n\tconst e = toDate(dateRange.value.end)\n\tconst sKey = toDateStr(s)\n\tconst eKey = toDateStr(e)\n\tif (sKey === eKey) return formatDate(sKey, { dayMonth: true })\n\treturn formatDate(sKey, { dayMonth: true }) + ' — ' + formatDate(eKey, { 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\nfunction formatChartValue(val) {\n\tif (val >= 1000) return '฿' + Math.round(val / 1000) + 'k'\n\treturn '฿' + Math.round(val)\n}\n\nfunction toDateStr(d) {\n\treturn `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}-${String(d.getUTCDate()).padStart(2, '0')}`\n}\n\nfunction fillDays(revenueMap, startDate, endDate) {\n\tconst result = []\n\tconst s = new Date(Date.UTC(startDate.getUTCFullYear(), startDate.getUTCMonth(), startDate.getUTCDate()))\n\tconst e = new Date(Date.UTC(endDate.getUTCFullYear(), endDate.getUTCMonth(), endDate.getUTCDate()))\n\twhile (s <= e && result.length < 3650) {\n\t\tconst key = toDateStr(s)\n\t\tresult.push({ _id: key, revenue: revenueMap[key] \|\| 0 })\n\t\ts.setUTCDate(s.getUTCDate() + 1)\n\t}\n\treturn result\n}\n\nconst revenueChart = computed(() => {\n\tconst raw = orderStats.value.dailyRevenue\n\tif (!raw?.length) return []\n\n\t// Build a map from date string to revenue\n\tconst revenueMap = {}\n\tfor (const d of raw) revenueMap[d._id] = d.revenue\n\n\tconst start = dateRange.value?.start\n\tconst end = dateRange.value?.end\n\n\tif (start && end) {\n\t\treturn fillDays(revenueMap, toDate(start), toDate(end))\n\t}\n\n\t// All time: from project start to today\n\treturn fillDays(revenueMap, new Date(Date.UTC(2022, 9, 17)), todayUTC)\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\tcanceled: '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 promises = []\n\tif (isModuleInstalled('orders')) promises.push($axios.get('/api/orders/stats', { params }))\n\tif (isModuleInstalled('auth')) promises.push($axios.get('/api/users/stats', { params }))\n\tconst results = await Promise.all(promises)\n\tlet idx = 0\n\tif (isModuleInstalled('orders')) orderStats.value = results[idx++].data\n\tif (isModuleInstalled('auth')) userStats.value = results[idx++].data\n})\n</script>\n"],"names":["now"],"mappings":"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"}

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

@@ -1,61 +1,128 @@
-import _sfc_main$2 from "../../icons/entities/IconProducts.vue.js";
-import _sfc_main$7 from "../../icons/entities/IconPayments.vue.js";
-import _sfc_main$6 from "../../icons/entities/IconEvents.vue.js";
-import _sfc_main from "../../icons/entities/IconGroups.vue.js";
-import _sfc_main$1 from "../../icons/entities/IconCommunity.vue.js";
-import _sfc_main$5 from "../../icons/entities/IconGallery.vue.js";
-import _sfc_main$4 from "../../icons/entities/IconOrders.vue.js";
-import _sfc_main$3 from "../../icons/entities/IconLeftovers.vue.js";
+import _sfc_main$4 from "../../icons/entities/IconProducts.vue.js";
+import _sfc_main$e from "../../icons/entities/IconPayments.vue.js";
+import _sfc_main$5 from "../../icons/entities/IconEvents.vue.js";
+import _sfc_main$1 from "../../icons/entities/IconGroups.vue.js";
+import _sfc_main$7 from "../../icons/entities/IconAddress.vue.js";
+import _sfc_main$6 from "../../icons/entities/IconCommunity.vue.js";
+import _sfc_main$8 from "../../icons/entities/IconGallery.vue.js";
+import _sfc_main$b from "../../icons/entities/IconOrders.vue.js";
+import _sfc_main$a from "../../icons/entities/IconLeftovers.vue.js";
+import _sfc_main from "../../icons/entities/IconHome.vue.js";
+import _sfc_main$9 from "../../icons/entities/IconPrice.vue.js";
+import _sfc_main$3 from "../../icons/entities/IconBell.vue.js";
+import _sfc_main$2 from "../../icons/entities/IconUsers.vue.js";
+import _sfc_main$c from "../../icons/entities/IconCustomers.vue.js";
+import _sfc_main$d from "../../icons/entities/IconApplications.vue.js";
+import { useGlobalMixins } from "../../core/views/mixins/mixins.js";
+const { isModuleInstalled } = useGlobalMixins();
 const navigationItems = [
   {
-    category: "Menu",
+    category: "Backoffice",
+    visible: () => true,
     items: [
       {
-        title: "Organizations",
+        title: "Dashboard",
         iconComponent: _sfc_main,
-        route: () => "/backoffice/organizations"
+        route: () => "/backoffice"
       },
       {
-        title: "Community",
+        title: "Organizations",
         iconComponent: _sfc_main$1,
-        route: () => "/backoffice/community",
-        visible: () => true
+        route: () => "/backoffice/organizations",
+        visible: () => isModuleInstalled("organizations")
       },
       {
-        title: "Products",
+        title: "Users",
         iconComponent: _sfc_main$2,
-        route: () => "/backoffice/products",
-        visible: () => true
+        route: () => "/backoffice/users",
+        visible: () => isModuleInstalled("auth")
       },
       {
-        title: "Inventory",
+        title: "Notifications",
         iconComponent: _sfc_main$3,
-        route: () => "/backoffice/inventory",
-        visible: () => true
-      },
+        route: () => "/backoffice/notifications",
+        visible: () => isModuleInstalled("notifications")
+      }
+    ]
+  },
+  {
+    category: "Discover",
+    visible: () => true,
+    items: [
       {
-        title: "Orders",
+        title: "Products",
         iconComponent: _sfc_main$4,
-        route: () => "/backoffice/orders",
-        visible: () => true
+        route: () => "/backoffice/products",
+        visible: () => isModuleInstalled("products")
       },
       {
-        title: "Gallery",
+        title: "Events",
         iconComponent: _sfc_main$5,
-        route: () => "/backoffice/gallery",
-        visible: () => true
+        route: () => "/backoffice/events",
+        visible: () => isModuleInstalled("events")
       },
       {
-        title: "Applications",
+        title: "Community",
         iconComponent: _sfc_main$6,
-        route: () => "/backoffice/applications",
-        visible: () => true
+        route: () => "/backoffice/community",
+        visible: () => isModuleInstalled("community")
       },
       {
-        title: "Events",
-        iconComponent: _sfc_main$6,
-        route: () => "/backoffice/events",
-        visible: () => true
+        title: "Spots",
+        iconComponent: _sfc_main$7,
+        route: () => "/backoffice/spots",
+        visible: () => isModuleInstalled("spots")
+      },
+      {
+        title: "Gallery",
+        iconComponent: _sfc_main$8,
+        route: () => "/backoffice/gallery",
+        visible: () => isModuleInstalled("gallery")
+      }
+    ]
+  },
+  {
+    category: "Management",
+    visible: () => true,
+    items: [
+      {
+        title: "Categories",
+        iconComponent: _sfc_main$9,
+        route: () => "/backoffice/categories",
+        visible: () => isModuleInstalled("products")
+      },
+      {
+        title: "Inventory",
+        iconComponent: _sfc_main$a,
+        route: () => "/backoffice/inventory",
+        visible: () => isModuleInstalled("inventory")
+      },
+      {
+        title: "Rents",
+        iconComponent: _sfc_main$5,
+        route: () => "/backoffice/rents",
+        visible: () => isModuleInstalled("rents")
+      }
+    ]
+  },
+  {
+    category: "Orders & Sales",
+    visible: () => isModuleInstalled("orders"),
+    items: [
+      {
+        title: "Orders",
+        iconComponent: _sfc_main$b,
+        route: () => "/backoffice/orders"
+      },
+      {
+        title: "Customers",
+        iconComponent: _sfc_main$c,
+        route: () => "/backoffice/customers"
+      },
+      {
+        title: "Applications",
+        iconComponent: _sfc_main$d,
+        route: () => "/backoffice/applications"
       }
     ]
   },
@@ -65,27 +132,21 @@ const navigationItems = [
     items: [
       {
         title: "Payments",
-        iconComponent: _sfc_main$7,
+        iconComponent: _sfc_main$e,
         route: () => "/backoffice/payments",
-        visible: () => true
-      },
-      {
-        title: "Users",
-        iconComponent: null,
-        route: () => "/backoffice/users",
-        visible: () => true
+        visible: () => isModuleInstalled("payments")
       },
       {
         title: "Pages",
         iconComponent: null,
         route: () => "/backoffice/pages",
-        visible: () => true
+        visible: () => isModuleInstalled("pages")
       },
       {
         title: "Reports",
         iconComponent: null,
         route: () => "/backoffice/reports",
-        visible: () => true
+        visible: () => isModuleInstalled("reports")
       }
     ]
   }

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 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;"}
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 IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.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'\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue'\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue'\nimport IconUsers from '@martyrs/src/modules/icons/entities/IconUsers.vue'\nimport IconCustomers from '@martyrs/src/modules/icons/entities/IconCustomers.vue'\nimport IconApplications from '@martyrs/src/modules/icons/entities/IconApplications.vue'\n\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\nconst { isModuleInstalled } = useGlobalMixins()\n\n// Backoffice navigation configuration\nexport const navigationItems = [\n {\n category: 'Backoffice',\n visible: () => true,\n items: [\n {\n title: 'Dashboard',\n iconComponent: IconHome,\n route: () => '/backoffice',\n },\n {\n title: 'Organizations',\n iconComponent: IconGroups,\n route: () => '/backoffice/organizations',\n visible: () => isModuleInstalled('organizations')\n },\n {\n title: 'Users',\n iconComponent: IconUsers,\n route: () => '/backoffice/users',\n visible: () => isModuleInstalled('auth')\n },\n {\n title: 'Notifications',\n iconComponent: IconBell,\n route: () => '/backoffice/notifications',\n visible: () => isModuleInstalled('notifications')\n },\n ]\n },\n {\n category: 'Discover',\n visible: () => true,\n items: [\n {\n title: 'Products',\n iconComponent: IconProducts,\n route: () => '/backoffice/products',\n visible: () => isModuleInstalled('products')\n },\n {\n title: 'Events',\n iconComponent: IconEvents,\n route: () => '/backoffice/events',\n visible: () => isModuleInstalled('events')\n },\n {\n title: 'Community',\n iconComponent: IconCommunity,\n route: () => '/backoffice/community',\n visible: () => isModuleInstalled('community')\n },\n {\n title: 'Spots',\n iconComponent: IconAddress,\n route: () => '/backoffice/spots',\n visible: () => isModuleInstalled('spots')\n },\n {\n title: 'Gallery',\n iconComponent: IconGallery,\n route: () => '/backoffice/gallery',\n visible: () => isModuleInstalled('gallery')\n },\n ]\n },\n {\n category: 'Management',\n visible: () => true,\n items: [\n {\n title: 'Categories',\n iconComponent: IconPrice,\n route: () => '/backoffice/categories',\n visible: () => isModuleInstalled('products')\n },\n {\n title: 'Inventory',\n iconComponent: IconLeftovers,\n route: () => '/backoffice/inventory',\n visible: () => isModuleInstalled('inventory')\n },\n {\n title: 'Rents',\n iconComponent: IconEvents,\n route: () => '/backoffice/rents',\n visible: () => isModuleInstalled('rents')\n },\n ]\n },\n {\n category: 'Orders & Sales',\n visible: () => isModuleInstalled('orders'),\n items: [\n {\n title: 'Orders',\n iconComponent: IconOrders,\n route: () => '/backoffice/orders',\n },\n {\n title: 'Customers',\n iconComponent: IconCustomers,\n route: () => '/backoffice/customers',\n },\n {\n title: 'Applications',\n iconComponent: IconApplications,\n route: () => '/backoffice/applications',\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: () => isModuleInstalled('payments')\n },\n {\n title: 'Pages',\n iconComponent: null,\n route: () => '/backoffice/pages',\n visible: () => isModuleInstalled('pages')\n },\n {\n title: 'Reports',\n iconComponent: null,\n route: () => '/backoffice/reports',\n visible: () => isModuleInstalled('reports')\n }\n ]\n }\n]\n\nexport default navigationItems\n"],"names":["IconHome","IconGroups","IconUsers","IconBell","IconProducts","IconEvents","IconCommunity","IconAddress","IconGallery","IconPrice","IconLeftovers","IconOrders","IconCustomers","IconApplications","IconPayments"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import Navigation from "../../core/views/components/partials/Navigation.vue.js";
 import { navigationItems } from "../configs/navigation.backoffice.config.js";
+import _sfc_main from "../../auth/views/components/blocks/SidebarUserCard.vue.js";
 function getRoutes(options = {}) {
   const route = options.route || "Home";
   const routes = [];
@@ -13,16 +14,21 @@ function getRoutes(options = {}) {
           name: "Backoffice Root",
           meta: {
             sidebar_navigation: Navigation,
-            sidebar_navigation_items: navigationItems
+            sidebar_navigation_items: navigationItems,
+            sidebar_footer_component: _sfc_main,
+            context: "backoffice"
           },
           props: {
             newsletterPopup: 12344
           },
           beforeEnter: [
-            () => import(
-              /* webpackChunkName: "auth-validation" */
-              "../../auth/views/middlewares/auth.validation.js"
-            ).then((m) => m.requiresAdmin)
+            async (to, from, next) => {
+              const { requiresAdmin } = await import(
+                /* webpackChunkName: "auth-validation" */
+                "../../auth/views/middlewares/auth.validation.js"
+              );
+              requiresAdmin(to, from, next);
+            }
           ],
           children: [
             {

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 },\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;"}
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'\nimport SidebarUserCard from '@martyrs/src/modules/auth/views/components/blocks/SidebarUserCard.vue'\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_footer_component: SidebarUserCard,\n context: 'backoffice'\n },\n props: {\n newsletterPopup: 12344,\n },\n beforeEnter: [\n async (to, from, next) => {\n const { requiresAdmin } = await import(/* webpackChunkName: \"auth-validation\" / '@martyrs/src/modules/auth/views/middlewares/auth.validation.js');\n requiresAdmin(to, from, next);\n },\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":["SidebarUserCard"],"mappings":";;;AAIO,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,0BAA0BA;AAAAA,YAC1B,SAAS;AAAA,UACrB;AAAA,UACU,OAAO;AAAA,YACL,iBAAiB;AAAA,UAC7B;AAAA,UACU,aAAa;AAAA,YACX,OAAO,IAAI,MAAM,SAAS;AACxB,oBAAM,EAAE,cAAa,IAAK,MAAM;AAAA;AAAA,gBAAiD;AAAA,cAAgE;AACjJ,4BAAc,IAAI,MAAM,IAAI;AAAA,YAC9B;AAAA,UACZ;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/chats/components/blocks/ChatMessage.vue.js CHANGED Viewed

@@ -21,7 +21,7 @@ const _hoisted_1 = ["data-message-id"];
 const _hoisted_2 = { class: "flex-v-center gap-thin flex-nowrap flex w-100 p-small" };
 const _hoisted_3 = { class: "mn-r-auto" };
 const _hoisted_4 = { class: "fw-semi" };
-const _hoisted_5 = { class: "t-transp" };
+const _hoisted_5 = { class: "opacity-50" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_IconCheckmark = resolveComponent("IconCheckmark");
   return openBlock(), createElementBlock("div", {

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n <div \n class=\"pd-small\"\n :class=\"{'bg-main-nano': message.username === 'Support'}\"\n :data-message-id=\"message._id\"\n >\n <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n <strong class=\"mn-r-auto\"><span class=\"fw-semi\">{{ message.username }}</span> <span class=\"t-~~transp~~\">{{formatDate(message.createdAt)}}</span></strong>\n <IconCheckmark v-if=\"isMessageRead\" class=\"i-small t-main\" />\n </p>\n <p>{{ message.text }}</p>\n </div>\n</template>\n\n<script>\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nexport default {\n components: {\n IconCheckmark\n },\n props: {\n message: {\n type: Object,\n required: true\n }\n },\n computed: {\n isMessageRead() {\n return this.message.readBy && this.message.readBy.length > 0;\n }\n }\n};\n</script>\n\n<style>\n</style>\n"],"names":["IconCheckmark","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode","_createBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,YAAY;AAAA,mBACVA;AAAAA;EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;EAEF,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO,KAAK,QAAQ,UAAU,KAAK,QAAQ,OAAO,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAjCA,MAAA,aAAA,CAAA,iBAAA;AAMO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,UAAS;AAAqC,MAAA,aAAA,EAAA,OAAM,~~WAAU~~;;;~~sBAPxGC~~,mBAWM,OAAA;AAAA,IAVJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA,IACxC,mBAAiB,OAAA,QAAQ;AAAA;IAE1BC,mBAII,KAJJ,YAII;AAAA,MAFFA,~~mBAAsJ~~,~~UAAtJ~~,~~YAAsJ~~;AAAA,~~QAA5HA~~,mBAAmD,QAAnD,YAAmDC,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QARzE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAQoFF,~~mBAA+D~~,~~QAA/D~~,~~YAA+DC~~,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;~~MAC9G~~,SAAA,8BAArBE,YAA6D,0BAAA;AAAA,QATnE,KAAA;AAAA,QAS0C,OAAM;AAAA,YAThDC,mBAAA,IAAA,IAAA;AAAA;IAWIJ,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA,EAXtB,GAAA,IAAA,UAAA;;;"}
1	+ {"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n <div \n class=\"pd-small\"\n :class=\"{'bg-main-nano': message.username === 'Support'}\"\n :data-message-id=\"message._id\"\n >\n <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n <strong class=\"mn-r-auto\"><span class=\"fw-semi\">{{ message.username }}</span> <span class=\"opacity-50\">{{formatDate(message.createdAt)}}</span></strong>\n <IconCheckmark v-if=\"isMessageRead\" class=\"i-small t-main\" />\n </p>\n <p>{{ message.text }}</p>\n </div>\n</template>\n\n<script>\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nexport default {\n components: {\n IconCheckmark\n },\n props: {\n message: {\n type: Object,\n required: true\n }\n },\n computed: {\n isMessageRead() {\n return this.message.readBy && this.message.readBy.length > 0;\n }\n }\n};\n</script>\n\n<style>\n</style>\n"],"names":["IconCheckmark","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode","_createBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,YAAY;AAAA,mBACVA;AAAAA;EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;EAEF,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO,KAAK,QAAQ,UAAU,KAAK,QAAQ,OAAO,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAjCA,MAAA,aAAA,CAAA,iBAAA;AAMO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,UAAS;AAAqC,MAAA,aAAA,EAAA,OAAM,aAAY;;;sBAP1GC,mBAWM,OAAA;AAAA,IAVJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA,IACxC,mBAAiB,OAAA,QAAQ;AAAA;IAE1BC,mBAII,KAJJ,YAII;AAAA,MAFFA,mBAAwJ,UAAxJ,YAAwJ;AAAA,QAA9HA,mBAAmD,QAAnD,YAAmDC,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QARzE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAQoFF,mBAAiE,QAAjE,YAAiEC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;MAChH,SAAA,8BAArBE,YAA6D,0BAAA;AAAA,QATnE,KAAA;AAAA,QAS0C,OAAM;AAAA,YAThDC,mBAAA,IAAA,IAAA;AAAA;IAWIJ,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA,EAXtB,GAAA,IAAA,UAAA;;;"}

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b-1px br-black-transp-10\">\n <transition name=\"scaleIn\" mode=\"out-in\">\n <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n <PlaceholderChat class=\"radius-extra mn-b-thin\"/>\n <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n <p>Feel free to ask if you have any questions.</p>\n </div>\n\n <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n <ChatMessage\n v-for=\"message in messages\"\n :key=\"message._id\"\n :message=\"message\"\n />\n </TransitionGroup>\n </transition>\n </div>\n </div>\n\n <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n <!-- <IconAdd class=\"mn-r-thin t-~~transp~~ i-medium\" /> -->\n <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n if (newMessage.value) {\n const message = {\n text: newMessage.value,\n module: 'chat',\n username: chatStore.state.username,\n chatId: chatStore.state.currentChatId\n };\n\n chatStore.methods.addMessage(message);\n newMessage.value = '';\n\n // Ждем, пока все анимации и рендеринг завершатся\n await nextTick();\n await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n scrollToBottom();\n }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n console.log('[CHAT] Setting up message observer');\n \n // Очищаем предыдущий observer если есть\n if (messageObserver) {\n messageObserver.disconnect();\n }\n \n messageObserver = new IntersectionObserver((entries) => {\n console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n entries.forEach(entry => {\n const messageId = entry.target.dataset.messageId;\n if (entry.isIntersecting) {\n visibleMessageIds.value.add(messageId);\n } else {\n visibleMessageIds.value.delete(messageId);\n }\n });\n \n // Отправляем прочтение видимых сообщений\n if (visibleMessageIds.value.size > 0) {\n const unreadVisibleMessages = messages.value\n .filter(msg => {\n // Проверяем, что сообщение видимо\n if (!visibleMessageIds.value.has(msg._id)) return false;\n \n // Проверяем, что сообщение не от текущего пользователя\n console.log('[CHAT] Checking if own message:', {\n msgUserId: msg.userId,\n msgAnonymousId: msg.anonymousId,\n currentUserId: chatStore.state.userId,\n currentAnonymousId: chatStore.state.anonymousId,\n isEqual: msg.userId === chatStore.state.userId,\n msgUserIdType: typeof msg.userId,\n currentUserIdType: typeof chatStore.state.userId\n });\n \n // Для аутентифицированных пользователей\n if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n \n // Для анонимных пользователей\n if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n \n // Проверяем, что сообщение еще не прочитано текущим пользователем\n // Для анонимных пользователей не отмечаем сообщения как прочитанные\n if (!chatStore.state.userId) return false;\n if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n \n console.log('[CHAT] Message can be marked as read:', {\n msgId: msg._id,\n msgUserId: msg.userId,\n currentUserId: chatStore.state.userId,\n readBy: msg.readBy\n });\n \n return true;\n })\n .map(msg => msg._id);\n \n console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n \n if (unreadVisibleMessages.length > 0) {\n console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n } else {\n console.log('[CHAT] No unread messages to mark');\n }\n }\n }, {\n root: allMessages.value,\n threshold: 0.5\n });\n \n // Наблюдаем за всеми сообщениями\n nextTick(() => {\n const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n messageElements?.forEach(el => messageObserver.observe(el));\n });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n if (messageObserver) {\n messageObserver.disconnect();\n }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n opacity: 0;\n transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b-1px br-black-transp-10\">\n <transition name=\"scaleIn\" mode=\"out-in\">\n <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n <PlaceholderChat class=\"radius-extra mn-b-thin\"/>\n <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n <p>Feel free to ask if you have any questions.</p>\n </div>\n\n <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n <ChatMessage\n v-for=\"message in messages\"\n :key=\"message._id\"\n :message=\"message\"\n />\n </TransitionGroup>\n </transition>\n </div>\n </div>\n\n <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n <!-- <IconAdd class=\"mn-r-thin opacity-50 i-medium\" /> -->\n <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n if (newMessage.value) {\n const message = {\n text: newMessage.value,\n module: 'chat',\n username: chatStore.state.username,\n chatId: chatStore.state.currentChatId\n };\n\n chatStore.methods.addMessage(message);\n newMessage.value = '';\n\n // Ждем, пока все анимации и рендеринг завершатся\n await nextTick();\n await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n scrollToBottom();\n }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n console.log('[CHAT] Setting up message observer');\n \n // Очищаем предыдущий observer если есть\n if (messageObserver) {\n messageObserver.disconnect();\n }\n \n messageObserver = new IntersectionObserver((entries) => {\n console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n entries.forEach(entry => {\n const messageId = entry.target.dataset.messageId;\n if (entry.isIntersecting) {\n visibleMessageIds.value.add(messageId);\n } else {\n visibleMessageIds.value.delete(messageId);\n }\n });\n \n // Отправляем прочтение видимых сообщений\n if (visibleMessageIds.value.size > 0) {\n const unreadVisibleMessages = messages.value\n .filter(msg => {\n // Проверяем, что сообщение видимо\n if (!visibleMessageIds.value.has(msg._id)) return false;\n \n // Проверяем, что сообщение не от текущего пользователя\n console.log('[CHAT] Checking if own message:', {\n msgUserId: msg.userId,\n msgAnonymousId: msg.anonymousId,\n currentUserId: chatStore.state.userId,\n currentAnonymousId: chatStore.state.anonymousId,\n isEqual: msg.userId === chatStore.state.userId,\n msgUserIdType: typeof msg.userId,\n currentUserIdType: typeof chatStore.state.userId\n });\n \n // Для аутентифицированных пользователей\n if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n \n // Для анонимных пользователей\n if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n \n // Проверяем, что сообщение еще не прочитано текущим пользователем\n // Для анонимных пользователей не отмечаем сообщения как прочитанные\n if (!chatStore.state.userId) return false;\n if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n \n console.log('[CHAT] Message can be marked as read:', {\n msgId: msg._id,\n msgUserId: msg.userId,\n currentUserId: chatStore.state.userId,\n readBy: msg.readBy\n });\n \n return true;\n })\n .map(msg => msg._id);\n \n console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n \n if (unreadVisibleMessages.length > 0) {\n console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n } else {\n console.log('[CHAT] No unread messages to mark');\n }\n }\n }, {\n root: allMessages.value,\n threshold: 0.5\n });\n \n // Наблюдаем за всеми сообщениями\n nextTick(() => {\n const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n messageElements?.forEach(el => messageObserver.observe(el));\n });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n nextTick(() => {\n if (allMessages.value) {\n allMessages.value.scrollTop = allMessages.value.scrollHeight;\n }\n observeMessages();\n });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n if (messageObserver) {\n messageObserver.disconnect();\n }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n opacity: 0;\n transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}

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

@@ -15,7 +15,7 @@ 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 = {}) {
-  addRoutes(router, {
+  if (!options.contexts || options.contexts.includes("client")) addRoutes(router, {
     parentName: options.route || "Home",
     basePath: "community",
     component: () => import(
@@ -33,7 +33,7 @@ function initializeCommunity(app, store, router, options = {}) {
       title_hide: true
     }
   });
-  if (!options.withUserRoutes) {
+  if (!options.contexts || options.contexts.includes("user")) {
     addRoutes(router, {
       parentName: options.routeUser || "User Profile Root",
       basePath: "blogposts",
@@ -42,7 +42,7 @@ function initializeCommunity(app, store, router, options = {}) {
       meta: { context: "user" }
     });
   }
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes("organization")) {
     addRoutes(router, {
       parentName: options.routeOrganizations || "OrganizationRoot",
       basePath: "posts",
@@ -51,7 +51,7 @@ function initializeCommunity(app, store, router, options = {}) {
       meta: { context: "organization" }
     });
   }
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes("backoffice")) {
     addRoutes(router, {
       parentName: options.routeBackoffice || "Backoffice Root",
       basePath: "community",

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 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;"}
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 if (!options.contexts \|\| options.contexts.includes('client')) 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.contexts \|\| options.contexts.includes('user')) {\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.contexts \|\| options.contexts.includes('organization')) {\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.contexts \|\| options.contexts.includes('backoffice')) {\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,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,QAAQ,EAAG,WAAU,QAAQ;AAAA,IAC9E,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,YAAY,QAAQ,SAAS,SAAS,MAAM,GAAG;AAC1D,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,YAAY,QAAQ,SAAS,SAAS,cAAc,GAAG;AAClE,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,YAAY,QAAQ,SAAS,SAAS,YAAY,GAAG;AAChE,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

@@ -15,7 +15,7 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = {
   key: 1,
-  class: "mn-b-medium t-transp p-medium"
+  class: "mn-b-medium opacity-50 p-medium"
 };
 const _hoisted_6 = {
   key: 2,

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: { 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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 opacity-50 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}