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

@ozdao/martyrs 0.2.571 → 0.2.574

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

package/dist/martyrs/src/modules/products/components/sections/SectionProduct.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionProduct.vue.js","sources":["../../../../../../../src/modules/products/components/sections/SectionProduct.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-2-~~1_2~~ pd-small w-100 gap-thin\">\n\t\t\n\t\t<div class=\"pd-small bg-light radius-medium flex-nowrap flex-column flex pos-relative\">\n\t\t\t<div class=\"w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t<Image360\n\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max bg-light w-100\"\n\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + images[0]\"\n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max-20r h-100 w-100\"\n\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\n\t\t\t<ProductImages\n\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t:images=\"images\"\n\t\t\t\tclass=\"mn-t-thin\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"radius-medium pos-relative w-100 h-100 flex-column flex-justify flex col\">\n\n\t\t\t<IconEdit\n\t\t\t\tv-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n\t\t\t\t@click=\"$router.push(editPath)\"\n\t\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n\t\t\t<!-- Name -->\n\t\t\t<h1 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price v-if=\"product.listing !== 'rent'\" :product=\"product\" size=\"big\" class=\"mn-b-semi\" />\n\t\t\t<!-- Variants -->\n\t\t\t<!-- <div v-if=\"product.variants.length > 0\" class=\"flex-~~nojustify~~ flex\">\n\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t</div> -->\n\t\t\t<!-- Description -->\n\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t]\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t\tclass=\"bg-light mn-b-small\"\n\t\t\t/>\n\n\t\t\t<div class=\"h-min-5r pos-relative\">\n\t\t\t\t<transition name=\"slide-fade\">\n\n\t\t\t\t\t<div v-if=\"tabProduct === 'description'\" class=\"pd-medium radius-medium bg-light \">\n\t\t\t\t\t\t<p v-if=\"product.description && !product.translations < 1\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<p v-if=\"product.translations && product.translations.length > 1\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cols-2 w-100 bg-light radius-medium pd-medium gap-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"product.attributes.length > 0\" \n\t\t\t\t\t\t\tv-for=\"attributes in product.attributes\" \n\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-attributes\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p class=\"t-demi\">{{ attributes.name }}</p>\n\t\t\t\t\t\t\t<p>{{ attributes.value }}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</transition>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"product.listing === 'rent'\" class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2\">\n\t\t\t\t<Button\n\t\t\t\t\t:submit=\"() => { addToCart(product) } \" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div v-else class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"product.quantity > 0\"\n\t\t\t\t\t:submit=\"a => addToCart(product)\" \n\t\t\t\t\t:disabled=\"validateToCard(product)\" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t\t<div v-else class=\"flex-center flex uppercase radius-medium t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\">\n\t\t\t\t\tOut of Stock\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nimport Image360 \tfrom '@martyrs/src/modules/products/components/elements/Image360.vue'\nimport ProductImages from \"@martyrs/src/modules/products/components/blocks/ProductImages.vue\";\n\nimport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n// import SelectElement \tfrom '@/components/elements/SelectElement.vue'\n\nimport { computed, ref } from 'vue'\n\n\timport { useRoute,useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n\n// Props\nconst props = defineProps({\n product: {\n type: Object,\n required: true\n },\n user: {\n type: String,\n },\n accesses: {\n type: Object,\n\t default: null\n }\n})\n\n\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n// Computed properties\nconst images = computed(() => {\n return props.product.images\n})\n\nconst editPath = computed(() => {\n\tif (route.meta.context === 'backoffice') {\n\t\treturn `/backoffice/products/${props.product._id}/edit`\n\t}\n\tif (route.meta.context === 'organization') {\n\t\treturn `/organizations/${props.product.owner.target}/products/${props.product._id}/edit`\n\t}\n\treturn `/products/${props.product._id}/edit`\n})\n\nconst tabProduct = ref('description')\n\nconst text = {\n\tmessages: {\n\t en: {\n\t \tairecommend: 'AI Recommends You',\n\t \tdescription: '',\n\t \taddtoorder: 'Add to order',\n\t fastorder: 'Fast Order'\n\t },\n\t ru: {\n\t \tairecommend: 'AI Рекомендует вам',\n\t \tdescription: '',\n\t \taddtoorder: 'Добавить в корзину',\n\t fastorder: 'Быстрый заказ'\n\t }\n\t}\n}\n\nconst { t } = useI18n(text)\n\n// Methods\nfunction validateToCard(product) {\n if (product.quantity > 0) {\n return false\n }\n return true\n}\nasync function addToCart(product) {\n\tconsole.log(product)\n try {\n if (shopcart.state.organization !== product.owner.target) {\n shopcart.state.organization = product.owner.target\n shopcart.state.positions = []\n }\n await shopcart.actions.addProductToCart(product, product.owner.target)\n return true // Make sure we return something\n } catch (error) {\n console.error('Ошибка при добавлении товара в корзину:', error)\n throw error\n }\n}\n</script>\n"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ;AAgBb,UAAM,QAAQ,SAAQ;AACP,cAAS;AAGzB,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK,YAAY,cAAc;AACxC,eAAO,wBAAwB,MAAM,QAAQ,GAAG;AAAA,MACjD;AACA,UAAI,MAAM,KAAK,YAAY,gBAAgB;AAC1C,eAAO,kBAAkB,MAAM,QAAQ,MAAM,MAAM,aAAa,MAAM,QAAQ,GAAG;AAAA,MAClF;AACA,aAAO,aAAa,MAAM,QAAQ,GAAG;AAAA,IACtC,CAAC;AAED,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACR,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,QACG,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAG1B,aAAS,eAAe,SAAS;AAC/B,UAAI,QAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AACA,mBAAe,UAAU,SAAS;AACjC,cAAQ,IAAI,OAAO;AAChB,UAAI;AACA,YAAIA,MAAe,iBAAiB,QAAQ,MAAM,QAAQ;AACtDA,gBAAe,eAAe,QAAQ,MAAM;AAC5CA,gBAAe,YAAY,CAAA;AAAA,QAC/B;AACA,cAAMC,QAAiB,iBAAiB,SAAS,QAAQ,MAAM,MAAM;AACrE,eAAO;AAAA,MACX,SAAS,OAAO;AACZ,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SectionProduct.vue.js","sources":["../../../../../../../src/modules/products/components/sections/SectionProduct.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-[1fr_2fr] mobile:cols-1 pd-small w-100 gap-thin\">\n\t\t\n\t\t<div class=\"pd-small bg-light radius-medium flex-nowrap flex-column flex pos-relative\">\n\t\t\t<div class=\"w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t<Image360\n\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max bg-light w-100\"\n\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + images[0]\"\n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max-20r h-100 w-100\"\n\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\n\t\t\t<ProductImages\n\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t:images=\"images\"\n\t\t\t\tclass=\"mn-t-thin\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"radius-medium pos-relative w-100 h-100 flex-column flex-justify flex col\">\n\n\t\t\t<IconEdit\n\t\t\t\tv-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n\t\t\t\t@click=\"$router.push(editPath)\"\n\t\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n\t\t\t<!-- Name -->\n\t\t\t<h1 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price v-if=\"product.listing !== 'rent'\" :product=\"product\" size=\"big\" class=\"mn-b-semi\" />\n\t\t\t<!-- Variants -->\n\t\t\t<!-- <div v-if=\"product.variants.length > 0\" class=\"flex-justify-start flex\">\n\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t</div> -->\n\t\t\t<!-- Description -->\n\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t]\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t\tclass=\"bg-light mn-b-small\"\n\t\t\t/>\n\n\t\t\t<div class=\"h-min-5r pos-relative\">\n\t\t\t\t<transition name=\"slide-fade\">\n\n\t\t\t\t\t<div v-if=\"tabProduct === 'description'\" class=\"pd-medium radius-medium bg-light \">\n\t\t\t\t\t\t<p v-if=\"product.description && !product.translations < 1\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<p v-if=\"product.translations && product.translations.length > 1\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cols-2 mobile:cols-1 w-100 bg-light radius-medium pd-medium gap-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"product.attributes.length > 0\" \n\t\t\t\t\t\t\tv-for=\"attributes in product.attributes\" \n\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-attributes\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p class=\"fw-demi\">{{ attributes.name }}</p>\n\t\t\t\t\t\t\t<p>{{ attributes.value }}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</transition>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"product.listing === 'rent'\" class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2 mobile:cols-1\">\n\t\t\t\t<Button\n\t\t\t\t\t:submit=\"() => { addToCart(product) } \" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div v-else class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2 mobile:cols-1\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"product.quantity > 0\"\n\t\t\t\t\t:submit=\"a => addToCart(product)\" \n\t\t\t\t\t:disabled=\"validateToCard(product)\" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t\t<div v-else class=\"flex-center flex uppercase radius-medium t-black w-max pd-small fw-medium bg-grey h-3r w-100 mn-r-smallbutton\">\n\t\t\t\t\tOut of Stock\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nimport Image360 \tfrom '@martyrs/src/modules/products/components/elements/Image360.vue'\nimport ProductImages from \"@martyrs/src/modules/products/components/blocks/ProductImages.vue\";\n\nimport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n// import SelectElement \tfrom '@/components/elements/SelectElement.vue'\n\nimport { computed, ref } from 'vue'\n\n\timport { useRoute,useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n\n// Props\nconst props = defineProps({\n product: {\n type: Object,\n required: true\n },\n user: {\n type: String,\n },\n accesses: {\n type: Object,\n\t default: null\n }\n})\n\n\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n// Computed properties\nconst images = computed(() => {\n return props.product.images\n})\n\nconst editPath = computed(() => {\n\tif (route.meta.context === 'backoffice') {\n\t\treturn `/backoffice/products/${props.product._id}/edit`\n\t}\n\tif (route.meta.context === 'organization') {\n\t\treturn `/organizations/${props.product.owner.target}/products/${props.product._id}/edit`\n\t}\n\treturn `/products/${props.product._id}/edit`\n})\n\nconst tabProduct = ref('description')\n\nconst text = {\n\tmessages: {\n\t en: {\n\t \tairecommend: 'AI Recommends You',\n\t \tdescription: '',\n\t \taddtoorder: 'Add to order',\n\t fastorder: 'Fast Order'\n\t },\n\t ru: {\n\t \tairecommend: 'AI Рекомендует вам',\n\t \tdescription: '',\n\t \taddtoorder: 'Добавить в корзину',\n\t fastorder: 'Быстрый заказ'\n\t }\n\t}\n}\n\nconst { t } = useI18n(text)\n\n// Methods\nfunction validateToCard(product) {\n if (product.quantity > 0) {\n return false\n }\n return true\n}\nasync function addToCart(product) {\n\tconsole.log(product)\n try {\n if (shopcart.state.organization !== product.owner.target) {\n shopcart.state.organization = product.owner.target\n shopcart.state.positions = []\n }\n await shopcart.actions.addProductToCart(product, product.owner.target)\n return true // Make sure we return something\n } catch (error) {\n console.error('Ошибка при добавлении товара в корзину:', error)\n throw error\n }\n}\n</script>\n"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ;AAgBb,UAAM,QAAQ,SAAQ;AACP,cAAS;AAGzB,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK,YAAY,cAAc;AACxC,eAAO,wBAAwB,MAAM,QAAQ,GAAG;AAAA,MACjD;AACA,UAAI,MAAM,KAAK,YAAY,gBAAgB;AAC1C,eAAO,kBAAkB,MAAM,QAAQ,MAAM,MAAM,aAAa,MAAM,QAAQ,GAAG;AAAA,MAClF;AACA,aAAO,aAAa,MAAM,QAAQ,GAAG;AAAA,IACtC,CAAC;AAED,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACR,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,QACG,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAG1B,aAAS,eAAe,SAAS;AAC/B,UAAI,QAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AACA,mBAAe,UAAU,SAAS;AACjC,cAAQ,IAAI,OAAO;AAChB,UAAI;AACA,YAAIA,MAAe,iBAAiB,QAAQ,MAAM,QAAQ;AACtDA,gBAAe,eAAe,QAAQ,MAAM;AAC5CA,gBAAe,YAAY,CAAA;AAAA,QAC/B;AACA,cAAMC,QAAiB,iBAAiB,SAAS,QAAQ,MAAM,MAAM;AACrE,eAAO;AAAA,MACX,SAAS,OAAO;AACZ,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/rents/views/components/blocks/CardRent.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { computed, createElementBlock, openBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode } from "vue";
 /* empty css              */
 const _hoisted_1 = { class: "order-card" };
