npm - @ozdao/martyrs - Versions diffs - 0.2.571 → 0.2.572 - Mend

@ozdao/martyrs 0.2.571 → 0.2.572

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 (818) hide show

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rents.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/pages/Rents.vue"],"sourcesContent":["<template>\n <div class=\"pd-medium mobile:pd-thin bg-white\">\n <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n <h2 class=\"mn-r-medium\">Rents</h2>\n <button \n @click=\"$router.push({ name: 'Organization_Create Rent', params: {_id: route.params._id}})\" \n class=\"radius-~~100~~ i-big hover-scale-1 cursor-pointer t-white bg-second\"\n >\n +\n </button>\n <div class=\"mn-l-auto flex-v-center\">\n <button \n @click=\"toggleView\" \n class=\"pd-small radius-small bg-light mn-r-small\"\n >\n {{ isCalendarView ? 'List View' : 'Calendar View' }}\n </button>\n </div>\n </header>\n\n <Feed\n :search=\"true\"\n :keepSlotVisible=\"true\"\n :states=\"{\n empty: {\n title: 'No Rents Found',\n description: 'Currently, there are no rents available.'\n }\n }\"\n :store=\"{ read: (options) => rents.actions.read(options) }\"\n :options=\"{\n owner: route.params._id,\n startDate: dateRange.start.toISOString(),\n endDate: dateRange.end.toISOString()\n }\"\n v-slot=\"{ items }\"\n > \n <GanttChart\n v-model:view=\"view\"\n v-model:date=\"date\"\n v-model:dateRange=\"dateRange\"\n :items=\"items\"\n :loading=\"loading\"\n :title-key=\"'productDetails.name'\"\n :start-key=\"'startDate'\"\n :end-key=\"'endDate'\"\n :status-key=\"'status'\"\n :id-key=\"'_id'\"\n :group-by=\"'productDetails.name'\"\n @load-more=\"handleLoadMore\"\n @item-click=\"handleItemClick\"\n @today=\"handleToday\"\n />\n\n <!-- <CardRent\n v-else\n v-for=\"rent in items\"\n :key=\"rent._id\"\n :rent=\"rent\"\n class=\"bg-light pd-small mn-b-thin radius-small\"\n /> -->\n </Feed>\n </div>\n</template>\n\n<script setup>\nimport dayjs from 'dayjs'\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport CardRent from '@martyrs/src/modules/rents/views/components/blocks/CardRent.vue';\n\nimport GanttChart from '@martyrs/src/modules/rents/views/components/pages/Gant/GanttChart.vue';\n\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst isCalendarView = ref(true);\n\n\n// Set initial date range - current month plus 15 days before and 45 days after\nconst view = ref('days')\nconst date = ref(new Date())\nconst loading = ref(false)\n\nconst dateRange = computed(() => {\n const d = dayjs(date.value)\n \n switch (view.value) {\n case 'hours':\n // Show only the current day in hours view\n return {\n start: d.startOf('day').toDate(),\n end: d.endOf('day').toDate()\n }\n \n case 'days':\n return {\n start: d.startOf('month').toDate(),\n end: d.endOf('month').toDate()\n }\n \n case 'weeks':\n return {\n start: d.subtract(1, 'month').startOf('week').toDate(),\n end: d.add(2, 'months').endOf('week').toDate()\n }\n \n default:\n return {\n start: d.startOf('month').toDate(),\n end: d.endOf('month').toDate()\n }\n }\n})\n\n// Handle load more\nconst handleLoadMore = async (direction) => {\n console.log('Loading more:', direction)\n \n loading.value = true\n \n try {\n // Only update date if it's navigation (not refresh)\n if (direction !== 'refresh') {\n const d = dayjs(date.value)\n let newDate\n \n switch (view.value) {\n case 'hours':\n newDate = direction === 'forward' \n ? d.add(1, 'day').toDate()\n : d.subtract(1, 'day').toDate()\n break\n case 'days':\n newDate = direction === 'forward'\n ? d.add(1, 'month').toDate()\n : d.subtract(1, 'month').toDate()\n break\n case 'weeks':\n newDate = direction === 'forward'\n ? d.add(1, 'month').toDate()\n : d.subtract(1, 'month').toDate()\n break\n }\n \n date.value = newDate\n }\n \n // Load data for the current date range\n await rents.actions.read({\n owner: route.params._id,\n startDate: dateRange.value.start.toISOString(),\n endDate: dateRange.value.end.toISOString()\n })\n } catch (error) {\n console.error('Error loading more data:', error)\n } finally {\n loading.value = false\n }\n}\n\n// Handle item click\nconst handleItemClick = (item) => {\n console.log('Item clicked:', item)\n}\n\n// Handle today\nconst handleToday = () => {\n const now = new Date()\n date.value = now\n \n // For hours view, ensure we're showing the current hour\n if (view.value === 'hours') {\n // Update date to current time to trigger proper centering\n date.value = new Date()\n }\n}\n\nconst today = new Date();\nconst calendarStartDate = ref(new Date(today));\ncalendarStartDate.value.setDate(today.getDate() - 30);\n\nconst calendarEndDate = ref(new Date(today));\ncalendarEndDate.value.setDate(today.getDate() + 30);\n\n// Toggle between calendar and list view\nconst toggleView = () => {\n isCalendarView.value = !isCalendarView.value;\n};\n\n// Navigate to rent details page\nconst viewRentDetails = (rent) => {\n router.push({ name: 'Rent Details', params: { _id: rent._id } });\n};\n\n// Load more data when scrolling the Gantt chart\nconst loadMoreData = async ({ direction, date }) => {\n // alert(direction)\n console.log('scroll direction is', direction)\n console.log('current date is', date)\n // Update the visible range\n if (direction === 'forward') {\n calendarEndDate.value = date;\n } else {\n calendarStartDate.value = date;\n }\n // Here you can add logic to fetch more rents if they fall within the new date range\n try {\n // You might need to adjust this depending on your API and data structure\n const startDateParam = new Date(calendarStartDate.value);\n startDateParam.setDate(startDateParam.getDate() - 30); // Fetch a bit more to cover edge cases\n \n const endDateParam = new Date(calendarEndDate.value);\n endDateParam.setDate(endDateParam.getDate() + 30);\n \n await rents.actions.read({\n owner: route.params._id,\n startDate: startDateParam.toISOString(),\n endDate: endDateParam.toISOString()\n });\n } catch (error) {\n console.error('Error loading additional rent data:', error);\n }\n};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["rents.actions"],"mappings":"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"}
1	+ {"version":3,"file":"Rents.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/pages/Rents.vue"],"sourcesContent":["<template>\n <div class=\"pd-medium mobile:pd-thin bg-white\">\n <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n <h2 class=\"mn-r-medium\">Rents</h2>\n <button \n @click=\"$router.push({ name: 'Organization_Create Rent', params: {_id: route.params._id}})\" \n class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\"\n >\n +\n </button>\n <div class=\"mn-l-auto flex-v-center\">\n <button \n @click=\"toggleView\" \n class=\"pd-small radius-small bg-light mn-r-small\"\n >\n {{ isCalendarView ? 'List View' : 'Calendar View' }}\n </button>\n </div>\n </header>\n\n <Feed\n :search=\"true\"\n :keepSlotVisible=\"true\"\n :states=\"{\n empty: {\n title: 'No Rents Found',\n description: 'Currently, there are no rents available.'\n }\n }\"\n :store=\"{ read: (options) => rents.actions.read(options) }\"\n :options=\"{\n owner: route.params._id,\n startDate: dateRange.start.toISOString(),\n endDate: dateRange.end.toISOString()\n }\"\n v-slot=\"{ items }\"\n > \n <GanttChart\n v-model:view=\"view\"\n v-model:date=\"date\"\n v-model:dateRange=\"dateRange\"\n :items=\"items\"\n :loading=\"loading\"\n :title-key=\"'productDetails.name'\"\n :start-key=\"'startDate'\"\n :end-key=\"'endDate'\"\n :status-key=\"'status'\"\n :id-key=\"'_id'\"\n :group-by=\"'productDetails.name'\"\n @load-more=\"handleLoadMore\"\n @item-click=\"handleItemClick\"\n @today=\"handleToday\"\n />\n\n <!-- <CardRent\n v-else\n v-for=\"rent in items\"\n :key=\"rent._id\"\n :rent=\"rent\"\n class=\"bg-light pd-small mn-b-thin radius-small\"\n /> -->\n </Feed>\n </div>\n</template>\n\n<script setup>\nimport dayjs from 'dayjs'\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport CardRent from '@martyrs/src/modules/rents/views/components/blocks/CardRent.vue';\n\nimport GanttChart from '@martyrs/src/modules/rents/views/components/pages/Gant/GanttChart.vue';\n\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst isCalendarView = ref(true);\n\n\n// Set initial date range - current month plus 15 days before and 45 days after\nconst view = ref('days')\nconst date = ref(new Date())\nconst loading = ref(false)\n\nconst dateRange = computed(() => {\n const d = dayjs(date.value)\n \n switch (view.value) {\n case 'hours':\n // Show only the current day in hours view\n return {\n start: d.startOf('day').toDate(),\n end: d.endOf('day').toDate()\n }\n \n case 'days':\n return {\n start: d.startOf('month').toDate(),\n end: d.endOf('month').toDate()\n }\n \n case 'weeks':\n return {\n start: d.subtract(1, 'month').startOf('week').toDate(),\n end: d.add(2, 'months').endOf('week').toDate()\n }\n \n default:\n return {\n start: d.startOf('month').toDate(),\n end: d.endOf('month').toDate()\n }\n }\n})\n\n// Handle load more\nconst handleLoadMore = async (direction) => {\n console.log('Loading more:', direction)\n \n loading.value = true\n \n try {\n // Only update date if it's navigation (not refresh)\n if (direction !== 'refresh') {\n const d = dayjs(date.value)\n let newDate\n \n switch (view.value) {\n case 'hours':\n newDate = direction === 'forward' \n ? d.add(1, 'day').toDate()\n : d.subtract(1, 'day').toDate()\n break\n case 'days':\n newDate = direction === 'forward'\n ? d.add(1, 'month').toDate()\n : d.subtract(1, 'month').toDate()\n break\n case 'weeks':\n newDate = direction === 'forward'\n ? d.add(1, 'month').toDate()\n : d.subtract(1, 'month').toDate()\n break\n }\n \n date.value = newDate\n }\n \n // Load data for the current date range\n await rents.actions.read({\n owner: route.params._id,\n startDate: dateRange.value.start.toISOString(),\n endDate: dateRange.value.end.toISOString()\n })\n } catch (error) {\n console.error('Error loading more data:', error)\n } finally {\n loading.value = false\n }\n}\n\n// Handle item click\nconst handleItemClick = (item) => {\n console.log('Item clicked:', item)\n}\n\n// Handle today\nconst handleToday = () => {\n const now = new Date()\n date.value = now\n \n // For hours view, ensure we're showing the current hour\n if (view.value === 'hours') {\n // Update date to current time to trigger proper centering\n date.value = new Date()\n }\n}\n\nconst today = new Date();\nconst calendarStartDate = ref(new Date(today));\ncalendarStartDate.value.setDate(today.getDate() - 30);\n\nconst calendarEndDate = ref(new Date(today));\ncalendarEndDate.value.setDate(today.getDate() + 30);\n\n// Toggle between calendar and list view\nconst toggleView = () => {\n isCalendarView.value = !isCalendarView.value;\n};\n\n// Navigate to rent details page\nconst viewRentDetails = (rent) => {\n router.push({ name: 'Rent Details', params: { _id: rent._id } });\n};\n\n// Load more data when scrolling the Gantt chart\nconst loadMoreData = async ({ direction, date }) => {\n // alert(direction)\n console.log('scroll direction is', direction)\n console.log('current date is', date)\n // Update the visible range\n if (direction === 'forward') {\n calendarEndDate.value = date;\n } else {\n calendarStartDate.value = date;\n }\n // Here you can add logic to fetch more rents if they fall within the new date range\n try {\n // You might need to adjust this depending on your API and data structure\n const startDateParam = new Date(calendarStartDate.value);\n startDateParam.setDate(startDateParam.getDate() - 30); // Fetch a bit more to cover edge cases\n \n const endDateParam = new Date(calendarEndDate.value);\n endDateParam.setDate(endDateParam.getDate() + 30);\n \n await rents.actions.read({\n owner: route.params._id,\n startDate: startDateParam.toISOString(),\n endDate: endDateParam.toISOString()\n });\n } catch (error) {\n console.error('Error loading additional rent data:', error);\n }\n};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["rents.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/rents/views/components/pages/RentsEdit.vue.js CHANGED Viewed

@@ -21,14 +21,14 @@ const _hoisted_5 = {
   class: "aspect-1x1 h-3r radius-small o-hidden"
 };
 const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "t-medium" };
+const _hoisted_7 = { class: "fw-medium" };
 const _hoisted_8 = {
   key: 0,
   class: "t-small t-transp"
 };
 const _hoisted_9 = { class: "mn-l-auto" };
 const _hoisted_10 = { class: "flex gap-small" };
-const _hoisted_11 = { class: "gap-thin flex-v-center flex-nojustify flex" };
+const _hoisted_11 = { class: "gap-thin flex-v-center flex-justify-start flex" };
 const _hoisted_12 = { class: "mn-r-auto" };
 const _sfc_main = {
   __name: "RentsEdit",
@@ -239,7 +239,7 @@ const _sfc_main = {
                     return openBlock(), createElementBlock("div", {
                       key: index,
                       onClick: ($event) => addVariantToRent(variant),
-                      class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+                      class: "w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
                     }, [
                       variant.images && variant.images.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
                         createElementVNode("img", {
@@ -334,7 +334,7 @@ const _sfc_main = {
               createElementVNode("h3", _hoisted_12, "Total Days: " + toDisplayString(totalDays.value), 1),
               createVNode(_sfc_main$5, {
                 submit: onSubmit,
-                class: "pd-small radius-medium bg-main t-black uppercase t-medium"
+                class: "pd-small radius-medium bg-main t-black uppercase fw-medium"
               }, {
                 default: withCtx(() => _cache[4] || (_cache[4] = [
                   createTextVNode(" Save ")
@@ -343,7 +343,7 @@ const _sfc_main = {
               }),
               createVNode(_sfc_main$5, {
                 submit: onReset,
-                class: "pd-small radius-medium t-white bg-second uppercase t-medium"
+                class: "pd-small radius-medium t-white bg-second uppercase fw-medium"
               }, {
                 default: withCtx(() => _cache[5] || (_cache[5] = [
                   createTextVNode(" Reset ")
@@ -353,7 +353,7 @@ const _sfc_main = {
               unref(route).params._id ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 0,
                 submit: onDelete,
-                class: "pd-small radius-medium t-white bg-red uppercase t-medium"
+                class: "pd-small radius-medium t-white bg-red uppercase fw-medium"
               }, {
                 default: withCtx(() => _cache[6] || (_cache[6] = [
                   createTextVNode(" Delete ")

package/dist/martyrs/src/modules/rents/views/components/pages/RentsEdit.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RentsEdit.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/pages/RentsEdit.vue"],"sourcesContent":["<template>\n <div class=\"pd-thin\">\n <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n <h2>{{ route.params._id ? 'Edit' : 'Add' }} Rent</h2>\n </header>\n\n <Popup\n title=\"Add Product to Rent\"\n @close-popup=\"closeProductsPopup\"\n :isPopupOpen=\"isOpenProductsPopup\"\n class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n >\n <Feed\n :search=\"{\n class: 'bg-light radius-small'\n }\"\n :states=\"{\n empty: {\n title: 'No Products Found',\n description: 'No products available for rent.'\n }\n }\"\n :store=\"{\n read: (options) => products.actions.read(options),\n state: null\n }\"\n :options=\"{\n owner: route.params._id,\n listing: 'rent'\n }\"\n v-slot=\"{ items }\"\n class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n >\n <CardOrderItem\n v-for=\"(product, index) in items\"\n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\"\n :editable=\"false\"\n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity \|\| 1\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n @click=\"() => selectProduct(product)\"\n class=\"bg-light pd-small radius-small w-100\"\n />\n </Feed>\n </Popup>\n\n <!-- Popup for selecting variant of the product -->\n <Popup\n title=\"Select variant\"\n @close-popup=\"closeVariantsPopup\"\n :isPopupOpen=\"isVariantsPopupOpen\"\n class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n >\n <Feed\n :store=\"variants\"\n :options=\"{\n product: selectedProduct._id,\n }\"\n :skeleton=\"{\n structure: [\n { block: 'text', size: 'small' },\n { block: 'text', size: 'medium' },\n { block: 'text', size: 'small' }\n ]\n }\"\n :states=\"{\n empty: {\n title: 'No variants',\n description: 'Create your first variant'\n }\n }\"\n v-slot=\"{ items }\"\n >\n <div class=\"gap-thin flex flex-column\">\n <div\n v-for=\"(variant, index) in items\"\n :key=\"index\"\n @click=\"addVariantToRent(variant)\"\n class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n >\n <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n <img\n :src=\"(FILE_SERVER_URL \|\| '') + variant.images[0]\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n </div>\n <div>\n <p class=\"t-medium\">{{ variant.name \|\| 'Default variant' }}</p>\n <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n </p>\n </div>\n <p class=\"mn-l-auto\">{{ formatPrice(variant.price \|\| variant.cost) }}</p>\n </div>\n </div>\n </Feed>\n </Popup>\n\n <Block title=\"Rent Period\" class=\"mn-b-semi\">\n <div class=\"flex gap-small\">\n <Field v-model:field=\"rents.state.current.startDate\" label=\"Start Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n <Field v-model:field=\"rents.state.current.endDate\" label=\"End Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n </div>\n </Block>\n\n <Block\n title=\"Rented Product\"\n :actions=\"rents.state.current.product ? [] : [{ label: '+', function: openProductsPopup }]\"\n placeholder=\"No products added yet\"\n class=\"mn-b-semi\"\n >\n <CardOrderItem\n v-if=\"rents.state.current.product\"\n :key=\"rents.state.current.product._id\"\n :productId=\"rents.state.current.product._id\"\n :variantId=\"rents.state.current.product.variant\"\n :images=\"rents.state.current.product.images\"\n :name=\"rents.state.current.product.name\"\n :quantity=\"rents.state.current.product.quantity \|\| 1\"\n :unit=\"rents.state.current.product.unit\"\n :dates=\"{\n start: rents.state.current.startDate,\n end: rents.state.current.endDate\n }\"\n :listing=\"rents.state.current.product.listing\"\n :price=\"rents.state.current.product.price\"\n :editable=\"false\"\n @click=\"() => rents.state.current.product = null\"\n class=\"mn-b-small radius-medium bg-white pd-small\"\n />\n </Block>\n\n <Block title=\"Comment\" class=\"mn-b-semi\">\n <Field v-model:field=\"rents.state.current.comment\" label=\"Comment\" type=\"textarea\" class=\"w-100 bg-white radius-small pd-medium\" /> \n </Block>\n\n <Block>\n <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n <h3 class=\"mn-r-auto\">Total Days: {{ totalDays }}</h3>\n\n <Button\n :submit=\"onSubmit\"\n class=\"pd-small radius-medium bg-main t-black uppercase t-medium\"\n >\n Save\n </Button>\n\n <Button\n :submit=\"onReset\"\n class=\"pd-small radius-medium t-white bg-second uppercase t-medium\"\n >\n Reset\n </Button>\n\n <Button\n v-if=\"route.params._id\"\n :submit=\"onDelete\"\n class=\"pd-small radius-medium t-white bg-red uppercase t-medium\"\n >\n Delete\n </Button>\n </section>\n </Block>\n </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\nimport { computed, onMounted, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport variants from '@martyrs/src/modules/products/store/variants.store.js';\n\nconst route = useRoute();\nconst router = useRouter();\nconst { formatPrice } = useGlobalMixins();\n\nconst Products = ref(products.state.all);\nconst isOpenProductsPopup = ref(false);\nconst isVariantsPopupOpen = ref(false);\nconst selectedProduct = ref({});\n\nconst totalDays = computed(() => {\n const start = new Date(rents.state.current.startDate);\n const end = new Date(rents.state.current.endDate);\n if (!start \|\| !end) return 0;\n const diffTime = Math.abs(end - start);\n return Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n});\n\nfunction openProductsPopup() {\n isOpenProductsPopup.value = true;\n}\n\nfunction closeProductsPopup() {\n isOpenProductsPopup.value = false;\n}\n\nfunction closeVariantsPopup() {\n isVariantsPopupOpen.value = false;\n selectedProduct.value = {};\n}\n\nfunction selectProduct(product) {\n selectedProduct.value = product;\n closeProductsPopup();\n\n // If product has only one variant, add it directly without showing popup\n if (product.variants && product.variants.length === 1) {\n addVariantToRent(product.variants[0]);\n return;\n }\n\n // If product has multiple variants or no variants defined, show popup\n isVariantsPopupOpen.value = true;\n}\n\nfunction formatProductName(product, variant) {\n if (!variant \|\| product.variants?.length === 1 && !(variant.attributes?.length))\n return product.name;\n\n const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n if (attrs?.length) {\n return `${product.name} / ${attrs.join(' / ')}`;\n }\n\n // Если variant.name уже содержит product.name, не дублируем\n return variant.name \|\| product.name;\n}\n\nfunction addVariantToRent(variant) {\n // Create product object with variant information\n rents.state.current.product = {\n _id: selectedProduct.value._id,\n variant: variant._id,\n name: formatProductName(selectedProduct.value, variant),\n images: variant.images \|\| selectedProduct.value.images \|\| [],\n price: variant.price \|\| variant.cost \|\| 0,\n unit: variant.unit \|\| 'pcs',\n quantity: 1,\n listing: 'rent'\n };\n\n closeVariantsPopup();\n}\n\nfunction updateItem(index, updatedItem) {\n rents.state.current.items[index] = { product: updatedItem.product._id \|\| updatedItem.product, quantity: updatedItem.quantity \|\| 1 };\n}\n\nfunction deleteItem(index) {\n try {\n rents.state.current.items.splice(index, 1);\n } catch (error) {\n console.error('Ошибка при удалении элемента:', error);\n }\n}\n\nonMounted(async () => {\n try {\n if (route.params.rent) {\n await rents.actions.read({ _id: route.params.rent });\n } else {\n rents.mutations.clean();\n }\n\n await products.actions.read({ owner: route.params._id, listing: 'rent', limit: 100 });\n Products.value = products.state.all;\n } catch (error) {\n console.error('Ошибка при загрузке данных:', error);\n }\n});\n\nasync function onSubmit() {\n try {\n if (route.params.rent) {\n // Update existing rent\n const rentData = {\n _id: rents.state.current._id,\n product: rents.state.current.product._id,\n variant: rents.state.current.product.variant,\n startDate: new Date(rents.state.current.startDate),\n endDate: new Date(rents.state.current.endDate),\n comment: rents.state.current.comment,\n status: rents.state.current.status\n };\n await rents.actions.update(rentData);\n } else {\n // Create new rent - БЕЗ _id!\n const rentData = {\n product: rents.state.current.product._id,\n variant: rents.state.current.product.variant,\n startDate: new Date(rents.state.current.startDate),\n endDate: new Date(rents.state.current.endDate),\n comment: rents.state.current.comment \|\| '',\n status: rents.state.current.status \|\| 'active',\n creator: { type: 'user', target: auth.state.user._id },\n owner: { type: 'organization', target: route.params._id }\n };\n await rents.actions.create(rentData);\n }\n router.push({ name: 'Rents', params: { _id: route.params._id } });\n } catch (error) {\n console.error('Ошибка при отправке данных:', error);\n }\n}\n\nasync function onReset() {\n try {\n if (route.params._id) {\n await rents.actions.read({ _id: route.params._id });\n } else {\n rents.mutations.clean();\n }\n } catch (error) {\n console.error('Ошибка при сбросе данных:', error);\n }\n}\n\nasync function onDelete() {\n try {\n await rents.actions.delete(route.params._id);\n router.push({ name: 'Rents', params: { _id: route.params._id } });\n } catch (error) {\n console.error('Ошибка при удалении:', error);\n }\n}\n\n</script>\n\n<style lang=\"scss\">\n.round-stat {\n padding: 1rem;\n border-radius: 5rem;\n width: 3rem;\n height: 3rem;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid rgba(0,0,0,0.1);\n}\n</style>"],"names":["products.state","rents.state","rents.actions","rents.mutations","products.actions","auth.state"],"mappings":"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"}
1	+ {"version":3,"file":"RentsEdit.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/pages/RentsEdit.vue"],"sourcesContent":["<template>\n <div class=\"pd-thin\">\n <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n <h2>{{ route.params._id ? 'Edit' : 'Add' }} Rent</h2>\n </header>\n\n <Popup\n title=\"Add Product to Rent\"\n @close-popup=\"closeProductsPopup\"\n :isPopupOpen=\"isOpenProductsPopup\"\n class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n >\n <Feed\n :search=\"{\n class: 'bg-light radius-small'\n }\"\n :states=\"{\n empty: {\n title: 'No Products Found',\n description: 'No products available for rent.'\n }\n }\"\n :store=\"{\n read: (options) => products.actions.read(options),\n state: null\n }\"\n :options=\"{\n owner: route.params._id,\n listing: 'rent'\n }\"\n v-slot=\"{ items }\"\n class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n >\n <CardOrderItem\n v-for=\"(product, index) in items\"\n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\"\n :editable=\"false\"\n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity \|\| 1\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n @click=\"() => selectProduct(product)\"\n class=\"bg-light pd-small radius-small w-100\"\n />\n </Feed>\n </Popup>\n\n <!-- Popup for selecting variant of the product -->\n <Popup\n title=\"Select variant\"\n @close-popup=\"closeVariantsPopup\"\n :isPopupOpen=\"isVariantsPopupOpen\"\n class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n >\n <Feed\n :store=\"variants\"\n :options=\"{\n product: selectedProduct._id,\n }\"\n :skeleton=\"{\n structure: [\n { block: 'text', size: 'small' },\n { block: 'text', size: 'medium' },\n { block: 'text', size: 'small' }\n ]\n }\"\n :states=\"{\n empty: {\n title: 'No variants',\n description: 'Create your first variant'\n }\n }\"\n v-slot=\"{ items }\"\n >\n <div class=\"gap-thin flex flex-column\">\n <div\n v-for=\"(variant, index) in items\"\n :key=\"index\"\n @click=\"addVariantToRent(variant)\"\n class=\"w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n >\n <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n <img\n :src=\"(FILE_SERVER_URL \|\| '') + variant.images[0]\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n </div>\n <div>\n <p class=\"fw-medium\">{{ variant.name \|\| 'Default variant' }}</p>\n <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n </p>\n </div>\n <p class=\"mn-l-auto\">{{ formatPrice(variant.price \|\| variant.cost) }}</p>\n </div>\n </div>\n </Feed>\n </Popup>\n\n <Block title=\"Rent Period\" class=\"mn-b-semi\">\n <div class=\"flex gap-small\">\n <Field v-model:field=\"rents.state.current.startDate\" label=\"Start Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n <Field v-model:field=\"rents.state.current.endDate\" label=\"End Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n </div>\n </Block>\n\n <Block\n title=\"Rented Product\"\n :actions=\"rents.state.current.product ? [] : [{ label: '+', function: openProductsPopup }]\"\n placeholder=\"No products added yet\"\n class=\"mn-b-semi\"\n >\n <CardOrderItem\n v-if=\"rents.state.current.product\"\n :key=\"rents.state.current.product._id\"\n :productId=\"rents.state.current.product._id\"\n :variantId=\"rents.state.current.product.variant\"\n :images=\"rents.state.current.product.images\"\n :name=\"rents.state.current.product.name\"\n :quantity=\"rents.state.current.product.quantity \|\| 1\"\n :unit=\"rents.state.current.product.unit\"\n :dates=\"{\n start: rents.state.current.startDate,\n end: rents.state.current.endDate\n }\"\n :listing=\"rents.state.current.product.listing\"\n :price=\"rents.state.current.product.price\"\n :editable=\"false\"\n @click=\"() => rents.state.current.product = null\"\n class=\"mn-b-small radius-medium bg-white pd-small\"\n />\n </Block>\n\n <Block title=\"Comment\" class=\"mn-b-semi\">\n <Field v-model:field=\"rents.state.current.comment\" label=\"Comment\" type=\"textarea\" class=\"w-100 bg-white radius-small pd-medium\" /> \n </Block>\n\n <Block>\n <section class=\"gap-thin flex-v-center flex-justify-start flex\">\n <h3 class=\"mn-r-auto\">Total Days: {{ totalDays }}</h3>\n\n <Button\n :submit=\"onSubmit\"\n class=\"pd-small radius-medium bg-main t-black uppercase fw-medium\"\n >\n Save\n </Button>\n\n <Button\n :submit=\"onReset\"\n class=\"pd-small radius-medium t-white bg-second uppercase fw-medium\"\n >\n Reset\n </Button>\n\n <Button\n v-if=\"route.params._id\"\n :submit=\"onDelete\"\n class=\"pd-small radius-medium t-white bg-red uppercase fw-medium\"\n >\n Delete\n </Button>\n </section>\n </Block>\n </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\nimport { computed, onMounted, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport variants from '@martyrs/src/modules/products/store/variants.store.js';\n\nconst route = useRoute();\nconst router = useRouter();\nconst { formatPrice } = useGlobalMixins();\n\nconst Products = ref(products.state.all);\nconst isOpenProductsPopup = ref(false);\nconst isVariantsPopupOpen = ref(false);\nconst selectedProduct = ref({});\n\nconst totalDays = computed(() => {\n const start = new Date(rents.state.current.startDate);\n const end = new Date(rents.state.current.endDate);\n if (!start \|\| !end) return 0;\n const diffTime = Math.abs(end - start);\n return Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n});\n\nfunction openProductsPopup() {\n isOpenProductsPopup.value = true;\n}\n\nfunction closeProductsPopup() {\n isOpenProductsPopup.value = false;\n}\n\nfunction closeVariantsPopup() {\n isVariantsPopupOpen.value = false;\n selectedProduct.value = {};\n}\n\nfunction selectProduct(product) {\n selectedProduct.value = product;\n closeProductsPopup();\n\n // If product has only one variant, add it directly without showing popup\n if (product.variants && product.variants.length === 1) {\n addVariantToRent(product.variants[0]);\n return;\n }\n\n // If product has multiple variants or no variants defined, show popup\n isVariantsPopupOpen.value = true;\n}\n\nfunction formatProductName(product, variant) {\n if (!variant \|\| product.variants?.length === 1 && !(variant.attributes?.length))\n return product.name;\n\n const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n if (attrs?.length) {\n return `${product.name} / ${attrs.join(' / ')}`;\n }\n\n // Если variant.name уже содержит product.name, не дублируем\n return variant.name \|\| product.name;\n}\n\nfunction addVariantToRent(variant) {\n // Create product object with variant information\n rents.state.current.product = {\n _id: selectedProduct.value._id,\n variant: variant._id,\n name: formatProductName(selectedProduct.value, variant),\n images: variant.images \|\| selectedProduct.value.images \|\| [],\n price: variant.price \|\| variant.cost \|\| 0,\n unit: variant.unit \|\| 'pcs',\n quantity: 1,\n listing: 'rent'\n };\n\n closeVariantsPopup();\n}\n\nfunction updateItem(index, updatedItem) {\n rents.state.current.items[index] = { product: updatedItem.product._id \|\| updatedItem.product, quantity: updatedItem.quantity \|\| 1 };\n}\n\nfunction deleteItem(index) {\n try {\n rents.state.current.items.splice(index, 1);\n } catch (error) {\n console.error('Ошибка при удалении элемента:', error);\n }\n}\n\nonMounted(async () => {\n try {\n if (route.params.rent) {\n await rents.actions.read({ _id: route.params.rent });\n } else {\n rents.mutations.clean();\n }\n\n await products.actions.read({ owner: route.params._id, listing: 'rent', limit: 100 });\n Products.value = products.state.all;\n } catch (error) {\n console.error('Ошибка при загрузке данных:', error);\n }\n});\n\nasync function onSubmit() {\n try {\n if (route.params.rent) {\n // Update existing rent\n const rentData = {\n _id: rents.state.current._id,\n product: rents.state.current.product._id,\n variant: rents.state.current.product.variant,\n startDate: new Date(rents.state.current.startDate),\n endDate: new Date(rents.state.current.endDate),\n comment: rents.state.current.comment,\n status: rents.state.current.status\n };\n await rents.actions.update(rentData);\n } else {\n // Create new rent - БЕЗ _id!\n const rentData = {\n product: rents.state.current.product._id,\n variant: rents.state.current.product.variant,\n startDate: new Date(rents.state.current.startDate),\n endDate: new Date(rents.state.current.endDate),\n comment: rents.state.current.comment \|\| '',\n status: rents.state.current.status \|\| 'active',\n creator: { type: 'user', target: auth.state.user._id },\n owner: { type: 'organization', target: route.params._id }\n };\n await rents.actions.create(rentData);\n }\n router.push({ name: 'Rents', params: { _id: route.params._id } });\n } catch (error) {\n console.error('Ошибка при отправке данных:', error);\n }\n}\n\nasync function onReset() {\n try {\n if (route.params._id) {\n await rents.actions.read({ _id: route.params._id });\n } else {\n rents.mutations.clean();\n }\n } catch (error) {\n console.error('Ошибка при сбросе данных:', error);\n }\n}\n\nasync function onDelete() {\n try {\n await rents.actions.delete(route.params._id);\n router.push({ name: 'Rents', params: { _id: route.params._id } });\n } catch (error) {\n console.error('Ошибка при удалении:', error);\n }\n}\n\n</script>\n\n<style lang=\"scss\">\n.round-stat {\n padding: 1rem;\n border-radius: 5rem;\n width: 3rem;\n height: 3rem;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid rgba(0,0,0,0.1);\n}\n</style>"],"names":["products.state","rents.state","rents.actions","rents.mutations","products.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/reports/components/pages/BackofficeReports.vue.js CHANGED Viewed

@@ -2,11 +2,11 @@ import { createElementBlock, openBlock, createElementVNode, Fragment, renderList
 import { actions, state } from "../../store/reports.js";
 const _hoisted_1 = { class: "cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_2 = { class: "t-black p-small mn-b-small" };
-const _hoisted_3 = { class: "pd-2px radius-big d-inline-block bg-light t-semi" };
+const _hoisted_3 = { class: "pd-2px radius-big d-inline-block bg-light fw-semi" };
 const _hoisted_4 = { class: "t-black p-small mn-b-small" };
-const _hoisted_5 = { class: "pd-2px radius-big d-inline-block bg-light t-semi" };
+const _hoisted_5 = { class: "pd-2px radius-big d-inline-block bg-light fw-semi" };
 const _hoisted_6 = { class: "t-black p-small mn-b-small" };
-const _hoisted_7 = { class: "pd-2px radius-big d-inline-block bg-light t-semi" };
+const _hoisted_7 = { class: "pd-2px radius-big d-inline-block bg-light fw-semi" };
 const _sfc_main = {
   __name: "BackofficeReports",
   setup(__props) {

package/dist/martyrs/src/modules/reports/components/pages/BackofficeReports.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackofficeReports.vue.js","sources":["../../../../../../../src/modules/reports/components/pages/BackofficeReports.vue"],"sourcesContent":["<template>\n <div>\n <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n <h3 class=\"mn-r-medium\">Reports</h3> <!-- Updated this line -->\n </div>\n\n <div class=\"cols-3 mobile:cols-1 gap-thin\">\n <div \n v-for=\"report in state.all\"\n :key=\"report._id\"\n class=\"radius-medium pd-small bg-light\"\n >\n <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->\n <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->\n\n <p class=\"t-black p-small mn-b-small\">\n <span class=\"uppercase t-transp\">User</span>\n <br> \n <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.user}}</span> <!-- Updated this line -->\n </p>\n\n <p class=\"t-black p-small mn-b-small\">\n <span class=\"uppercase t-transp\">Type</span>\n <br> \n <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.type}}</span> <!-- Updated this line -->\n </p>\n\n <p class=\"t-black p-small mn-b-small\">\n <span class=\"uppercase t-transp\">Reason</span>\n <br> \n <span class=\"pd-2px radius-big d-inline-block bg-light t-semi\">{{report.reason}}</span> <!-- Updated this line -->\n </p>\n\n <div class=\"gap-thin flex-nowrap flex\">\n <!-- Update buttons and actions as needed -->\n <button class=\"button-small w-100 bg-black t-white button\">\n Close Report\n </button>\n <button class=\"button-small w-100 bg-black t-white button\">\n Hide Content\n </button>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { actions as reportActions, state } from '../../store/reports'; // Update the import path\n\n// You might want to handle other lifecycle hooks or methods depending on your needs.\n// Here, I'll demonstrate using the 'deleteReport' method as an example.\n\nconst deleteReport = async (id) => {\n try {\n await reportActions.remove({ _id: id }); // Updated method name and parameter\n // Optionally, add a notification about successful deletion here\n } catch (error) {\n console.error(error);\n // Optionally, add a notification about the error here\n }\n};\n\n// Fetch all reports on component mount. This part depends on how your store is structured.\nreportActions.read(); // Updated method name\n</script>\n"],"names":["reportActions"],"mappings":";;;;;;;;;;;;AAiEAA,YAAc,KAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"BackofficeReports.vue.js","sources":["../../../../../../../src/modules/reports/components/pages/BackofficeReports.vue"],"sourcesContent":["<template>\n <div>\n <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n <h3 class=\"mn-r-medium\">Reports</h3> <!-- Updated this line -->\n </div>\n\n <div class=\"cols-3 mobile:cols-1 gap-thin\">\n <div \n v-for=\"report in state.all\"\n :key=\"report._id\"\n class=\"radius-medium pd-small bg-light\"\n >\n <!-- Here, you should update the properties of the report object to reflect the actual structure of a report -->\n <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->\n\n <p class=\"t-black p-small mn-b-small\">\n <span class=\"uppercase t-transp\">User</span>\n <br> \n <span class=\"pd-2px radius-big d-inline-block bg-light fw-semi\">{{report.user}}</span> <!-- Updated this line -->\n </p>\n\n <p class=\"t-black p-small mn-b-small\">\n <span class=\"uppercase t-transp\">Type</span>\n <br> \n <span class=\"pd-2px radius-big d-inline-block bg-light fw-semi\">{{report.type}}</span> <!-- Updated this line -->\n </p>\n\n <p class=\"t-black p-small mn-b-small\">\n <span class=\"uppercase t-transp\">Reason</span>\n <br> \n <span class=\"pd-2px radius-big d-inline-block bg-light fw-semi\">{{report.reason}}</span> <!-- Updated this line -->\n </p>\n\n <div class=\"gap-thin flex-nowrap flex\">\n <!-- Update buttons and actions as needed -->\n <button class=\"button-small w-100 bg-black t-white button\">\n Close Report\n </button>\n <button class=\"button-small w-100 bg-black t-white button\">\n Hide Content\n </button>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { actions as reportActions, state } from '../../store/reports'; // Update the import path\n\n// You might want to handle other lifecycle hooks or methods depending on your needs.\n// Here, I'll demonstrate using the 'deleteReport' method as an example.\n\nconst deleteReport = async (id) => {\n try {\n await reportActions.remove({ _id: id }); // Updated method name and parameter\n // Optionally, add a notification about successful deletion here\n } catch (error) {\n console.error(error);\n // Optionally, add a notification about the error here\n }\n};\n\n// Fetch all reports on component mount. This part depends on how your store is structured.\nreportActions.read(); // Updated method name\n</script>\n"],"names":["reportActions"],"mappings":";;;;;;;;;;;;AAiEAA,YAAc,KAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/reports/components/sections/FormReport.vue.js CHANGED Viewed

@@ -78,7 +78,7 @@ const _sfc_main = {
                 "other"
               ],
               placeholder: "Select reason",
-              class: "mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
+              class: "mn-b-small bg-white br-black-transp-10 br-1px uppercase pd-medium fw-semi bg-white t-black radius-medium"
             }, null, 8, ["select"]),
             _cache[5] || (_cache[5] = createElementVNode("p", { class: "p-regular mn-b-small" }, "Our moderators will review your report within 24 hours and take action if it violates our policies.", -1)),
             createVNode(_sfc_main$2, {

package/dist/martyrs/src/modules/reports/components/sections/FormReport.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormReport.vue.js","sources":["../../../../../../../src/modules/reports/components/sections/FormReport.vue"],"sourcesContent":["<template>\n\n\t<div \n\t\t@click.native=\"openReportPopup()\"\n\t>\n\t\t<slot></slot>\n\n\t\t<Popup \n\t\t @close-popup=\"closeReportPopup\" \n\t\t :isPopupOpen=\"isReportPopup\"\n\t\t class=\"w-m-33r t-left pd-big bg-white radius-big\"\n\t\t>\n\t\t <h3 \n\t\t \tclass=\"mn-b-small\"\n\t\t >\n\t\t\t\tReport Content\n\t\t\t</h3>\n\t\t \n\t\t <p \n\t\t \tclass=\"p-regular mn-b-small\"\n\t\t >\n\t\t \tWe strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:\n\t\t </p>\n\t\t <Select \n\t\t\t\tv-model:select=\"form.reason\" \n\t\t :options=\"[\n\t\t \t'harassment',\n\t\t \t'spam',\n\t\t \t'inappropriate',\n\t\t \t'misinformation',\n\t\t \t'copyright',\n\t\t \t'other'\n\t\t ]\"\n\t\t :placeholder=\"'Select reason'\"\n\t\t\t\tclass=\"mn-b-small bg-white br-~~solid br-~~black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium\"\n\t\t />\n\t\t \n\t\t <p class=\"p-regular mn-b-small\">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>\n\t\t \n\t\t <Button \n\t\t \t:submit=\"onSubmit\" \n\t\t \t:callback=\"closeReportPopup\" \n\t\t \tclass=\"w-100 bg-black t-white\">\n\t\t \tReport\n\t\t </Button>\n\t\t</Popup>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Dependencies\n\timport { computed,ref,reactive } from 'vue'\n\t// Elements Import\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Button from '@martyrs/src/components/Button/Button.vue';\n\timport Select from '@martyrs/src/components/Select/Select.vue';\n\t// Store Import\n\timport * as reports from '@martyrs/src/modules/reports/store/reports.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n \tconst props = defineProps({\n \t\tuser: {\n type: String,\n required: false\n },\n type: {\n type: String,\n required: false\n },\n reason: {\n type: String,\n required: false\n },\n target: {\n type: String,\n required: true\n },\n\t text: {\n\t\t\ttype: String,\n\t\t\tdefault: '!'\n\t\t},\n status: {\n type: String,\n default: 'new'\n }\n \t})\n \t// ///////////////////////////////////////\n \t// Form Logic\n \t// ///////////////////////////////////////\n \tconst form = reactive({\n\t\tuser: props.user,\n\t\ttype: props.type,\n\t\treason: props.reason, \n\t\ttarget: props.target,\n\t\tstatus: props.status,\n\t})\n\n\tfunction onSubmit () {\n\t if (form.user === null) {\n\t \tdelete form.user\n\t }\n\t \treports.actions.create(form)\n\t}\n \t// ///////////////////////////////////////\n\t// Popup logic\n\t// ///////////////////////////////////////\n\tconst isReportPopup = ref(false)\n\n\tfunction openReportPopup() {\n\t isReportPopup.value = true;\n\t}\n\tfunction closeReportPopup() {\n\t isReportPopup.value = false;\n\t}\n</script>"],"names":["reports.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAM,QAAQ;AA6Bd,UAAM,OAAO,SAAS;AAAA,MACtB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,IAChB,CAAE;AAED,aAAS,WAAY;AACjB,UAAI,KAAK,SAAS,MAAM;AACvB,eAAO,KAAK;AAAA,MACb;AACDA,cAAgB,OAAO,IAAI;AAAA,IAC9B;AAIA,UAAM,gBAAgB,IAAI,KAAK;AAE/B,aAAS,kBAAkB;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FormReport.vue.js","sources":["../../../../../../../src/modules/reports/components/sections/FormReport.vue"],"sourcesContent":["<template>\n\n\t<div \n\t\t@click.native=\"openReportPopup()\"\n\t>\n\t\t<slot></slot>\n\n\t\t<Popup \n\t\t @close-popup=\"closeReportPopup\" \n\t\t :isPopupOpen=\"isReportPopup\"\n\t\t class=\"w-m-33r t-left pd-big bg-white radius-big\"\n\t\t>\n\t\t <h3 \n\t\t \tclass=\"mn-b-small\"\n\t\t >\n\t\t\t\tReport Content\n\t\t\t</h3>\n\t\t \n\t\t <p \n\t\t \tclass=\"p-regular mn-b-small\"\n\t\t >\n\t\t \tWe strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:\n\t\t </p>\n\t\t <Select \n\t\t\t\tv-model:select=\"form.reason\" \n\t\t :options=\"[\n\t\t \t'harassment',\n\t\t \t'spam',\n\t\t \t'inappropriate',\n\t\t \t'misinformation',\n\t\t \t'copyright',\n\t\t \t'other'\n\t\t ]\"\n\t\t :placeholder=\"'Select reason'\"\n\t\t\t\tclass=\"mn-b-small bg-white br-black-transp-10 br-1px uppercase pd-medium fw-semi bg-white t-black radius-medium\"\n\t\t />\n\t\t \n\t\t <p class=\"p-regular mn-b-small\">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>\n\t\t \n\t\t <Button \n\t\t \t:submit=\"onSubmit\" \n\t\t \t:callback=\"closeReportPopup\" \n\t\t \tclass=\"w-100 bg-black t-white\">\n\t\t \tReport\n\t\t </Button>\n\t\t</Popup>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Dependencies\n\timport { computed,ref,reactive } from 'vue'\n\t// Elements Import\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Button from '@martyrs/src/components/Button/Button.vue';\n\timport Select from '@martyrs/src/components/Select/Select.vue';\n\t// Store Import\n\timport * as reports from '@martyrs/src/modules/reports/store/reports.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n \tconst props = defineProps({\n \t\tuser: {\n type: String,\n required: false\n },\n type: {\n type: String,\n required: false\n },\n reason: {\n type: String,\n required: false\n },\n target: {\n type: String,\n required: true\n },\n\t text: {\n\t\t\ttype: String,\n\t\t\tdefault: '!'\n\t\t},\n status: {\n type: String,\n default: 'new'\n }\n \t})\n \t// ///////////////////////////////////////\n \t// Form Logic\n \t// ///////////////////////////////////////\n \tconst form = reactive({\n\t\tuser: props.user,\n\t\ttype: props.type,\n\t\treason: props.reason, \n\t\ttarget: props.target,\n\t\tstatus: props.status,\n\t})\n\n\tfunction onSubmit () {\n\t if (form.user === null) {\n\t \tdelete form.user\n\t }\n\t \treports.actions.create(form)\n\t}\n \t// ///////////////////////////////////////\n\t// Popup logic\n\t// ///////////////////////////////////////\n\tconst isReportPopup = ref(false)\n\n\tfunction openReportPopup() {\n\t isReportPopup.value = true;\n\t}\n\tfunction closeReportPopup() {\n\t isReportPopup.value = false;\n\t}\n</script>"],"names":["reports.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAM,QAAQ;AA6Bd,UAAM,OAAO,SAAS;AAAA,MACtB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,IAChB,CAAE;AAED,aAAS,WAAY;AACjB,UAAI,KAAK,SAAS,MAAM;AACvB,eAAO,KAAK;AAAA,MACb;AACDA,cAAgB,OAAO,IAAI;AAAA,IAC9B;AAIA,UAAM,gBAAgB,IAAI,KAAK;AAE/B,aAAS,kBAAkB;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/spots/components/blocks/CardSpot.vue.js CHANGED Viewed

@@ -20,14 +20,14 @@ const _hoisted_5 = {
   key: 3,
   class: "bg-light mn-t-thin pd-thin radius-thin"
 };
-const _hoisted_6 = { class: "text-box-trim-end p-small w-100 t-truncate" };
+const _hoisted_6 = { class: "text-box-trim-end p-small w-100 truncate" };
 const _hoisted_7 = {
   key: 4,
-  class: "uppercase t-medium mn-t-small mn-t-thin"
+  class: "uppercase fw-medium mn-t-small mn-t-thin"
 };
 const _hoisted_8 = {
   key: 6,
-  class: "uppercase t-medium mn-t-small mn-t-thin"
+  class: "uppercase fw-medium mn-t-small mn-t-thin"
 };
 const _sfc_main = {
   __name: "CardSpot",
@@ -88,7 +88,7 @@ const _sfc_main = {
               class: "z-index-2 pos-absolute pos-t-thin pos-r-thin radius-extra bg-second pd-thin i-medium"
             })) : createCommentVNode("", true),
             createElementVNode("p", {
-              class: "p-regular t-medium d-inline-block w-100",
+              class: "p-regular fw-medium d-inline-block w-100",
               innerHTML: __props.spot.profile.name
             }, null, 8, _hoisted_3),
             __props.spot.profile.description ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.spot.profile.description), 1)) : createCommentVNode("", true),
@@ -112,7 +112,7 @@ const _sfc_main = {
     };
   }
 };
-const CardSpot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2900b00e"]]);
+const CardSpot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d062e09"]]);
 export {
   CardSpot as default
 };

package/dist/martyrs/src/modules/spots/components/blocks/CardSpot.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardSpot.vue.js","sources":["../../../../../../../src/modules/spots/components/blocks/CardSpot.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative pd-small rows-1\" :class=\"{'selected': selected }\">\n <div class=\"w-100 flex-nowrap flex gap-thin\">\n <div\n v-if=\"spot.address\"\n class=\"aspect-1x1 h-100\"\n >\n <Map\n :apiKey=\"GOOGLE_MAPS_API_KEY\"\n :location=\"{\n lat: spot.location?.coordinates?.[1] \|\| 0,\n lng: spot.location?.coordinates?.[0] \|\| 0\n }\"\n :locale=\"$i18n.locale\"\n class=\"radius-small o-hidden\"\n\n />\n </div>\n\n <div>\n <!-- Edit Button -->\n <router-link\n v-if=\"editAccess\"\n :to=\"{\n name: getRouteName('Edit Spot'),\n params: {\n _id: props.organization?._id \|\| props.organization,\n spot: spot._id\n }\n }\"\n @click.stop\n class=\"\n z-index-2\n cursor-pointer\n pos-absolute pos-t-thin pos-r-thin\n radius-extra pd-thin bg-second\n i-medium\n flex\n flex-center\n \"\n >\n <IconEdit\n class=\"i-medium\"\n classes=\"fill-white\"\n />\n </router-link>\n\n <IconCheckmark\n v-if=\"selected\"\n :fill=\"'rgb(var(--white))'\"\n class=\"z-index-2 pos-absolute pos-t-thin pos-r-thin radius-extra bg-second pd-thin i-medium\"\n />\n \n <p\n class=\"p-regular t-medium d-inline-block w-100\"\n v-html=\"spot.profile.name\"\n />\n \n <p v-if=\"spot.profile.description\" class=\"d-block p-medium mn-t-thin\">\n {{spot.profile.description}}\n </p>\n\n <div v-if=\"spot.address\" class=\"bg-light mn-t-thin pd-thin radius-thin\">\n <p class=\"text-box-trim-end p-small w-100 t-truncate\">\n {{spot.address}}\n </p>\n </div>\n\n <p class=\"uppercase t-medium mn-t-small mn-t-thin\" v-if=\"showDeliveryOptions && spot.delivery.length > 0\">Delivery</p>\n <Chips \n v-if=\"showDeliveryOptions && spot.delivery.length > 0\" \n :chips=\"spot.delivery\"\n />\n\n <p class=\"uppercase t-medium mn-t-small mn-t-thin\" v-if=\"showPaymentOptions && spot.payment.length > 0\">Accepted Payment</p>\n <Chips \n v-if=\"showPaymentOptions && spot.payment.length > 0\" \n :chips=\"spot.payment\"\n class=\"mn-t-thin\"\n />\n </div>\n\n\n </div>\n </div>\n\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport Map from '@martyrs/src/components/Map/Map.vue';\n\nconst route = useRoute();\nconst getRouteName = (baseName) => `${route.meta?.context \|\| ''}${baseName}`\n\nconst props = defineProps({\n spot: Object,\n organization: Object,\n editAccess: Boolean,\n showDeliveryOptions: Boolean,\n showPaymentOptions: Boolean,\n selected: Boolean\n});\n</script>\n<style scoped>\n.subspotsartment {\n border: 1px solid rgba(0, 0, 0, 0.1);\n margin-top: 1rem;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,UAAM,QAAQ,SAAQ;AACtB,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAE1E,UAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardSpot.vue.js","sources":["../../../../../../../src/modules/spots/components/blocks/CardSpot.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative pd-small rows-1\" :class=\"{'selected': selected }\">\n <div class=\"w-100 flex-nowrap flex gap-thin\">\n <div\n v-if=\"spot.address\"\n class=\"aspect-1x1 h-100\"\n >\n <Map\n :apiKey=\"GOOGLE_MAPS_API_KEY\"\n :location=\"{\n lat: spot.location?.coordinates?.[1] \|\| 0,\n lng: spot.location?.coordinates?.[0] \|\| 0\n }\"\n :locale=\"$i18n.locale\"\n class=\"radius-small o-hidden\"\n\n />\n </div>\n\n <div>\n <!-- Edit Button -->\n <router-link\n v-if=\"editAccess\"\n :to=\"{\n name: getRouteName('Edit Spot'),\n params: {\n _id: props.organization?._id \|\| props.organization,\n spot: spot._id\n }\n }\"\n @click.stop\n class=\"\n z-index-2\n cursor-pointer\n pos-absolute pos-t-thin pos-r-thin\n radius-extra pd-thin bg-second\n i-medium\n flex\n flex-center\n \"\n >\n <IconEdit\n class=\"i-medium\"\n classes=\"fill-white\"\n />\n </router-link>\n\n <IconCheckmark\n v-if=\"selected\"\n :fill=\"'rgb(var(--white))'\"\n class=\"z-index-2 pos-absolute pos-t-thin pos-r-thin radius-extra bg-second pd-thin i-medium\"\n />\n \n <p\n class=\"p-regular fw-medium d-inline-block w-100\"\n v-html=\"spot.profile.name\"\n />\n \n <p v-if=\"spot.profile.description\" class=\"d-block p-medium mn-t-thin\">\n {{spot.profile.description}}\n </p>\n\n <div v-if=\"spot.address\" class=\"bg-light mn-t-thin pd-thin radius-thin\">\n <p class=\"text-box-trim-end p-small w-100 truncate\">\n {{spot.address}}\n </p>\n </div>\n\n <p class=\"uppercase fw-medium mn-t-small mn-t-thin\" v-if=\"showDeliveryOptions && spot.delivery.length > 0\">Delivery</p>\n <Chips \n v-if=\"showDeliveryOptions && spot.delivery.length > 0\" \n :chips=\"spot.delivery\"\n />\n\n <p class=\"uppercase fw-medium mn-t-small mn-t-thin\" v-if=\"showPaymentOptions && spot.payment.length > 0\">Accepted Payment</p>\n <Chips \n v-if=\"showPaymentOptions && spot.payment.length > 0\" \n :chips=\"spot.payment\"\n class=\"mn-t-thin\"\n />\n </div>\n\n\n </div>\n </div>\n\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport Map from '@martyrs/src/components/Map/Map.vue';\n\nconst route = useRoute();\nconst getRouteName = (baseName) => `${route.meta?.context \|\| ''}${baseName}`\n\nconst props = defineProps({\n spot: Object,\n organization: Object,\n editAccess: Boolean,\n showDeliveryOptions: Boolean,\n showPaymentOptions: Boolean,\n selected: Boolean\n});\n</script>\n<style scoped>\n.subspotsartment {\n border: 1px solid rgba(0, 0, 0, 0.1);\n margin-top: 1rem;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,UAAM,QAAQ,SAAQ;AACtB,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAE1E,UAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/spots/components/blocks/SpotMemberModify.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js
 const _hoisted_1 = { class: "br-grey-transp-25 radius-small mn-b-small" };
 const _hoisted_2 = {
   key: 1,
-  class: "pd-small br-grey-transp-25 br-1px br-solid"
+  class: "pd-small br-grey-transp-25 br-1px"
 };
 const _hoisted_3 = ["disabled"];
 const _sfc_main = {
@@ -78,7 +78,7 @@ const _sfc_main = {
     };
   }
 };
-const SpotMemberModify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cca87f09"]]);
+const SpotMemberModify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ff9ae98"]]);
 export {
   SpotMemberModify as default
 };

package/dist/martyrs/src/modules/spots/components/blocks/SpotMemberModify.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpotMemberModify.vue.js","sources":["../../../../../../../src/modules/spots/components/blocks/SpotMemberModify.vue"],"sourcesContent":["<template>\n <div>\n <div class=\"br-grey-transp-25 radius-small mn-b-small\">\n <VueSelect \n v-if=\"props.spot === null\"\n v-model=\"spotForm.subspot\"\n :options=\"filteredSpots\"\n :get-option-label='option => option.name' \n class=\"w-100 mn-b-small\"\n /> \n <div v-else class=\"pd-small br-grey-transp-25 br-1px ~~br-solid~~\">\n {{ spotForm.name ? spotForm.name : 'Безымянный' }}\n </div>\n </div>\n\n <button :disabled=\"!spotForm.subspot\" v-if=\"props.spot === null\" @click=\"submitForm\" class=\"w-100 button bg-second t-white\">\n Добавить отдел\n </button>\n\n <button v-if=\"props.spot !== null\" @click=\"removeMember\" class=\"w-100 button bg-fourth t-white\">\n Удалить отдел\n </button> \n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from \"vue\";\n\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from \"@martyrs/src/components/Select/Select.vue\";\nconst props = defineProps({\n isPopupOpen: Boolean,\n spot: Number,\n spots: Array,\n mainspot: Object,\n allspots: Array,\n});\n\nconst emits = defineEmits(['callback', 'remove']);\n\nconst spotForm = ref({\n subspot: null,\n});\n\nif (props.spot !== null) {\n spotForm.value = props.spots[props.spot];\n}\n\nfunction filterSpots(allSpots, spots, editingSpot) {\n return allSpots.filter((spot) => {\n if (spots.some((dept) => dept._id === spot._id)) {\n return false;\n }\n if (editingSpot._id === spot._id) {\n return false;\n }\n return true;\n });\n}\n\nconst filteredSpots = computed(() => {\n return filterSpots(props.allspots, props.spots, props.mainspot);\n});\n\nasync function submitForm() {\n props.spots.push(spotForm.value.subspot);\n emits(\"callback\");\n}\n\nasync function removeMember() {\n props.spots.splice(props.spot, 1);\n emits(\"callback\");\n}\n</script>\n\n<style scoped>\n.form-group {\n margin-bottom: 1rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n}\n\ninput {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,UAAM,WAAW,IAAI;AAAA,MACnB,SAAS;AAAA,IACX,CAAC;AAED,QAAI,MAAM,SAAS,MAAM;AACvB,eAAS,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IACzC;AAEA,aAAS,YAAY,UAAU,OAAO,aAAa;AACjD,aAAO,SAAS,OAAO,CAAC,SAAS;AAC/B,YAAI,MAAM,KAAK,CAAC,SAAS,KAAK,QAAQ,KAAK,GAAG,GAAG;AAC/C,iBAAO;AAAA,QACT;AACA,YAAI,YAAY,QAAQ,KAAK,KAAK;AAChC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,YAAY,MAAM,UAAU,MAAM,OAAO,MAAM,QAAQ;AAAA,IAChE,CAAC;AAED,mBAAe,aAAa;AAC1B,YAAM,MAAM,KAAK,SAAS,MAAM,OAAO;AACvC,YAAM,UAAU;AAAA,IAClB;AAEA,mBAAe,eAAe;AAC5B,YAAM,MAAM,OAAO,MAAM,MAAM,CAAC;AAChC,YAAM,UAAU;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SpotMemberModify.vue.js","sources":["../../../../../../../src/modules/spots/components/blocks/SpotMemberModify.vue"],"sourcesContent":["<template>\n <div>\n <div class=\"br-grey-transp-25 radius-small mn-b-small\">\n <VueSelect \n v-if=\"props.spot === null\"\n v-model=\"spotForm.subspot\"\n :options=\"filteredSpots\"\n :get-option-label='option => option.name' \n class=\"w-100 mn-b-small\"\n /> \n <div v-else class=\"pd-small br-grey-transp-25 br-1px\">\n {{ spotForm.name ? spotForm.name : 'Безымянный' }}\n </div>\n </div>\n\n <button :disabled=\"!spotForm.subspot\" v-if=\"props.spot === null\" @click=\"submitForm\" class=\"w-100 button bg-second t-white\">\n Добавить отдел\n </button>\n\n <button v-if=\"props.spot !== null\" @click=\"removeMember\" class=\"w-100 button bg-fourth t-white\">\n Удалить отдел\n </button> \n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from \"vue\";\n\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from \"@martyrs/src/components/Select/Select.vue\";\nconst props = defineProps({\n isPopupOpen: Boolean,\n spot: Number,\n spots: Array,\n mainspot: Object,\n allspots: Array,\n});\n\nconst emits = defineEmits(['callback', 'remove']);\n\nconst spotForm = ref({\n subspot: null,\n});\n\nif (props.spot !== null) {\n spotForm.value = props.spots[props.spot];\n}\n\nfunction filterSpots(allSpots, spots, editingSpot) {\n return allSpots.filter((spot) => {\n if (spots.some((dept) => dept._id === spot._id)) {\n return false;\n }\n if (editingSpot._id === spot._id) {\n return false;\n }\n return true;\n });\n}\n\nconst filteredSpots = computed(() => {\n return filterSpots(props.allspots, props.spots, props.mainspot);\n});\n\nasync function submitForm() {\n props.spots.push(spotForm.value.subspot);\n emits(\"callback\");\n}\n\nasync function removeMember() {\n props.spots.splice(props.spot, 1);\n emits(\"callback\");\n}\n</script>\n\n<style scoped>\n.form-group {\n margin-bottom: 1rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n}\n\ninput {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,UAAM,WAAW,IAAI;AAAA,MACnB,SAAS;AAAA,IACX,CAAC;AAED,QAAI,MAAM,SAAS,MAAM;AACvB,eAAS,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IACzC;AAEA,aAAS,YAAY,UAAU,OAAO,aAAa;AACjD,aAAO,SAAS,OAAO,CAAC,SAAS;AAC/B,YAAI,MAAM,KAAK,CAAC,SAAS,KAAK,QAAQ,KAAK,GAAG,GAAG;AAC/C,iBAAO;AAAA,QACT;AACA,YAAI,YAAY,QAAQ,KAAK,KAAK;AAChC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,YAAY,MAAM,UAAU,MAAM,OAAO,MAAM,QAAQ;AAAA,IAChE,CAAC;AAED,mBAAe,aAAa;AAC1B,YAAM,MAAM,KAAK,SAAS,MAAM,OAAO;AACvC,YAAM,UAAU;AAAA,IAClB;AAEA,mBAAe,eAAe;AAC5B,YAAM,MAAM,OAAO,MAAM,MAAM,CAAC;AAChC,YAAM,UAAU;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useI18n } from "vue-i18n";
 /* empty css                                         */
 /* empty css                                      */
 /* empty css                                                 */
-/* empty css                                            */
+/* empty css                                           */
 import { useStore } from "../../../core/views/store/core.store.js";
 import { actions, state as state$1 } from "../../../products/store/categories.js";
 import { state } from "../../../marketplace/views/store/marketplace.js";
@@ -153,7 +153,7 @@ const _sfc_main = {
                 onClick: _cache[0] || (_cache[0] = (a) => {
                   unref(store).core.state.isOpenLocationPopup = true;
                 }),
-                class: "t-semi t-main"
+                class: "fw-semi t-main"
               }, [
                 localPosition.value.city ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(localPosition.value.city) + ", ", 1)) : createCommentVNode("", true),
                 localPosition.value.state ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(localPosition.value.state) + ", ", 1)) : createCommentVNode("", true),
@@ -163,7 +163,7 @@ const _sfc_main = {
                 onClick: _cache[1] || (_cache[1] = (a) => {
                   unref(store).core.state.isOpenLocationPopup = true;
                 }),
-                class: "t-semi t-main"
+                class: "fw-semi t-main"
               }, " The World "))
             ])
           ]),

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spots.vue.js","sources":["../../../../../../../src/modules/spots/components/layouts/Spots.vue"],"sourcesContent":["<template>\n\t<div class=\"w-100 h-100\">\n\t\t<!-- Catalog wrapper -->\n\t\t<div class=\"h-100 w-100 flex-nowrap flex-column flex gap-thin\">\n\n\t\t\t\t<!-- Sorting section -->\n\t\t\t\t<div class=\"pos-absolute z-index-2 w-100\">\n\t \t<h2 class=\"bg-black-transp-25 t-white pd-small w-100 bg-blur-big mn-l-auto mn-r-auto t-center\">\n\t \t\t<span class=\"\">Weed in </span>\n\n\t \t\t<span @click=\"a => { store.core.state.isOpenLocationPopup = true }\" v-if=\"localPosition.city \|\| localPosition.state \|\| localPosition.country\" class=\"t-semi t-main\">\n \t\t\t\t<span v-if=\"localPosition.city\">{{localPosition.city}}, </span>\n \t\t\t\t<span v-if=\"localPosition.state\">{{localPosition.state}}, </span>\n \t\t\t\t<span v-if=\"localPosition.country\">{{localPosition.country}}</span>\n\t \t\t</span>\n\n\t \t\t<span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\" class=\"t-semi t-main\">\n\t\t\t\t\t\t\t\tThe World\n\t \t\t</span>\n\t \t</h2>\n\t\t\t\t\t</div>\n\n\n\t\t\t\t<!-- <Filters/> -->\n\n\t\t\t\t<!-- Products section -->\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component \n\t\t\t\t\t\t\tref=\"page\" \n\t\t\t\t\t\t\t:key=\"route.path\" \n\t\t\t\t\t\t\t:localPosition=\"localPosition\" \n\t\t\t\t\t\t\t:is=\"Component\"\n\t\t\t\t\t\t\t:apiKey=\"GOOGLE_MAPS_API_KEY\" \n \t\t\t\t:locale=\"$i18n.locale\"\n\t\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, watchEffect, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n // Martyrs\n\timport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\";\n \timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n \timport Field from \"@martyrs/src/components/Field/Field.vue\";\n \t// Partials\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n \timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\n\tfunction denormalizeUrlParam(param) {\n\t return param\n\t .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tonMounted(async () => {\n\t if (route.params) {\n\t // Загружаем новые значения из параметров маршрута в состояние\n\t let newState = {\n\t country: denormalizeUrlParam(route.params.country),\n\t state: denormalizeUrlParam(route.params.state),\n\t city: denormalizeUrlParam(route.params.city),\n\t };\n\n\t\t // Обновляем глобальное состояние\n\t\t localPosition.value = newState;\n\t\t}\n\n\t\tif (route.query) {\n\t\t const query = route.query;\n\t\t const newFilterValue = {\n\t\t categories: query.categories ? query.categories.split(',') : [],\n\t\t prices: query.prices ? query.prices.split(',') : [],\n\t\t delivery: query.delivery ? query.delivery.split(',') : [],\n\t\t // Продолжайте этот паттерн для остальных полей фильтра\n\t\t };\n\t\t marketplace.state.filter.selected = newFilterValue;\n\t\t}\n\n\n\t\t// Data fetching\n\t\tawait categories.actions.read()\n\t})\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t // Переводим фильтр в формат query\n\t const query = { ...route.query };\n\n\t // Удаляем старые значения фильтра из query\n\t Object.keys(oldFilterValue).forEach(key => {\n\t if (query[key]) {\n\t delete query[key];\n\t }\n\t });\n\n\t // Добавляем новые значения фильтра в query\n\t const newQueryValues = Object.fromEntries(\n\t Object.entries(newFilterValue)\n\t .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t .map(([key, value]) => [key, value.join(',')])\n\t );\n\t Object.assign(query, newQueryValues);\n\n\t // Обновляем маршрут с новым query\n\t router.push({ query });\n\t}, { deep: true })\n\n\t\n\tfunction normalizeUrlParam(param) {\n\t return param\n\t .toLowerCase() // Преобразование всех символов в нижний регистр\n\t .replace(/ /g, '-') // Замена всех пробелов на дефисы\n\t .replace(/[^a-z0-9-]/g, ''); // Удаление всех символов, которые не являются буквами, цифрами или дефисами\n\t}\n\n\twatch(() => store.core.state.position, (newPosition) => {\n\t // get the current route\n\t const currentRoute = { ...router.currentRoute.value };\n\t \n\t // create new parameters based on globals state position\n\t let newParams = {\n\t country: normalizeUrlParam(newPosition.country),\n\t state: normalizeUrlParam(newPosition.state),\n\t city: normalizeUrlParam(newPosition.city),\n\t };\n\t \t\n\t // update route params\n\t currentRoute.params = newParams;\n\t \n\t // replace the current route\n\t router.replace(currentRoute);\n\t}, { deep: true });\n\t\n const text = {\n locale: 'en',\n messages: {\n en: {\n\t \tmeta: {\n title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n },\n \tbreadcrumbs: {\n \t\thome: 'Home',\n \t\tstore: 'Marketplace',\n \t},\n \tcategoriesTitle: 'Category',\n \tcategories: [],\n \tsort: {\n \t\tprice: 'By price',\n \t\tnewest: 'By newest',\n \t\tpopularity: 'By popularity'\n \t},\n \tfilters: {\n \t\ttitle: 'Filters',\n \t\tprice: {\n \t\t\ttitle: 'Price',\n \t\t\tfrom: 'From',\n \t\t\tto: 'To'\n \t\t},\n \t\tfilters: [],\n \t\treset: 'Reset Filters'\n \t}\n },\n ru: {\n\t meta: {\n title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n },\n \tbreadcrumbs: {\n \t\thome: 'Главная',\n \t\tstore: 'Маркетплейс',\n \t},\n \tcategoriesTitle: 'Категория',\n \tcategories: [],\n \tsort: {\n \t\tprice: 'По цене',\n \t\tnewest: 'По новизне',\n \t\tpopularity: 'По популярности'\n \t},\n \tfilters: {\n \t\ttitle: 'Фильтры',\n \t\tprice: {\n \t\t\ttitle: 'Цена',\n \t\t\tfrom: 'От',\n \t\t\tto: 'До'\n \t\t},\n \t\tfilters: [],\n \t\treset: 'Сбросить фильтры',\n \t}\n }\n }\n }\n\n \tcategories.state.all.forEach( category => {\n \tcategory.localization.forEach( localization => {\n \ttext.messages[localization.locale].categories.push(localization.text)\n \t})\n\t})\n\n \tconst { t } = useI18n(text)\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":"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"}
1	+ {"version":3,"file":"Spots.vue.js","sources":["../../../../../../../src/modules/spots/components/layouts/Spots.vue"],"sourcesContent":["<template>\n\t<div class=\"w-100 h-100\">\n\t\t<!-- Catalog wrapper -->\n\t\t<div class=\"h-100 w-100 flex-nowrap flex-column flex gap-thin\">\n\n\t\t\t\t<!-- Sorting section -->\n\t\t\t\t<div class=\"pos-absolute z-index-2 w-100\">\n\t \t<h2 class=\"bg-black-transp-25 t-white pd-small w-100 bg-blur-big mn-l-auto mn-r-auto t-center\">\n\t \t\t<span class=\"\">Weed in </span>\n\n\t \t\t<span @click=\"a => { store.core.state.isOpenLocationPopup = true }\" v-if=\"localPosition.city \|\| localPosition.state \|\| localPosition.country\" class=\"fw-semi t-main\">\n \t\t\t\t<span v-if=\"localPosition.city\">{{localPosition.city}}, </span>\n \t\t\t\t<span v-if=\"localPosition.state\">{{localPosition.state}}, </span>\n \t\t\t\t<span v-if=\"localPosition.country\">{{localPosition.country}}</span>\n\t \t\t</span>\n\n\t \t\t<span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\" class=\"fw-semi t-main\">\n\t\t\t\t\t\t\t\tThe World\n\t \t\t</span>\n\t \t</h2>\n\t\t\t\t\t</div>\n\n\n\t\t\t\t<!-- <Filters/> -->\n\n\t\t\t\t<!-- Products section -->\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component \n\t\t\t\t\t\t\tref=\"page\" \n\t\t\t\t\t\t\t:key=\"route.path\" \n\t\t\t\t\t\t\t:localPosition=\"localPosition\" \n\t\t\t\t\t\t\t:is=\"Component\"\n\t\t\t\t\t\t\t:apiKey=\"GOOGLE_MAPS_API_KEY\" \n \t\t\t\t:locale=\"$i18n.locale\"\n\t\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, watchEffect, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n // Martyrs\n\timport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\";\n \timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n \timport Field from \"@martyrs/src/components/Field/Field.vue\";\n \t// Partials\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n \timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\n\tfunction denormalizeUrlParam(param) {\n\t return param\n\t .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tonMounted(async () => {\n\t if (route.params) {\n\t // Загружаем новые значения из параметров маршрута в состояние\n\t let newState = {\n\t country: denormalizeUrlParam(route.params.country),\n\t state: denormalizeUrlParam(route.params.state),\n\t city: denormalizeUrlParam(route.params.city),\n\t };\n\n\t\t // Обновляем глобальное состояние\n\t\t localPosition.value = newState;\n\t\t}\n\n\t\tif (route.query) {\n\t\t const query = route.query;\n\t\t const newFilterValue = {\n\t\t categories: query.categories ? query.categories.split(',') : [],\n\t\t prices: query.prices ? query.prices.split(',') : [],\n\t\t delivery: query.delivery ? query.delivery.split(',') : [],\n\t\t // Продолжайте этот паттерн для остальных полей фильтра\n\t\t };\n\t\t marketplace.state.filter.selected = newFilterValue;\n\t\t}\n\n\n\t\t// Data fetching\n\t\tawait categories.actions.read()\n\t})\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t // Переводим фильтр в формат query\n\t const query = { ...route.query };\n\n\t // Удаляем старые значения фильтра из query\n\t Object.keys(oldFilterValue).forEach(key => {\n\t if (query[key]) {\n\t delete query[key];\n\t }\n\t });\n\n\t // Добавляем новые значения фильтра в query\n\t const newQueryValues = Object.fromEntries(\n\t Object.entries(newFilterValue)\n\t .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t .map(([key, value]) => [key, value.join(',')])\n\t );\n\t Object.assign(query, newQueryValues);\n\n\t // Обновляем маршрут с новым query\n\t router.push({ query });\n\t}, { deep: true })\n\n\t\n\tfunction normalizeUrlParam(param) {\n\t return param\n\t .toLowerCase() // Преобразование всех символов в нижний регистр\n\t .replace(/ /g, '-') // Замена всех пробелов на дефисы\n\t .replace(/[^a-z0-9-]/g, ''); // Удаление всех символов, которые не являются буквами, цифрами или дефисами\n\t}\n\n\twatch(() => store.core.state.position, (newPosition) => {\n\t // get the current route\n\t const currentRoute = { ...router.currentRoute.value };\n\t \n\t // create new parameters based on globals state position\n\t let newParams = {\n\t country: normalizeUrlParam(newPosition.country),\n\t state: normalizeUrlParam(newPosition.state),\n\t city: normalizeUrlParam(newPosition.city),\n\t };\n\t \t\n\t // update route params\n\t currentRoute.params = newParams;\n\t \n\t // replace the current route\n\t router.replace(currentRoute);\n\t}, { deep: true });\n\t\n const text = {\n locale: 'en',\n messages: {\n en: {\n\t \tmeta: {\n title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n },\n \tbreadcrumbs: {\n \t\thome: 'Home',\n \t\tstore: 'Marketplace',\n \t},\n \tcategoriesTitle: 'Category',\n \tcategories: [],\n \tsort: {\n \t\tprice: 'By price',\n \t\tnewest: 'By newest',\n \t\tpopularity: 'By popularity'\n \t},\n \tfilters: {\n \t\ttitle: 'Filters',\n \t\tprice: {\n \t\t\ttitle: 'Price',\n \t\t\tfrom: 'From',\n \t\t\tto: 'To'\n \t\t},\n \t\tfilters: [],\n \t\treset: 'Reset Filters'\n \t}\n },\n ru: {\n\t meta: {\n title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n },\n \tbreadcrumbs: {\n \t\thome: 'Главная',\n \t\tstore: 'Маркетплейс',\n \t},\n \tcategoriesTitle: 'Категория',\n \tcategories: [],\n \tsort: {\n \t\tprice: 'По цене',\n \t\tnewest: 'По новизне',\n \t\tpopularity: 'По популярности'\n \t},\n \tfilters: {\n \t\ttitle: 'Фильтры',\n \t\tprice: {\n \t\t\ttitle: 'Цена',\n \t\t\tfrom: 'От',\n \t\t\tto: 'До'\n \t\t},\n \t\tfilters: [],\n \t\treset: 'Сбросить фильтры',\n \t}\n }\n }\n }\n\n \tcategories.state.all.forEach( category => {\n \tcategory.localization.forEach( localization => {\n \ttext.messages[localization.locale].categories.push(localization.text)\n \t})\n\t})\n\n \tconst { t } = useI18n(text)\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":"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"}

package/dist/martyrs/src/modules/spots/components/pages/Spot.vue.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { state, actions } from "../../store/spots.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
-  class: "radius-big o-hidden cols-2-1_3"
+  class: "radius-big o-hidden cols-[1fr_3fr] mobile:cols-1"
 };
 const _hoisted_2 = { class: "pd-medium w-100" };
 const _hoisted_3 = ["innerHTML"];
@@ -72,7 +72,7 @@ const _sfc_main = {
             class: "mn-b-small p-medium w-100",
             innerHTML: spot.value.address
           }, null, 8, _hoisted_4),
-          createVNode(_sfc_main$1, { class: "radius-small o-hidden br-1px br-solid br-grey-transp-25 mn-b-thin" }, {
+          createVNode(_sfc_main$1, { class: "radius-small o-hidden br-1px br-grey-transp-25 mn-b-thin" }, {
             header: withCtx(() => [
               createElementVNode("div", _hoisted_5, [
                 _cache[4] || (_cache[4] = createElementVNode("h5", { class: "w-100" }, "Contacts ", -1)),
@@ -98,7 +98,7 @@ const _sfc_main = {
                 spot.value.members.length < 1 ? (openBlock(), createElementBlock("li", _hoisted_7, "В отделе еще нет участников")) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(spot.value.members, (member, index) => {
                   return openBlock(), createBlock(_sfc_main$2, {
-                    class: "br-b br-solid br-grey-transp-25",
+                    class: "br-b-1px br-grey-transp-25",
                     key: index,
                     user: member.user,
                     position: member.position,
@@ -109,7 +109,7 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$1, { class: "radius-small o-hidden br-1px br-solid br-grey-transp-25 mn-b-thin" }, {
+          createVNode(_sfc_main$1, { class: "radius-small o-hidden br-1px br-grey-transp-25 mn-b-thin" }, {
             header: withCtx(() => [
               createElementVNode("div", _hoisted_8, [
                 _cache[6] || (_cache[6] = createElementVNode("h5", { class: "w-100" }, "Working Hours ", -1)),
@@ -137,7 +137,7 @@ const _sfc_main = {
                   return openBlock(), createBlock(SpotSub, {
                     onClick: ($event) => unref(router).push({ name: getRouteName("Spot"), params: { _id: unref(route).params._id, spot: subspotsartment._id } }),
                     key: index,
-                    class: "br-b br-solid br-grey-transp-25",
+                    class: "br-b-1px br-grey-transp-25",
                     spot: subspotsartment
                   }, null, 8, ["onClick", "spot"]);
                 }), 128))
@@ -150,7 +150,7 @@ const _sfc_main = {
     };
   }
 };
-const Spot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3acd57b8"]]);
+const Spot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d5970b8"]]);
 export {
   Spot as default
 };

package/dist/martyrs/src/modules/spots/components/pages/Spot.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spot.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/Spot.vue"],"sourcesContent":["<template>\n <div v-if=\"spot\" class=\"radius-big o-hidden cols-2-~~1_3~~\">\n <Map :location=\"{lat: spot.location?.coordinates?.[1] \|\| 0, lng: spot.location?.coordinates?.[0] \|\| 0}\" class=\"\"/>\n\n <div class=\"pd-medium w-100\">\n <svg @click=\"router.push({ name: getRouteName('Edit Spot'), params: { _id: route.params._id, spot: spot._id } })\" class=\"i-medium pos-absolute pos-r-0 pos-t-0 t-transp\" width=\"652\" height=\"652\" viewBox=\"0 0 652 652\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z\" fill=\"rgb(var(--black))\"/>\n </svg>\n\n <h3\n @click=\"router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: spot._id } })\"\n class=\"mn-b-small w-100\"\n v-html=\"spot.profile.name\"\n />\n\n <p\n @click=\"router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: spot._id } })\"\n class=\"mn-b-small p-medium w-100\"\n v-html=\"spot.address\"\n />\n\n \n \n <Spoiler \n class=\"\n radius-small \n o-hidden\n br-1px br-~~solid br-~~grey-transp-25 \n mn-b-thin\n \"\n >\n <template #header>\n <div class=\"pd-small flex-v-center flex-nowrap flex\">\n <h5 class=\"w-100\" >Contacts </h5>\n <p class=\"mn-r-small\">{{spot.members.length}} человек</p>\n <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4697 0.469727L13.5304 1.53039L7.00006 8.06072L0.469727 1.53039L1.53039 0.469727L7.00006 5.9394L12.4697 0.469727Z\" fill=\"#8A8A8A\"/>\n </svg>\n\n </div>\n </template>\n <template #content>\n <ul>\n <li v-if=\"spot.members.length < 1\">В отделе еще нет участников</li>\n <User\n class=\"br-b br-~~solid~~ br-grey-transp-25\"\n v-for=\"(member, index) in spot.members\"\n :key=\"index\"\n :user=\"member.user\"\n :position=\"member.position\"\n @click=\"router.push({ name: 'User Profile', params: { user: member.user._id } })\"\n />\n </ul>\n </template>\n </Spoiler>\n\n <Spoiler \n class=\"\n radius-small \n o-hidden\n br-1px br-~~solid br-~~grey-transp-25 \n mn-b-thin\n \"\n >\n <template #header>\n <div class=\"pd-small flex-v-center flex-nowrap flex\">\n <h5 class=\"w-100\" >Working Hours </h5>\n <p class=\"mn-r-small\">{{spot.subspots ? spot.subspots.length : 0}} отделов</p>\n <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4697 0.469727L13.5304 1.53039L7.00006 8.06072L0.469727 1.53039L1.53039 0.469727L7.00006 5.9394L12.4697 0.469727Z\" fill=\"#8A8A8A\"/>\n </svg>\n\n </div>\n </template>\n <template #content>\n <ul>\n <li v-if=\"spot.subspots.length < 1\">В отделе еще нет подотделов</li>\n <SpotSub v-for=\"(subspotsartment, index) in spot.subspots\" @click=\"router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: subspotsartment._id } })\" :key=\"index\" class=\"br-b br-~~solid~~ br-grey-transp-25\" :spot=\"subspotsartment\" />\n </ul>\n </template>\n </Spoiler>\n\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport Map from '@martyrs/src/components/Map/Map.vue';\n\nimport SpotSub from '@martyrs/src/modules/spots/components/blocks/SpotSub.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst getRouteName = (baseName) => `${route.meta?.context \|\| ''}${baseName}`\n\nspots.state.spot = null;\n\nconst spot = computed(() => spots.state.spot);\n\nonMounted(async () => {\n emits('page-loading');\n\n if (route.params.spot) {\n await spots.actions.readOne(route.params.spot);\n }\n\n emits('page-loaded');\n});\n\nconst props = defineProps({\n spot: Object,\n organization: Object\n});\n</script>\n<style scoped>\n.subspotsartment {\n border: 1px solid rgba(0, 0, 0, 0.1);\n margin-top: 1rem;\n}\n</style>"],"names":["spots.state","spots.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAEd,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAE1EA,UAAY,OAAO;AAEnB,UAAM,OAAO,SAAS,MAAMA,MAAY,IAAI;AAE5C,cAAU,YAAY;AACpB,YAAM,cAAc;AAEpB,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMC,QAAc,QAAQ,MAAM,OAAO,IAAI;AAAA,MAC/C;AAEA,YAAM,aAAa;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Spot.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/Spot.vue"],"sourcesContent":["<template>\n <div v-if=\"spot\" class=\"radius-big o-hidden cols-[1fr_3fr] mobile:cols-1\">\n <Map :location=\"{lat: spot.location?.coordinates?.[1] \|\| 0, lng: spot.location?.coordinates?.[0] \|\| 0}\" class=\"\"/>\n\n <div class=\"pd-medium w-100\">\n <svg @click=\"router.push({ name: getRouteName('Edit Spot'), params: { _id: route.params._id, spot: spot._id } })\" class=\"i-medium pos-absolute pos-r-0 pos-t-0 t-transp\" width=\"652\" height=\"652\" viewBox=\"0 0 652 652\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z\" fill=\"rgb(var(--black))\"/>\n </svg>\n\n <h3\n @click=\"router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: spot._id } })\"\n class=\"mn-b-small w-100\"\n v-html=\"spot.profile.name\"\n />\n\n <p\n @click=\"router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: spot._id } })\"\n class=\"mn-b-small p-medium w-100\"\n v-html=\"spot.address\"\n />\n\n \n \n <Spoiler \n class=\"\n radius-small \n o-hidden\n br-1px br-grey-transp-25 \n mn-b-thin\n \"\n >\n <template #header>\n <div class=\"pd-small flex-v-center flex-nowrap flex\">\n <h5 class=\"w-100\" >Contacts </h5>\n <p class=\"mn-r-small\">{{spot.members.length}} человек</p>\n <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4697 0.469727L13.5304 1.53039L7.00006 8.06072L0.469727 1.53039L1.53039 0.469727L7.00006 5.9394L12.4697 0.469727Z\" fill=\"#8A8A8A\"/>\n </svg>\n\n </div>\n </template>\n <template #content>\n <ul>\n <li v-if=\"spot.members.length < 1\">В отделе еще нет участников</li>\n <User\n class=\"br-b-1px br-grey-transp-25\"\n v-for=\"(member, index) in spot.members\"\n :key=\"index\"\n :user=\"member.user\"\n :position=\"member.position\"\n @click=\"router.push({ name: 'User Profile', params: { user: member.user._id } })\"\n />\n </ul>\n </template>\n </Spoiler>\n\n <Spoiler \n class=\"\n radius-small \n o-hidden\n br-1px br-grey-transp-25 \n mn-b-thin\n \"\n >\n <template #header>\n <div class=\"pd-small flex-v-center flex-nowrap flex\">\n <h5 class=\"w-100\" >Working Hours </h5>\n <p class=\"mn-r-small\">{{spot.subspots ? spot.subspots.length : 0}} отделов</p>\n <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4697 0.469727L13.5304 1.53039L7.00006 8.06072L0.469727 1.53039L1.53039 0.469727L7.00006 5.9394L12.4697 0.469727Z\" fill=\"#8A8A8A\"/>\n </svg>\n\n </div>\n </template>\n <template #content>\n <ul>\n <li v-if=\"spot.subspots.length < 1\">В отделе еще нет подотделов</li>\n <SpotSub v-for=\"(subspotsartment, index) in spot.subspots\" @click=\"router.push({ name: getRouteName('Spot'), params: { _id: route.params._id, spot: subspotsartment._id } })\" :key=\"index\" class=\"br-b-1px br-grey-transp-25\" :spot=\"subspotsartment\" />\n </ul>\n </template>\n </Spoiler>\n\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport Map from '@martyrs/src/components/Map/Map.vue';\n\nimport SpotSub from '@martyrs/src/modules/spots/components/blocks/SpotSub.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst getRouteName = (baseName) => `${route.meta?.context \|\| ''}${baseName}`\n\nspots.state.spot = null;\n\nconst spot = computed(() => spots.state.spot);\n\nonMounted(async () => {\n emits('page-loading');\n\n if (route.params.spot) {\n await spots.actions.readOne(route.params.spot);\n }\n\n emits('page-loaded');\n});\n\nconst props = defineProps({\n spot: Object,\n organization: Object\n});\n</script>\n<style scoped>\n.subspotsartment {\n border: 1px solid rgba(0, 0, 0, 0.1);\n margin-top: 1rem;\n}\n</style>"],"names":["spots.state","spots.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAEd,UAAM,eAAe,CAAC,aAAa,GAAG,MAAM,MAAM,WAAW,EAAE,GAAG,QAAQ;AAE1EA,UAAY,OAAO;AAEnB,UAAM,OAAO,SAAS,MAAMA,MAAY,IAAI;AAE5C,cAAU,YAAY;AACpB,YAAM,cAAc;AAEpB,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMC,QAAc,QAAQ,MAAM,OAAO,IAAI;AAAA,MAC/C;AAEA,YAAM,aAAa;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.js CHANGED Viewed

@@ -17,8 +17,8 @@ const _hoisted_1 = {
   class: "for-transition w-100 cols-1 pd-thin gap-thin"
 };
 const _hoisted_2 = { class: "mn-r-auto" };
-const _hoisted_3 = { class: "cols-2 gap-thin" };
-const _hoisted_4 = { class: "gap-small mn-b-small cols-2-fit-content" };
+const _hoisted_3 = { class: "cols-2 mobile:cols-1 gap-thin" };
+const _hoisted_4 = { class: "gap-small mn-b-small cols-[fit-content(100%)_1fr] mobile:cols-1" };
 const _hoisted_5 = { class: "w-100" };
 const _sfc_main = {
   __name: "SpotEdit",