-const _hoisted_2 = { class: "order-status flex-v-center flex-nojustify flex" };
+const _hoisted_2 = { class: "order-status flex-v-center flex-justify-start flex" };
 const _hoisted_3 = { class: "mn-l-auto" };
 const _hoisted_4 = { class: "pd-small" };
 const _hoisted_5 = { key: 0 };

package/dist/martyrs/src/modules/rents/views/components/blocks/CardRent.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardRent.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/blocks/CardRent.vue"],"sourcesContent":["<template>\n <div class=\"order-card\">\n <div class=\"order-status flex-v-center flex-~~nojustify~~ flex\">\n <span>{{ rent.status }}</span>\n <span class=\"mn-l-auto\">{{ totalDays }} days</span>\n </div>\n <div class=\"pd-small\">\n <p><strong>Start:</strong> {{ formatDate(rent.startDate) }}</p>\n <p><strong>End:</strong> {{ formatDate(rent.endDate) }}</p>\n <p v-if=\"rent.comment\"><strong>Comment:</strong> {{ rent.comment }}</p>\n <button \n @click=\"$router.push({ name: 'Edit Rent', params: { _id: rent._id } })\"\n class=\"bg-main t-white button mn-t-small\"\n >\n Edit\n </button>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nconst props = defineProps({\n rent: { type: Object, required: true },\n});\n\nconst totalDays = computed(() => {\n const start = new Date(props.rent.startDate);\n const end = new Date(props.rent.endDate);\n const diffTime = Math.abs(end - start);\n return Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n});\n\n\n\nfunction formatDate(date) {\n return new Date(date).toLocaleDateString();\n}\n</script>\n\n<style lang=\"scss\">\n.order-card {\n border-radius: 0.25rem;\n overflow: hidden;\n box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n .order-status {\n color: black;\n background: #EEF2F6;\n width: 100%;\n padding: 0.75rem 1.5rem;\n margin: 0;\n }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;AAuBA,UAAM,QAAQ;AAId,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ,IAAI,KAAK,MAAM,KAAK,SAAS;AAC3C,YAAM,MAAM,IAAI,KAAK,MAAM,KAAK,OAAO;AACvC,YAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,aAAO,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG;AAAA,IACnD,CAAC;AAID,aAAS,WAAW,MAAM;AACxB,aAAO,IAAI,KAAK,IAAI,EAAE,mBAAkB;AAAA,IAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardRent.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/blocks/CardRent.vue"],"sourcesContent":["<template>\n <div class=\"order-card\">\n <div class=\"order-status flex-v-center flex-justify-start flex\">\n <span>{{ rent.status }}</span>\n <span class=\"mn-l-auto\">{{ totalDays }} days</span>\n </div>\n <div class=\"pd-small\">\n <p><strong>Start:</strong> {{ formatDate(rent.startDate) }}</p>\n <p><strong>End:</strong> {{ formatDate(rent.endDate) }}</p>\n <p v-if=\"rent.comment\"><strong>Comment:</strong> {{ rent.comment }}</p>\n <button \n @click=\"$router.push({ name: 'Edit Rent', params: { _id: rent._id } })\"\n class=\"bg-main t-white button mn-t-small\"\n >\n Edit\n </button>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nconst props = defineProps({\n rent: { type: Object, required: true },\n});\n\nconst totalDays = computed(() => {\n const start = new Date(props.rent.startDate);\n const end = new Date(props.rent.endDate);\n const diffTime = Math.abs(end - start);\n return Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n});\n\n\n\nfunction formatDate(date) {\n return new Date(date).toLocaleDateString();\n}\n</script>\n\n<style lang=\"scss\">\n.order-card {\n border-radius: 0.25rem;\n overflow: hidden;\n box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n .order-status {\n color: black;\n background: #EEF2F6;\n width: 100%;\n padding: 0.75rem 1.5rem;\n margin: 0;\n }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;AAuBA,UAAM,QAAQ;AAId,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ,IAAI,KAAK,MAAM,KAAK,SAAS;AAC3C,YAAM,MAAM,IAAI,KAAK,MAAM,KAAK,OAAO;AACvC,YAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,aAAO,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG;AAAA,IACnD,CAAC;AAID,aAAS,WAAW,MAAM;AACxB,aAAO,IAAI,KAAK,IAAI,EAAE,mBAAkB;AAAA,IAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode, createElementVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../../../icons/entities/IconCalendar.vue.js";
 const _hoisted_1 = { class: "flex flex-v-center gap-thin" };
-const _hoisted_2 = { class: "t-medium" };
+const _hoisted_2 = { class: "fw-medium" };
 const _sfc_main = {
   __name: "DateLabel",
   props: {

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

@@ -1,6 +1,6 @@
 import { computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString } from "vue";
 /* empty css              */
-const _hoisted_1 = { class: "pd-micro t-micro t-white t-truncate" };
+const _hoisted_1 = { class: "pd-micro t-micro t-white truncate" };
 const _sfc_main = {
   __name: "GanttBar",
   props: {
@@ -29,7 +29,7 @@ const _sfc_main = {
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["gantt-bar pos-absolute radius-small cursor-pointer shadow-small transition-ease-out hover-scale-0", barClass.value]),
+        class: normalizeClass(["gantt-bar pos-absolute radius-small cursor-pointer shadow-small ease-out hover:scale-[1.015]", barClass.value]),
         style: normalizeStyle(barStyle.value),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
       }, [

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GanttBar.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttBar.vue"],"sourcesContent":["<template>\n <div \n class=\"gantt-bar pos-absolute radius-small cursor-pointer shadow-small ~~transition-~~ease-out hover-scale-0\"\n :class=\"barClass\"\n :style=\"barStyle\"\n @click=\"$emit('click')\"\n >\n <div class=\"pd-micro t-micro t-white t-truncate\">\n {{ bar.item.productDetails.name \|\| 'Task' }}\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nconst props = defineProps({\n bar: { type: Object, required: true },\n view: { type: String, required: true }\n})\n\nconst emit = defineEmits(['click'])\n\n// Bar class based on status\nconst barClass = computed(() => {\n const statusMap = {\n active: 'bg-main',\n completed: 'bg-green',\n canceled: 'bg-red',\n pending : 'bg-grey',\n default: 'bg-second'\n }\n \n return statusMap[props.bar.status] \|\| statusMap.default\n})\n\n// Bar style\nconst barStyle = computed(() => ({\n left: props.bar.left + 'px',\n width: props.bar.width + 'px',\n top: (10 + props.bar.row * 22) + 'px',\n height: '20px',\n zIndex: 10 - props.bar.row\n}))\n</script>\n\n<style>\n.gantt-bar {\n max-height: 20px;\n line-height: 20px;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAgBA,UAAM,QAAQ;AAQd,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,YAAY;AAAA,QAChB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAU;AAAA,QACV,SAAS;AAAA,MACb;AAEE,aAAO,UAAU,MAAM,IAAI,MAAM,KAAK,UAAU;AAAA,IAClD,CAAC;AAGD,UAAM,WAAW,SAAS,OAAO;AAAA,MAC/B,MAAM,MAAM,IAAI,OAAO;AAAA,MACvB,OAAO,MAAM,IAAI,QAAQ;AAAA,MACzB,KAAM,KAAK,MAAM,IAAI,MAAM,KAAM;AAAA,MACjC,QAAQ;AAAA,MACR,QAAQ,KAAK,MAAM,IAAI;AAAA,IACzB,EAAE;;;;;;;;;;;;"}
1	+ {"version":3,"file":"GanttBar.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttBar.vue"],"sourcesContent":["<template>\n <div \n class=\"gantt-bar pos-absolute radius-small cursor-pointer shadow-small ease-out hover:scale-[1.015]\"\n :class=\"barClass\"\n :style=\"barStyle\"\n @click=\"$emit('click')\"\n >\n <div class=\"pd-micro t-micro t-white truncate\">\n {{ bar.item.productDetails.name \|\| 'Task' }}\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nconst props = defineProps({\n bar: { type: Object, required: true },\n view: { type: String, required: true }\n})\n\nconst emit = defineEmits(['click'])\n\n// Bar class based on status\nconst barClass = computed(() => {\n const statusMap = {\n active: 'bg-main',\n completed: 'bg-green',\n canceled: 'bg-red',\n pending : 'bg-grey',\n default: 'bg-second'\n }\n \n return statusMap[props.bar.status] \|\| statusMap.default\n})\n\n// Bar style\nconst barStyle = computed(() => ({\n left: props.bar.left + 'px',\n width: props.bar.width + 'px',\n top: (10 + props.bar.row * 22) + 'px',\n height: '20px',\n zIndex: 10 - props.bar.row\n}))\n</script>\n\n<style>\n.gantt-bar {\n max-height: 20px;\n line-height: 20px;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAgBA,UAAM,QAAQ;AAQd,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,YAAY;AAAA,QAChB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAU;AAAA,QACV,SAAS;AAAA,MACb;AAEE,aAAO,UAAU,MAAM,IAAI,MAAM,KAAK,UAAU;AAAA,IAClD,CAAC;AAGD,UAAM,WAAW,SAAS,OAAO;AAAA,MAC/B,MAAM,MAAM,IAAI,OAAO;AAAA,MACvB,OAAO,MAAM,IAAI,QAAQ;AAAA,MACzB,KAAM,KAAK,MAAM,IAAI,MAAM,KAAM;AAAA,MACjC,QAAQ;AAAA,MACR,QAAQ,KAAK,MAAM,IAAI;AAAA,IACzB,EAAE;;;;;;;;;;;;"}

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

@@ -5,12 +5,12 @@ import _sfc_main$2 from "./GanttHeaderCell.vue.js";
 import _sfc_main$3 from "./GanttBar.vue.js";
 /* empty css                */
 const _hoisted_1 = { class: "gantt-content" };
-const _hoisted_2 = { class: "gantt-header pos-sticky top-0 z-index-2 bg-white br-b br-solid br-black-transp-10" };
+const _hoisted_2 = { class: "gantt-header pos-sticky top-0 z-index-2 bg-white br-b-1px br-black-transp-10" };
 const _hoisted_3 = { class: "flex" };
 const _hoisted_4 = { class: "gantt-timeline flex" };
 const _hoisted_5 = { class: "gantt-body" };
-const _hoisted_6 = { class: "gantt-product-col pos-sticky left-0 z-index-1 bg-white pd-small br-r br-solid br-black-transp-10" };
-const _hoisted_7 = { class: "t-medium mn-b-micro" };
+const _hoisted_6 = { class: "gantt-product-col pos-sticky left-0 z-index-1 bg-white pd-small br-r-1px br-black-transp-10" };
+const _hoisted_7 = { class: "fw-medium mn-b-micro" };
 const _hoisted_8 = { class: "gantt-timeline pos-relative" };
 const _hoisted_9 = { class: "gantt-cells flex pos-absolute h-100" };
 const _hoisted_10 = { class: "gantt-bars pos-absolute h-100" };
@@ -328,7 +328,7 @@ const _sfc_main = {
           onLoadMore: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("load-more", $event))
         }, null, 8, ["view", "views", "date"]),
         createElementVNode("div", {
-          class: "gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-black-transp-10",
+          class: "gantt-container scroller o-scroll bg-white radius-small br-1px br-black-transp-10",
           ref_key: "container",
           ref: container,
           onScroll: handleScroll
@@ -336,12 +336,12 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("div", _hoisted_3, [
-                _cache[4] || (_cache[4] = createElementVNode("div", { class: "gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r br-solid br-black-transp-10" }, " Product ", -1)),
+                _cache[4] || (_cache[4] = createElementVNode("div", { class: "gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r-1px br-black-transp-10" }, " Product ", -1)),
                 createElementVNode("div", _hoisted_4, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(visibleCells.value, (cell, i) => {
                     return openBlock(), createElementBlock("div", {
                       key: cell.key,
-                      class: normalizeClass(["gantt-cell br-r br-solid br-black-transp-10 t-center pd-small", getCellClass(cell)]),
+                      class: normalizeClass(["gantt-cell br-r-1px br-black-transp-10 t-center pd-small", getCellClass(cell)]),
                       style: normalizeStyle({ width: cellWidth.value + "px" })
                     }, [
                       createVNode(_sfc_main$2, {
@@ -358,7 +358,7 @@ const _sfc_main = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group, i) => {
                 return openBlock(), createElementBlock("div", {
                   key: group.key,
-                  class: normalizeClass(["gantt-row flex br-b br-solid br-black-transp-10", i % 2 === 0 ? "bg-light-transp" : ""]),
+                  class: normalizeClass(["gantt-row flex br-b-1px br-black-transp-10", i % 2 === 0 ? "bg-light-transp" : ""]),
                   style: normalizeStyle({ height: __props.rowHeight + "px" })
                 }, [
                   createElementVNode("div", _hoisted_6, [
@@ -372,7 +372,7 @@ const _sfc_main = {
                       (openBlock(true), createElementBlock(Fragment, null, renderList(visibleCells.value, (cell) => {
                         return openBlock(), createElementBlock("div", {
                           key: cell.key + "-bg",
-                          class: normalizeClass(["gantt-cell h-100 br-r br-solid br-black-transp-10", getCellClass(cell)]),
+                          class: normalizeClass(["gantt-cell h-100 br-r-1px br-black-transp-10", getCellClass(cell)]),
                           style: normalizeStyle({ width: cellWidth.value + "px" })
                         }, null, 6);
                       }), 128))

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GanttChart.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttChart.vue"],"sourcesContent":["<template>\n <div class=\"w-100\" :style=\"{ '--cell-width': cellWidth + 'px' }\">\n <GanttToolbar\n :view=\"view\"\n :views=\"views\"\n :date=\"date\"\n @update:view=\"$emit('update:view', $event)\"\n @update:date=\"$emit('update:date', $event)\"\n @today=\"$emit('today')\"\n @load-more=\"$emit('load-more', $event)\"\n />\n \n <div \n class=\"gantt-container scroller o-scroll bg-white radius-small br-solid br-1px br-black-transp-10\"\n ref=\"container\"\n @scroll=\"handleScroll\"\n >\n <div class=\"gantt-content\">\n <!-- Header -->\n <div class=\"gantt-header pos-sticky top-0 z-index-2 bg-white br-b br-solid br-black-transp-10\">\n <div class=\"flex\">\n <div class=\"gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r br-solid br-black-transp-10\">\n Product\n </div>\n \n <div class=\"gantt-timeline flex\">\n <div\n v-for=\"(cell, i) in visibleCells\"\n :key=\"cell.key\"\n class=\"gantt-cell br-r br-solid br-black-transp-10 t-center pd-small\"\n :class=\"getCellClass(cell)\"\n :style=\"{ width: cellWidth + 'px' }\"\n >\n <GanttHeaderCell :cell=\"cell\" :view=\"view\" :index=\"i\" />\n </div>\n </div>\n </div>\n </div>\n\n <!-- Body -->\n <div class=\"gantt-body\">\n <div \n v-for=\"(group, i) in groups\" \n :key=\"group.key\" \n class=\"gantt-row flex br-b br-solid br-black-transp-10\"\n :class=\"i % 2 === 0 ? 'bg-light-transp' : ''\"\n :style=\"{ height: rowHeight + 'px' }\"\n >\n <div class=\"gantt-product-col pos-sticky left-0 z-index-1 bg-white pd-small br-r br-solid br-black-transp-10\">\n <div class=\"t-medium mn-b-micro\">{{ group.title }}</div>\n <div class=\"t-micro\" :class=\"statusClass(group)\">{{ group.status }}</div>\n </div>\n \n <div class=\"gantt-timeline pos-relative\">\n <!-- Background cells -->\n <div class=\"gantt-cells flex pos-absolute h-100\">\n <div\n v-for=\"cell in visibleCells\"\n :key=\"cell.key + '-bg'\"\n class=\"gantt-cell h-100 br-r br-solid br-black-transp-10\"\n :class=\"getCellClass(cell)\"\n :style=\"{ width: cellWidth + 'px' }\"\n />\n </div>\n \n <!-- Bars -->\n <div class=\"gantt-bars pos-absolute h-100\">\n <GanttBar\n v-for=\"bar in getBars(group)\"\n :key=\"bar.key\"\n :bar=\"bar\"\n :view=\"view\"\n @click=\"$emit('item-click', bar.item)\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onUnmounted, watch, nextTick, shallowRef, onMounted } from 'vue'\nimport dayjs from 'dayjs'\n// import utc from 'dayjs/plugin/utc'\n// import timezone from 'dayjs/plugin/timezone'\n\n// dayjs.extend(utc)\n// dayjs.extend(timezone)\n\nimport GanttToolbar from './GanttToolbar.vue'\nimport GanttHeaderCell from './GanttHeaderCell.vue'\nimport GanttBar from './GanttBar.vue'\n\nconst props = defineProps({\n items: { type: Array, required: true },\n view: { type: String, default: 'days' },\n date: { type: Date, required: true },\n dateRange: { type: Object, required: true },\n views: {\n type: Array,\n default: () => [\n { name: 'Hours', value: 'hours', width: 60 },\n { name: 'Days', value: 'days', width: 60 },\n { name: 'Weeks', value: 'weeks', width: 120 }\n ]\n },\n titleKey: { type: String, default: 'title' },\n startKey: { type: String, default: 'startDate' },\n endKey: { type: String, default: 'endDate' },\n statusKey: { type: String, default: 'status' },\n idKey: { type: String, default: 'id' },\n groupBy: { type: String, default: 'title' },\n loading: { type: Boolean, default: false },\n rowHeight: { type: Number, default: 60 }\n})\n\nconst emit = defineEmits([\n 'update:view',\n 'update:date', \n 'update:dateRange',\n 'load-more',\n 'item-click',\n 'today'\n])\n\n// State\nconst container = ref(null)\nconst scrollLeft = ref(0)\n\n// Cell width\nconst cellWidth = computed(() => {\n const view = props.views.find(v => v.value === props.view)\n return view?.width \|\| 60\n})\n\n// Visible cells\nconst visibleCells = computed(() => {\n if (!props.dateRange) return []\n \n const { start, end } = props.dateRange\n const cells = []\n \n switch (props.view) {\n case 'hours':\n // Start from beginning of the day (use only first day)\n const startDay = new Date(start)\n startDay.setHours(0, 0, 0, 0)\n \n // Generate hour cells for 24 hours (one day)\n for (let h = 0; h < 24; h++) {\n const cellDate = new Date(startDay)\n cellDate.setHours(h, 0, 0, 0)\n cells.push({\n type: 'hour',\n date: cellDate,\n hour: h,\n key: `${startDay.getTime()}-${h}`\n })\n }\n \n break\n \n case 'days':\n for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\n cells.push({\n type: 'day',\n date: new Date(d),\n key: d.getTime()\n })\n }\n break\n \n case 'weeks':\n const weekStart = new Date(start)\n weekStart.setDate(start.getDate() - start.getDay())\n \n const currentWeek = new Date(weekStart)\n while (currentWeek <= end) {\n const weekEnd = new Date(currentWeek)\n weekEnd.setDate(currentWeek.getDate() + 6)\n \n cells.push({\n type: 'week',\n start: new Date(currentWeek),\n end: new Date(weekEnd),\n key: currentWeek.getTime()\n })\n \n currentWeek.setDate(currentWeek.getDate() + 7)\n }\n break\n }\n \n return cells\n})\n\n// Cache for bars calculation\nconst barsCache = new WeakMap()\n\n// Helper function to get nested property value\nconst getNestedValue = (obj, path) => {\n return path.split('.').reduce((current, key) => current?.[key], obj)\n}\n\n// Groups\nconst groups = computed(() => {\n const map = new Map()\n \n props.items.forEach(item => {\n const key = getNestedValue(item, props.groupBy) \|\| 'Ungrouped'\n \n if (!map.has(key)) {\n map.set(key, {\n key,\n title: key,\n items: [],\n status: getNestedValue(item, props.statusKey)\n })\n }\n \n map.get(key).items.push(item)\n })\n \n return Array.from(map.values())\n})\n\n// Cell class\nconst getCellClass = (cell) => {\n const classes = []\n const now = dayjs()\n \n switch (cell.type) {\n case 'hour':\n if (dayjs(cell.date).isSame(now, 'day') && cell.hour === now.hour()) {\n classes.push('bg-blue-transp')\n } else if (dayjs(cell.date).isSame(now, 'day')) {\n classes.push('bg-light')\n }\n break\n \n case 'day':\n const day = dayjs(cell.date).day()\n if (day === 0 \|\| day === 6) classes.push('bg-light')\n if (dayjs(cell.date).isSame(now, 'day')) classes.push('bg-blue-transp')\n break\n \n case 'week':\n if (now.isAfter(cell.start) && now.isBefore(cell.end)) {\n classes.push('bg-blue-transp')\n }\n break\n }\n \n return classes.join(' ')\n}\n\n// Status class\nconst statusClass = (group) => {\n const s = group.status \|\| 'default'\n const map = {\n active: 't-green',\n completed: 't-blue',\n canceled: 't-red',\n default: 't-transp'\n }\n return map[s] \|\| map.default\n}\n\n// Get bars\nconst getBars = (group) => {\n const result = []\n const rows = []\n \n group.items.forEach(item => {\n try {\n const start = getNestedValue(item, props.startKey)\n const end = getNestedValue(item, props.endKey)\n \n if (!start \|\| !end) return\n \n const s = start instanceof Date ? new Date(start) : dayjs(start).toDate()\n const e = end instanceof Date ? new Date(end) : dayjs(end).toDate()\n \n if (isNaN(s.getTime()) \|\| isNaN(e.getTime())) {\n console.warn(`Invalid dates for item ${getNestedValue(item, props.idKey)}:`, { start, end })\n return\n }\n \n console.log('Processing item:', {\n id: getNestedValue(item, props.idKey),\n start: s,\n end: e,\n dateRange: props.dateRange\n })\n \n // Skip if completely outside visible range\n if (e < props.dateRange.start \|\| s > props.dateRange.end) {\n console.log('Item skipped - outside visible range')\n return\n }\n \n // Calculate position\n let left = 0\n let width = 0\n \n // Minimum width for very short intervals\n const minWidth = cellWidth.value * 0.1\n \n switch (props.view) {\n case 'hours':\n if (!visibleCells.value.length) return\n \n // Get the first cell's time as base reference\n const firstCell = visibleCells.value[0]\n const baseTime = new Date(firstCell.date)\n baseTime.setHours(0, 0, 0, 0)\n \n // Calculate exact minute positions from base time\n const minuteMs = 60 * 1000\n const hourMs = 60 * 60 * 1000\n \n // For long bars (>1 day), limit to visible day range\n const dayStart = new Date(baseTime)\n dayStart.setHours(0, 0, 0, 0)\n const dayEnd = new Date(baseTime)\n dayEnd.setHours(23, 59, 59, 999)\n \n const visibleStart = s < dayStart ? dayStart : s\n const visibleEnd = e > dayEnd ? dayEnd : e\n \n // Calculate hour positions with minute precision\n const startHours = (visibleStart - baseTime) / hourMs\n const endHours = (visibleEnd - baseTime) / hourMs\n \n // Clip to visible range (0-24 hours)\n const clippedStart = Math.max(0, startHours)\n const clippedEnd = Math.min(24, endHours)\n \n // Skip if completely outside visible range\n if (clippedEnd <= clippedStart) {\n return\n }\n \n // Calculate pixel position\n left = clippedStart * cellWidth.value\n width = (clippedEnd - clippedStart) * cellWidth.value\n \n // Apply minimum width for very short intervals (3-7 minutes should be visible)\n width = Math.max(width, minWidth)\n \n break\n \n case 'days':\n const firstDay = visibleCells.value[0]?.date\n if (!firstDay) return\n \n const firstDayStart = new Date(firstDay)\n firstDayStart.setHours(0, 0, 0, 0)\n \n // Calculate exact positions with minute precision\n const dayMs = 24 * 60 * 60 * 1000\n const startDayFloat = (s - firstDayStart) / dayMs\n const endDayFloat = (e - firstDayStart) / dayMs\n \n // Clip to visible range\n const visibleDays = visibleCells.value.length\n const clippedStartDay = Math.max(0, startDayFloat)\n const clippedEndDay = Math.min(visibleDays, endDayFloat)\n \n // Skip if completely outside visible range\n if (clippedEndDay <= clippedStartDay) return\n \n left = clippedStartDay * cellWidth.value\n width = (clippedEndDay - clippedStartDay) * cellWidth.value\n \n // Apply minimum width for very short intervals\n width = Math.max(width, minWidth)\n break\n \n case 'weeks':\n const firstWeek = visibleCells.value[0]?.start\n if (!firstWeek) return\n \n // Calculate exact positions with minute precision\n const weekMs = 7 * 24 * 60 * 60 * 1000\n const startWeekFloat = (s - firstWeek) / weekMs\n const endWeekFloat = (e - firstWeek) / weekMs\n \n // Clip to visible range\n const visibleWeeks = visibleCells.value.length\n const clippedStartWeek = Math.max(0, startWeekFloat)\n const clippedEndWeek = Math.min(visibleWeeks, endWeekFloat)\n \n // Skip if completely outside visible range\n if (clippedEndWeek <= clippedStartWeek) return\n \n left = clippedStartWeek * cellWidth.value\n width = (clippedEndWeek - clippedStartWeek) * cellWidth.value\n \n // Apply minimum width for very short intervals\n width = Math.max(width, minWidth)\n break\n }\n \n // Find row\n let row = 0\n let placed = false\n \n while (!placed) {\n if (!rows[row]) rows[row] = []\n \n const overlap = rows[row].some(b => \n (s <= b.end && e >= b.start)\n )\n \n if (!overlap) {\n rows[row].push({ start: s, end: e })\n placed = true\n } else {\n row++\n }\n }\n \n result.push({\n key: `${getNestedValue(item, props.idKey)}-${s.getTime()}`,\n item,\n left,\n width,\n row,\n status: getNestedValue(item, props.statusKey) \|\| 'default'\n })\n } catch (error) {\n console.error(`Error processing item ${getNestedValue(item, props.idKey)}:`, error)\n }\n })\n \n console.log('Final bars result:', result)\n return result\n}\n\n// Throttle\nconst throttle = (fn, delay) => {\n let lastCall = 0\n let timeout = null\n \n const throttled = (...args) => {\n const now = Date.now()\n const remaining = delay - (now - lastCall)\n \n if (remaining <= 0) {\n if (timeout) {\n clearTimeout(timeout)\n timeout = null\n }\n lastCall = now\n return fn(...args)\n }\n \n if (!timeout) {\n timeout = setTimeout(() => {\n lastCall = Date.now()\n timeout = null\n fn(...args)\n }, remaining)\n }\n }\n \n throttled.cancel = () => {\n if (timeout) {\n clearTimeout(timeout)\n timeout = null\n }\n }\n \n return throttled\n}\n\n// Scroll handling\nconst handleScroll = (event) => {\n if (!container.value) return\n \n const el = event.target\n scrollLeft.value = el.scrollLeft\n}\n\n// Cleanup\nonUnmounted(() => {\n // No cleanup needed\n})\n\n// Center view on specific date\nconst centerOnDate = (targetDate) => {\n if (!container.value) return\n \n nextTick(() => {\n const cells = visibleCells.value\n if (!cells.length) return\n \n let cellIndex = -1\n \n switch (props.view) {\n case 'hours':\n cellIndex = cells.findIndex(c => \n c.type === 'hour' &&\n dayjs(c.date).isSame(targetDate, 'day') &&\n c.hour === targetDate.getHours()\n )\n break\n \n case 'days':\n cellIndex = cells.findIndex(c =>\n c.type === 'day' &&\n dayjs(c.date).isSame(targetDate, 'day')\n )\n break\n \n case 'weeks':\n cellIndex = cells.findIndex(c =>\n c.type === 'week' &&\n targetDate >= c.start &&\n targetDate <= c.end\n )\n break\n }\n \n if (cellIndex >= 0) {\n const scrollPos = cellIndex * cellWidth.value - container.value.clientWidth / 2\n container.value.scrollLeft = Math.max(0, scrollPos)\n }\n })\n}\n\n// Watch for view or date range changes\nwatch(() => props.view, () => {\n // Center on current date when view changes\n centerOnDate(props.date)\n})\n\n// Watch for date changes (e.g., when Today button is clicked)\nwatch(() => props.date, (newDate) => {\n // Center on the new date, especially important for hours view\n centerOnDate(newDate)\n})\n\nwatch(() => props.dateRange, () => {\n // Reset scroll position when date range changes significantly\n if (container.value) {\n container.value.scrollLeft = 0\n }\n}, { deep: true })\n</script>\n\n<style>\n.gantt-container {\n --cell-width: 60px;\n height: 500px;\n position: relative;\n}\n\n.gantt-content {\n width: fit-content;\n min-width: 100%;\n}\n\n.gantt-header {\n height: 60px;\n}\n\n.gantt-product-col {\n width: 200px;\n min-width: 200px;\n flex-shrink: 0;\n}\n\n.gantt-timeline {\n position: relative;\n min-width: fit-content;\n}\n\n.gantt-cell {\n min-width: var(--cell-width);\n flex-shrink: 0;\n}\n\n.gantt-row {\n position: relative;\n}\n\n.gantt-cells,\n.gantt-bars {\n width: fit-content;\n left: 0;\n}\n</style>"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"GanttChart.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttChart.vue"],"sourcesContent":["<template>\n <div class=\"w-100\" :style=\"{ '--cell-width': cellWidth + 'px' }\">\n <GanttToolbar\n :view=\"view\"\n :views=\"views\"\n :date=\"date\"\n @update:view=\"$emit('update:view', $event)\"\n @update:date=\"$emit('update:date', $event)\"\n @today=\"$emit('today')\"\n @load-more=\"$emit('load-more', $event)\"\n />\n \n <div \n class=\"gantt-container scroller o-scroll bg-white radius-small br-1px br-black-transp-10\"\n ref=\"container\"\n @scroll=\"handleScroll\"\n >\n <div class=\"gantt-content\">\n <!-- Header -->\n <div class=\"gantt-header pos-sticky top-0 z-index-2 bg-white br-b-1px br-black-transp-10\">\n <div class=\"flex\">\n <div class=\"gantt-product-col pos-sticky left-0 z-index-3 bg-light pd-small br-r-1px br-black-transp-10\">\n Product\n </div>\n \n <div class=\"gantt-timeline flex\">\n <div\n v-for=\"(cell, i) in visibleCells\"\n :key=\"cell.key\"\n class=\"gantt-cell br-r-1px br-black-transp-10 t-center pd-small\"\n :class=\"getCellClass(cell)\"\n :style=\"{ width: cellWidth + 'px' }\"\n >\n <GanttHeaderCell :cell=\"cell\" :view=\"view\" :index=\"i\" />\n </div>\n </div>\n </div>\n </div>\n\n <!-- Body -->\n <div class=\"gantt-body\">\n <div \n v-for=\"(group, i) in groups\" \n :key=\"group.key\" \n class=\"gantt-row flex br-b-1px br-black-transp-10\"\n :class=\"i % 2 === 0 ? 'bg-light-transp' : ''\"\n :style=\"{ height: rowHeight + 'px' }\"\n >\n <div class=\"gantt-product-col pos-sticky left-0 z-index-1 bg-white pd-small br-r-1px br-black-transp-10\">\n <div class=\"fw-medium mn-b-micro\">{{ group.title }}</div>\n <div class=\"t-micro\" :class=\"statusClass(group)\">{{ group.status }}</div>\n </div>\n \n <div class=\"gantt-timeline pos-relative\">\n <!-- Background cells -->\n <div class=\"gantt-cells flex pos-absolute h-100\">\n <div\n v-for=\"cell in visibleCells\"\n :key=\"cell.key + '-bg'\"\n class=\"gantt-cell h-100 br-r-1px br-black-transp-10\"\n :class=\"getCellClass(cell)\"\n :style=\"{ width: cellWidth + 'px' }\"\n />\n </div>\n \n <!-- Bars -->\n <div class=\"gantt-bars pos-absolute h-100\">\n <GanttBar\n v-for=\"bar in getBars(group)\"\n :key=\"bar.key\"\n :bar=\"bar\"\n :view=\"view\"\n @click=\"$emit('item-click', bar.item)\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onUnmounted, watch, nextTick, shallowRef, onMounted } from 'vue'\nimport dayjs from 'dayjs'\n// import utc from 'dayjs/plugin/utc'\n// import timezone from 'dayjs/plugin/timezone'\n\n// dayjs.extend(utc)\n// dayjs.extend(timezone)\n\nimport GanttToolbar from './GanttToolbar.vue'\nimport GanttHeaderCell from './GanttHeaderCell.vue'\nimport GanttBar from './GanttBar.vue'\n\nconst props = defineProps({\n items: { type: Array, required: true },\n view: { type: String, default: 'days' },\n date: { type: Date, required: true },\n dateRange: { type: Object, required: true },\n views: {\n type: Array,\n default: () => [\n { name: 'Hours', value: 'hours', width: 60 },\n { name: 'Days', value: 'days', width: 60 },\n { name: 'Weeks', value: 'weeks', width: 120 }\n ]\n },\n titleKey: { type: String, default: 'title' },\n startKey: { type: String, default: 'startDate' },\n endKey: { type: String, default: 'endDate' },\n statusKey: { type: String, default: 'status' },\n idKey: { type: String, default: 'id' },\n groupBy: { type: String, default: 'title' },\n loading: { type: Boolean, default: false },\n rowHeight: { type: Number, default: 60 }\n})\n\nconst emit = defineEmits([\n 'update:view',\n 'update:date', \n 'update:dateRange',\n 'load-more',\n 'item-click',\n 'today'\n])\n\n// State\nconst container = ref(null)\nconst scrollLeft = ref(0)\n\n// Cell width\nconst cellWidth = computed(() => {\n const view = props.views.find(v => v.value === props.view)\n return view?.width \|\| 60\n})\n\n// Visible cells\nconst visibleCells = computed(() => {\n if (!props.dateRange) return []\n \n const { start, end } = props.dateRange\n const cells = []\n \n switch (props.view) {\n case 'hours':\n // Start from beginning of the day (use only first day)\n const startDay = new Date(start)\n startDay.setHours(0, 0, 0, 0)\n \n // Generate hour cells for 24 hours (one day)\n for (let h = 0; h < 24; h++) {\n const cellDate = new Date(startDay)\n cellDate.setHours(h, 0, 0, 0)\n cells.push({\n type: 'hour',\n date: cellDate,\n hour: h,\n key: `${startDay.getTime()}-${h}`\n })\n }\n \n break\n \n case 'days':\n for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\n cells.push({\n type: 'day',\n date: new Date(d),\n key: d.getTime()\n })\n }\n break\n \n case 'weeks':\n const weekStart = new Date(start)\n weekStart.setDate(start.getDate() - start.getDay())\n \n const currentWeek = new Date(weekStart)\n while (currentWeek <= end) {\n const weekEnd = new Date(currentWeek)\n weekEnd.setDate(currentWeek.getDate() + 6)\n \n cells.push({\n type: 'week',\n start: new Date(currentWeek),\n end: new Date(weekEnd),\n key: currentWeek.getTime()\n })\n \n currentWeek.setDate(currentWeek.getDate() + 7)\n }\n break\n }\n \n return cells\n})\n\n// Cache for bars calculation\nconst barsCache = new WeakMap()\n\n// Helper function to get nested property value\nconst getNestedValue = (obj, path) => {\n return path.split('.').reduce((current, key) => current?.[key], obj)\n}\n\n// Groups\nconst groups = computed(() => {\n const map = new Map()\n \n props.items.forEach(item => {\n const key = getNestedValue(item, props.groupBy) \|\| 'Ungrouped'\n \n if (!map.has(key)) {\n map.set(key, {\n key,\n title: key,\n items: [],\n status: getNestedValue(item, props.statusKey)\n })\n }\n \n map.get(key).items.push(item)\n })\n \n return Array.from(map.values())\n})\n\n// Cell class\nconst getCellClass = (cell) => {\n const classes = []\n const now = dayjs()\n \n switch (cell.type) {\n case 'hour':\n if (dayjs(cell.date).isSame(now, 'day') && cell.hour === now.hour()) {\n classes.push('bg-blue-transp')\n } else if (dayjs(cell.date).isSame(now, 'day')) {\n classes.push('bg-light')\n }\n break\n \n case 'day':\n const day = dayjs(cell.date).day()\n if (day === 0 \|\| day === 6) classes.push('bg-light')\n if (dayjs(cell.date).isSame(now, 'day')) classes.push('bg-blue-transp')\n break\n \n case 'week':\n if (now.isAfter(cell.start) && now.isBefore(cell.end)) {\n classes.push('bg-blue-transp')\n }\n break\n }\n \n return classes.join(' ')\n}\n\n// Status class\nconst statusClass = (group) => {\n const s = group.status \|\| 'default'\n const map = {\n active: 't-green',\n completed: 't-blue',\n canceled: 't-red',\n default: 't-transp'\n }\n return map[s] \|\| map.default\n}\n\n// Get bars\nconst getBars = (group) => {\n const result = []\n const rows = []\n \n group.items.forEach(item => {\n try {\n const start = getNestedValue(item, props.startKey)\n const end = getNestedValue(item, props.endKey)\n \n if (!start \|\| !end) return\n \n const s = start instanceof Date ? new Date(start) : dayjs(start).toDate()\n const e = end instanceof Date ? new Date(end) : dayjs(end).toDate()\n \n if (isNaN(s.getTime()) \|\| isNaN(e.getTime())) {\n console.warn(`Invalid dates for item ${getNestedValue(item, props.idKey)}:`, { start, end })\n return\n }\n \n console.log('Processing item:', {\n id: getNestedValue(item, props.idKey),\n start: s,\n end: e,\n dateRange: props.dateRange\n })\n \n // Skip if completely outside visible range\n if (e < props.dateRange.start \|\| s > props.dateRange.end) {\n console.log('Item skipped - outside visible range')\n return\n }\n \n // Calculate position\n let left = 0\n let width = 0\n \n // Minimum width for very short intervals\n const minWidth = cellWidth.value * 0.1\n \n switch (props.view) {\n case 'hours':\n if (!visibleCells.value.length) return\n \n // Get the first cell's time as base reference\n const firstCell = visibleCells.value[0]\n const baseTime = new Date(firstCell.date)\n baseTime.setHours(0, 0, 0, 0)\n \n // Calculate exact minute positions from base time\n const minuteMs = 60 * 1000\n const hourMs = 60 * 60 * 1000\n \n // For long bars (>1 day), limit to visible day range\n const dayStart = new Date(baseTime)\n dayStart.setHours(0, 0, 0, 0)\n const dayEnd = new Date(baseTime)\n dayEnd.setHours(23, 59, 59, 999)\n \n const visibleStart = s < dayStart ? dayStart : s\n const visibleEnd = e > dayEnd ? dayEnd : e\n \n // Calculate hour positions with minute precision\n const startHours = (visibleStart - baseTime) / hourMs\n const endHours = (visibleEnd - baseTime) / hourMs\n \n // Clip to visible range (0-24 hours)\n const clippedStart = Math.max(0, startHours)\n const clippedEnd = Math.min(24, endHours)\n \n // Skip if completely outside visible range\n if (clippedEnd <= clippedStart) {\n return\n }\n \n // Calculate pixel position\n left = clippedStart * cellWidth.value\n width = (clippedEnd - clippedStart) * cellWidth.value\n \n // Apply minimum width for very short intervals (3-7 minutes should be visible)\n width = Math.max(width, minWidth)\n \n break\n \n case 'days':\n const firstDay = visibleCells.value[0]?.date\n if (!firstDay) return\n \n const firstDayStart = new Date(firstDay)\n firstDayStart.setHours(0, 0, 0, 0)\n \n // Calculate exact positions with minute precision\n const dayMs = 24 * 60 * 60 * 1000\n const startDayFloat = (s - firstDayStart) / dayMs\n const endDayFloat = (e - firstDayStart) / dayMs\n \n // Clip to visible range\n const visibleDays = visibleCells.value.length\n const clippedStartDay = Math.max(0, startDayFloat)\n const clippedEndDay = Math.min(visibleDays, endDayFloat)\n \n // Skip if completely outside visible range\n if (clippedEndDay <= clippedStartDay) return\n \n left = clippedStartDay * cellWidth.value\n width = (clippedEndDay - clippedStartDay) * cellWidth.value\n \n // Apply minimum width for very short intervals\n width = Math.max(width, minWidth)\n break\n \n case 'weeks':\n const firstWeek = visibleCells.value[0]?.start\n if (!firstWeek) return\n \n // Calculate exact positions with minute precision\n const weekMs = 7 * 24 * 60 * 60 * 1000\n const startWeekFloat = (s - firstWeek) / weekMs\n const endWeekFloat = (e - firstWeek) / weekMs\n \n // Clip to visible range\n const visibleWeeks = visibleCells.value.length\n const clippedStartWeek = Math.max(0, startWeekFloat)\n const clippedEndWeek = Math.min(visibleWeeks, endWeekFloat)\n \n // Skip if completely outside visible range\n if (clippedEndWeek <= clippedStartWeek) return\n \n left = clippedStartWeek * cellWidth.value\n width = (clippedEndWeek - clippedStartWeek) * cellWidth.value\n \n // Apply minimum width for very short intervals\n width = Math.max(width, minWidth)\n break\n }\n \n // Find row\n let row = 0\n let placed = false\n \n while (!placed) {\n if (!rows[row]) rows[row] = []\n \n const overlap = rows[row].some(b => \n (s <= b.end && e >= b.start)\n )\n \n if (!overlap) {\n rows[row].push({ start: s, end: e })\n placed = true\n } else {\n row++\n }\n }\n \n result.push({\n key: `${getNestedValue(item, props.idKey)}-${s.getTime()}`,\n item,\n left,\n width,\n row,\n status: getNestedValue(item, props.statusKey) \|\| 'default'\n })\n } catch (error) {\n console.error(`Error processing item ${getNestedValue(item, props.idKey)}:`, error)\n }\n })\n \n console.log('Final bars result:', result)\n return result\n}\n\n// Throttle\nconst throttle = (fn, delay) => {\n let lastCall = 0\n let timeout = null\n \n const throttled = (...args) => {\n const now = Date.now()\n const remaining = delay - (now - lastCall)\n \n if (remaining <= 0) {\n if (timeout) {\n clearTimeout(timeout)\n timeout = null\n }\n lastCall = now\n return fn(...args)\n }\n \n if (!timeout) {\n timeout = setTimeout(() => {\n lastCall = Date.now()\n timeout = null\n fn(...args)\n }, remaining)\n }\n }\n \n throttled.cancel = () => {\n if (timeout) {\n clearTimeout(timeout)\n timeout = null\n }\n }\n \n return throttled\n}\n\n// Scroll handling\nconst handleScroll = (event) => {\n if (!container.value) return\n \n const el = event.target\n scrollLeft.value = el.scrollLeft\n}\n\n// Cleanup\nonUnmounted(() => {\n // No cleanup needed\n})\n\n// Center view on specific date\nconst centerOnDate = (targetDate) => {\n if (!container.value) return\n \n nextTick(() => {\n const cells = visibleCells.value\n if (!cells.length) return\n \n let cellIndex = -1\n \n switch (props.view) {\n case 'hours':\n cellIndex = cells.findIndex(c => \n c.type === 'hour' &&\n dayjs(c.date).isSame(targetDate, 'day') &&\n c.hour === targetDate.getHours()\n )\n break\n \n case 'days':\n cellIndex = cells.findIndex(c =>\n c.type === 'day' &&\n dayjs(c.date).isSame(targetDate, 'day')\n )\n break\n \n case 'weeks':\n cellIndex = cells.findIndex(c =>\n c.type === 'week' &&\n targetDate >= c.start &&\n targetDate <= c.end\n )\n break\n }\n \n if (cellIndex >= 0) {\n const scrollPos = cellIndex * cellWidth.value - container.value.clientWidth / 2\n container.value.scrollLeft = Math.max(0, scrollPos)\n }\n })\n}\n\n// Watch for view or date range changes\nwatch(() => props.view, () => {\n // Center on current date when view changes\n centerOnDate(props.date)\n})\n\n// Watch for date changes (e.g., when Today button is clicked)\nwatch(() => props.date, (newDate) => {\n // Center on the new date, especially important for hours view\n centerOnDate(newDate)\n})\n\nwatch(() => props.dateRange, () => {\n // Reset scroll position when date range changes significantly\n if (container.value) {\n container.value.scrollLeft = 0\n }\n}, { deep: true })\n</script>\n\n<style>\n.gantt-container {\n --cell-width: 60px;\n height: 500px;\n position: relative;\n}\n\n.gantt-content {\n width: fit-content;\n min-width: 100%;\n}\n\n.gantt-header {\n height: 60px;\n}\n\n.gantt-product-col {\n width: 200px;\n min-width: 200px;\n flex-shrink: 0;\n}\n\n.gantt-timeline {\n position: relative;\n min-width: fit-content;\n}\n\n.gantt-cell {\n min-width: var(--cell-width);\n flex-shrink: 0;\n}\n\n.gantt-row {\n position: relative;\n}\n\n.gantt-cells,\n.gantt-bars {\n width: fit-content;\n left: 0;\n}\n</style>"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ const _hoisted_2 = {
   class: "t-micro"
 };
 const _hoisted_3 = { class: "t-small" };
-const _hoisted_4 = { class: "t-medium" };
+const _hoisted_4 = { class: "fw-medium" };
 const _hoisted_5 = { class: "t-micro t-transp" };
 const _hoisted_6 = { class: "t-small" };
 const _hoisted_7 = { class: "t-micro t-transp" };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GanttHeaderCell.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue"],"sourcesContent":["<template>\n <div class=\"gantt-header-content\">\n <!-- Hour view -->\n <template v-if=\"cell.type === 'hour'\">\n <div v-if=\"isFirst \|\| cell.hour === 0\" class=\"t-micro\">\n {{ dayjs(cell.date).format('DD/MM') }}\n </div>\n <div class=\"t-small\">{{ cell.hour }}:00</div>\n </template>\n \n <!-- Day view -->\n <template v-else-if=\"cell.type === 'day'\">\n <!-- <div v-if=\"isFirst \|\| cell.date.getDate() === 1\" class=\"t-micro\">\n {{ dayjs(cell.date).format('MMM YYYY') }}\n </div> -->\n <div class=\"t-medium\">{{ cell.date.getDate() }}</div>\n <div class=\"t-micro t-transp\">{{ dayjs(cell.date).format('ddd') }}</div>\n </template>\n \n <!-- Week view -->\n <template v-else-if=\"cell.type === 'week'\">\n <!-- <div v-if=\"isFirst \|\| isMonthStart\" class=\"t-micro\">\n {{ dayjs(cell.start).format('MMM YYYY') }}\n </div> -->\n <div class=\"t-small\">{{ dayjs(cell.start).format('D') }}-{{ dayjs(cell.end).format('D') }}</div>\n <div class=\"t-micro t-transp\">W{{ weekNumber }}</div>\n </template>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\n\ndayjs.extend(weekOfYear)\n\nconst props = defineProps({\n cell: { type: Object, required: true },\n view: { type: String, required: true },\n index: { type: Number, default: 0 }\n})\n\nconst isFirst = computed(() => props.index === 0)\n\nconst isMonthStart = computed(() => {\n if (props.cell.type !== 'week') return false\n return props.cell.start.getDate() <= 7 && props.cell.start.getDay() === 0\n})\n\nconst weekNumber = computed(() => {\n if (props.cell.type !== 'week') return null\n return dayjs(props.cell.start).week()\n})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,OAAO,UAAU;AAEvB,UAAM,QAAQ;AAMd,UAAM,UAAU,SAAS,MAAM,MAAM,UAAU,CAAC;AAE3B,aAAS,MAAM;AAClC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,KAAK,MAAM,QAAO,KAAM,KAAK,MAAM,KAAK,MAAM,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,MAAM,KAAK,KAAK,EAAE,KAAI;AAAA,IACrC,CAAC;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"GanttHeaderCell.vue.js","sources":["../../../../../../../../../src/modules/rents/views/components/pages/Gant/GanttHeaderCell.vue"],"sourcesContent":["<template>\n <div class=\"gantt-header-content\">\n <!-- Hour view -->\n <template v-if=\"cell.type === 'hour'\">\n <div v-if=\"isFirst \|\| cell.hour === 0\" class=\"t-micro\">\n {{ dayjs(cell.date).format('DD/MM') }}\n </div>\n <div class=\"t-small\">{{ cell.hour }}:00</div>\n </template>\n \n <!-- Day view -->\n <template v-else-if=\"cell.type === 'day'\">\n <!-- <div v-if=\"isFirst \|\| cell.date.getDate() === 1\" class=\"t-micro\">\n {{ dayjs(cell.date).format('MMM YYYY') }}\n </div> -->\n <div class=\"fw-medium\">{{ cell.date.getDate() }}</div>\n <div class=\"t-micro t-transp\">{{ dayjs(cell.date).format('ddd') }}</div>\n </template>\n \n <!-- Week view -->\n <template v-else-if=\"cell.type === 'week'\">\n <!-- <div v-if=\"isFirst \|\| isMonthStart\" class=\"t-micro\">\n {{ dayjs(cell.start).format('MMM YYYY') }}\n </div> -->\n <div class=\"t-small\">{{ dayjs(cell.start).format('D') }}-{{ dayjs(cell.end).format('D') }}</div>\n <div class=\"t-micro t-transp\">W{{ weekNumber }}</div>\n </template>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\n\ndayjs.extend(weekOfYear)\n\nconst props = defineProps({\n cell: { type: Object, required: true },\n view: { type: String, required: true },\n index: { type: Number, default: 0 }\n})\n\nconst isFirst = computed(() => props.index === 0)\n\nconst isMonthStart = computed(() => {\n if (props.cell.type !== 'week') return false\n return props.cell.start.getDate() <= 7 && props.cell.start.getDay() === 0\n})\n\nconst weekNumber = computed(() => {\n if (props.cell.type !== 'week') return null\n return dayjs(props.cell.start).week()\n})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,OAAO,UAAU;AAEvB,UAAM,QAAQ;AAMd,UAAM,UAAU,SAAS,MAAM,MAAM,UAAU,CAAC;AAE3B,aAAS,MAAM;AAClC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,KAAK,MAAM,QAAO,KAAM,KAAK,MAAM,KAAK,MAAM,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,KAAK,SAAS,OAAQ,QAAO;AACvC,aAAO,MAAM,MAAM,KAAK,KAAK,EAAE,KAAI;AAAA,IACrC,CAAC;;;;;;;;;;;;;;;;;"}

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

@@ -98,7 +98,7 @@ const _sfc_main = {
           _cache[4] || (_cache[4] = createElementVNode("h2", { class: "mn-r-medium" }, "Rents", -1)),
           createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Organization_Create Rent", params: { _id: unref(route).params._id } })),
-            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + "),
           createElementVNode("div", _hoisted_3, [
             createElementVNode("button", {

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,YAAW,IAAK,gBAAe;AAEvC,UAAM,WAAW,IAAIA,MAAe,GAAG;AACvC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,kBAAkB,IAAI,EAAE;AAE9B,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ,IAAI,KAAKC,QAAY,QAAQ,SAAS;AACpD,YAAM,MAAM,IAAI,KAAKA,QAAY,QAAQ,OAAO;AAChD,UAAI,CAAC,SAAS,CAAC,IAAK,QAAO;AAC3B,YAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,aAAO,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG;AAAA,IACnD,CAAC;AAED,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAC5B,sBAAgB,QAAQ,CAAA;AAAA,IAC1B;AAEA,aAAS,cAAc,SAAS;AAC9B,sBAAgB,QAAQ;AACxB,yBAAkB;AAGlB,UAAI,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACrD,yBAAiB,QAAQ,SAAS,CAAC,CAAC;AACpC;AAAA,MACF;AAGA,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,kBAAkB,SAAS,SAAS;AAC3C,UAAI,CAAC,WAAW,QAAQ,UAAU,WAAW,KAAK,CAAE,QAAQ,YAAY;AACtE,eAAO,QAAQ;AAEjB,YAAM,QAAQ,QAAQ,YAAY,IAAI,OAAK,EAAE,KAAK,EAAE,OAAO,OAAO;AAClE,UAAI,OAAO,QAAQ;AACjB,eAAO,GAAG,QAAQ,IAAI,MAAM,MAAM,KAAK,KAAK,CAAC;AAAA,MAC/C;AAGA,aAAO,QAAQ,QAAQ,QAAQ;AAAA,IACjC;AAEA,aAAS,iBAAiB,SAAS;AAEjCA,cAAY,QAAQ,UAAU;AAAA,QAC5B,KAAK,gBAAgB,MAAM;AAAA,QAC3B,SAAS,QAAQ;AAAA,QACjB,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;AAAA,QACtD,QAAQ,QAAQ,UAAU,gBAAgB,MAAM,UAAU,CAAA;AAAA,QAC1D,OAAO,QAAQ,SAAS,QAAQ,QAAQ;AAAA,QACxC,MAAM,QAAQ,QAAQ;AAAA,QACtB,UAAU;AAAA,QACV,SAAS;AAAA,MACb;AAEE,yBAAkB;AAAA,IACpB;AAcA,cAAU,YAAY;AACpB,UAAI;AACF,YAAI,MAAM,OAAO,MAAM;AACrB,gBAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,MAAM;AAAA,QACrD,OAAO;AACLC,oBAAgB,MAAK;AAAA,QACvB;AAEA,cAAMC,UAAiB,KAAK,EAAE,OAAO,MAAM,OAAO,KAAK,SAAS,QAAQ,OAAO,IAAG,CAAE;AACpF,iBAAS,QAAQJ,MAAe;AAAA,MAClC,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,YAAI,MAAM,OAAO,MAAM;AAErB,gBAAM,WAAW;AAAA,YACf,KAAKC,QAAY,QAAQ;AAAA,YACzB,SAASA,QAAY,QAAQ,QAAQ;AAAA,YACrC,SAASA,QAAY,QAAQ,QAAQ;AAAA,YACrC,WAAW,IAAI,KAAKA,QAAY,QAAQ,SAAS;AAAA,YACjD,SAAS,IAAI,KAAKA,QAAY,QAAQ,OAAO;AAAA,YAC7C,SAASA,QAAY,QAAQ;AAAA,YAC7B,QAAQA,QAAY,QAAQ;AAAA,UACpC;AACM,gBAAMC,QAAc,OAAO,QAAQ;AAAA,QACrC,OAAO;AAEL,gBAAM,WAAW;AAAA,YACf,SAASD,QAAY,QAAQ,QAAQ;AAAA,YACrC,SAASA,QAAY,QAAQ,QAAQ;AAAA,YACrC,WAAW,IAAI,KAAKA,QAAY,QAAQ,SAAS;AAAA,YACjD,SAAS,IAAI,KAAKA,QAAY,QAAQ,OAAO;AAAA,YAC7C,SAASA,QAAY,QAAQ,WAAW;AAAA,YACxC,QAAQA,QAAY,QAAQ,UAAU;AAAA,YACtC,SAAS,EAAE,MAAM,QAAQ,QAAQI,QAAW,KAAK,IAAG;AAAA,YACpD,OAAO,EAAE,MAAM,gBAAgB,QAAQ,MAAM,OAAO,IAAG;AAAA,UAC/D;AACM,gBAAMH,QAAc,OAAO,QAAQ;AAAA,QACrC;AACA,eAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,MAClE,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF;AAEA,mBAAe,UAAU;AACvB,UAAI;AACF,YAAI,MAAM,OAAO,KAAK;AACpB,gBAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,QACpD,OAAO;AACLC,oBAAgB,MAAK;AAAA,QACvB;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAAA,MAClD;AAAA,IACF;AAEA,mBAAe,WAAW;AACxB,UAAI;AACF,cAAMD,QAAc,OAAO,MAAM,OAAO,GAAG;AAC3C,eAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,MAClE,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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, {