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/organizations/components/pages/Members.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n <div class=\"pd-thin\">\n <div v-if=\"!isLoaded\" class=\"flex-center flex h-20r\">\n <span class=\"t-transp\">Loading...</span>\n </div>\n <div v-else>\n <!-- Members Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n :title=\"`Members ${organizationData?.numberOfMembers ? `(${organizationData.numberOfMembers})` : ''}`\"\n :actions=\"[\n { method: openAddUsersPopup, label: 'Add user to organization' }\n ]\"\n class=\"mn-b-small bg-light radius-medium pd-medium\"\n />\n\n <div class=\"cols-1 gap-thin\">\n <Feed\n v-model:items=\"membersList\"\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Members Found',\n description: 'Currently, there are no members.'\n },\n }\"\n :store=\"{\n read: (options) => membershipsStore.read(options)\n }\"\n :options=\"{\n target: route.params._id,\n role: ['member','owner']\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(member,index) in items\" \n :key=\"index\" \n :user=\"member\"\n :_id=\"member.user._id\"\n :photo=\"member.user.profile.photo\" \n :phone=\"member.user.phone\"\n :email=\"member.user.email\"\n :name=\"member.user.profile.name \|\| 'No name'\"\n :role=\"member.label \|\| member.role\"\n @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n :action=\" member.role !== 'owner' ? {\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeMember(index, member)\n } : null\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </div>\n </section>\n\n <!-- Departments Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n title=\"Departments\"\n :actions=\"[\n { method: () => openDepartmentPopup(), label: 'Add department' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"departmentsList\"\n :states=\"{\n empty: {\n title: 'No Departments Found',\n description: 'Currently, there are no departments available.'\n }\n }\"\n :store=\"departmentsStore\"\n :options=\"{\n organization: route.params._id,\n user: auth.state.user._id,\n }\"\n v-slot=\"{ \n items \n }\"\n >\n <div\n v-for=\"(department, index) in items\"\n :key=\"department._id\"\n @click=\"() => openDepartmentPopup(department)\"\n class=\"cursor-pointer hover-scale-1\"\n >\n <CardDepartment\n :department=\"department\"\n :organization=\"route.params._id\"\n class=\"radius-semi bg-light pos-relative mn-b-thin\"\n />\n </div>\n </Feed>\n </section>\n\n <!-- Invites Section -->\n <section>\n <SectionPageTitle\n title=\"Invites\"\n :actions=\"[\n { method: openInvitePopup, label: 'Invite members' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"invitesList\"\n :states=\"{\n empty: {\n title: 'No Invites Found',\n description: 'Currently, there are no pending invites.'\n }\n }\"\n :store=\"{\n read: (options) => invitesStore.read(options)\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(invite, index) in items\" \n :key=\"invite._id\" \n :user=\"{ type: 'invite'} \"\n :name=\"invite.email \|\| invite.phone\"\n :role=\"invite.status\"\n :action=\"{\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeInvite(index, invite)\n }\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </section>\n\n <!-- Invite Members Popup -->\n <Popup \n title=\"Invite members\"\n @close-popup=\"closeInvitePopup\" \n :isPopupOpen=\"isOpenInvitePopup\"\n class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n >\n <InviteForm \n v-if=\"organizationData\"\n :organization=\"organizationData\"\n @send-invite=\"handleSendInvite\"\n />\n </Popup>\n\n <!-- Add Existing Users Popup -->\n <Popup \n title=\"Add users to organization\"\n @close-popup=\"closeAddUsersPopup\" \n :isPopupOpen=\"isOpenAddUsersPopup\"\n class=\"bg-white w-min-40r w-max-50r radius-medium pd-medium\"\n >\n <AddExistingMembersForm \n :organizationId=\"route.params._id\"\n @users-added=\"handleUsersAdded\"\n />\n </Popup>\n\n <!-- Department Edit Popup -->\n <Popup\n :title=\"editingDepartment ? 'Edit Department' : 'Create Department'\"\n @close-popup=\"closeDepartmentPopup\"\n :isPopupOpen=\"isDepartmentPopupOpen\"\n align=\"center right\"\n class=\"bg-white h-min-100 w-max-50r pd-medium\"\n >\n <DepartmentForm\n :department=\"editingDepartment\"\n :organizationId=\"route.params._id\"\n @close=\"closeDepartmentPopup\"\n @saved=\"handleDepartmentSaved\"\n />\n </Popup>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n\nimport { \n InviteForm,\n AddExistingMembersForm,\n DepartmentForm,\n CardDepartment,\n departmentsStore,\n membershipsStore,\n invitesStore,\n storeOrganizations as organization\n} from '@martyrs/src/modules/organizations/organizations.client.js';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Data\nconst organizationData = ref(null);\nconst membersList = ref([]);\nconst invitesList = ref([]);\nconst departmentsList = ref([]);\nconst isLoaded = ref(false);\n\n// Popups state\nconst isOpenInvitePopup = ref(false);\nconst isOpenAddUsersPopup = ref(false);\nconst isDepartmentPopupOpen = ref(false);\nconst editingDepartment = ref(null);\n\n// Popup functions\nfunction openInvitePopup() {\n isOpenInvitePopup.value = true;\n}\n\nfunction closeInvitePopup() {\n isOpenInvitePopup.value = false;\n}\n\nfunction openAddUsersPopup() {\n isOpenAddUsersPopup.value = true;\n}\n\nfunction closeAddUsersPopup() {\n isOpenAddUsersPopup.value = false;\n}\n\nfunction openDepartmentPopup(department = null) {\n editingDepartment.value = department;\n isDepartmentPopupOpen.value = true;\n}\n\nfunction closeDepartmentPopup() {\n isDepartmentPopupOpen.value = false;\n editingDepartment.value = null;\n}\n\n// Load organization data\nonMounted(async () => {\n try {\n const response = await organization.actions.read({\n _id: route.params._id, \n user: auth.state.user._id\n });\n organizationData.value = response[0];\n isLoaded.value = true;\n } catch (error) {\n console.error('Error loading organization:', error);\n isLoaded.value = true; // Still show the page even if organization load fails\n }\n});\n\n// Handlers\nasync function handleSendInvite(list, resolve, reject) {\n try {\n const response = await invitesStore.create({\n owner: {\n type: 'Organization',\n target: organizationData.value._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n invites: list,\n });\n \n // Assuming the API returns an array of created invites\n if (response.createdInvites) {\n for (let invite of response.createdInvites) {\n invitesStore.addItem(invite, invitesList.value);\n }\n } else if (response._id) {\n // Single invite created\n invitesStore.addItem(response, invitesList.value);\n }\n \n closeInvitePopup();\n resolve();\n } catch (error) {\n reject(error);\n }\n}\n\nfunction handleUsersAdded(addedUsers) {\n closeAddUsersPopup();\n // Add new members to the list\n if (addedUsers && addedUsers.length > 0) {\n addedUsers.forEach(membership => {\n membershipsStore.addItem(membership, membersList.value);\n });\n }\n}\n\nfunction handleDepartmentSaved(department) {\n closeDepartmentPopup();\n \n console.log('handleDepartmentSaved called with:', department);\n console.log('departmentsList before update:', departmentsList.value);\n console.log('editingDepartment:', editingDepartment.value);\n \n if (department) {\n // Update or add department in the list\n if (editingDepartment.value) {\n departmentsStore.updateItem(department, departmentsList.value);\n } else {\n departmentsStore.addItem(department, departmentsList.value);\n }\n } else {\n // Department was deleted\n if (editingDepartment.value) {\n departmentsStore.removeItem(editingDepartment.value, departmentsList.value);\n }\n }\n \n console.log('departmentsList after update:', departmentsList.value);\n}\n\nasync function removeMember(index, member) {\n if (confirm(\"Confirm remove of member\") == true) {\n await membershipsStore.delete(member);\n membershipsStore.removeItem(member, membersList.value);\n } \n}\n\nasync function removeInvite(index, invite) {\n if (confirm(\"Confirm remove of invite\") == true) {\n await invitesStore.delete(invite);\n invitesStore.removeItem(invite, invitesList.value);\n }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state"],"mappings":"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"}
1	+ {"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n <div class=\"pd-thin\">\n <div v-if=\"!isLoaded\" class=\"flex-center flex h-20r\">\n <span class=\"t-transp\">Loading...</span>\n </div>\n <div v-else>\n <!-- Members Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n :title=\"`Members ${organizationData?.numberOfMembers ? `(${organizationData.numberOfMembers})` : ''}`\"\n :actions=\"[\n { method: openAddUsersPopup, label: 'Add user to organization' }\n ]\"\n class=\"mn-b-small bg-light radius-medium pd-medium\"\n />\n\n <div class=\"cols-1 gap-thin\">\n <Feed\n v-model:items=\"membersList\"\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Members Found',\n description: 'Currently, there are no members.'\n },\n }\"\n :store=\"{\n read: (options) => membershipsStore.read(options)\n }\"\n :options=\"{\n target: route.params._id,\n role: ['member','owner']\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(member,index) in items\" \n :key=\"index\" \n :user=\"member\"\n :_id=\"member.user._id\"\n :photo=\"member.user.profile.photo\" \n :phone=\"member.user.phone\"\n :email=\"member.user.email\"\n :name=\"member.user.profile.name \|\| 'No name'\"\n :role=\"member.label \|\| member.role\"\n @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n :action=\" member.role !== 'owner' ? {\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeMember(index, member)\n } : null\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </div>\n </section>\n\n <!-- Departments Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n title=\"Departments\"\n :actions=\"[\n { method: () => openDepartmentPopup(), label: 'Add department' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"departmentsList\"\n :states=\"{\n empty: {\n title: 'No Departments Found',\n description: 'Currently, there are no departments available.'\n }\n }\"\n :store=\"departmentsStore\"\n :options=\"{\n organization: route.params._id,\n user: auth.state.user._id,\n }\"\n v-slot=\"{ \n items \n }\"\n >\n <div\n v-for=\"(department, index) in items\"\n :key=\"department._id\"\n @click=\"() => openDepartmentPopup(department)\"\n class=\"cursor-pointer hover:scale-[1.05]\"\n >\n <CardDepartment\n :department=\"department\"\n :organization=\"route.params._id\"\n class=\"radius-semi bg-light pos-relative mn-b-thin\"\n />\n </div>\n </Feed>\n </section>\n\n <!-- Invites Section -->\n <section>\n <SectionPageTitle\n title=\"Invites\"\n :actions=\"[\n { method: openInvitePopup, label: 'Invite members' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"invitesList\"\n :states=\"{\n empty: {\n title: 'No Invites Found',\n description: 'Currently, there are no pending invites.'\n }\n }\"\n :store=\"{\n read: (options) => invitesStore.read(options)\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(invite, index) in items\" \n :key=\"invite._id\" \n :user=\"{ type: 'invite'} \"\n :name=\"invite.email \|\| invite.phone\"\n :role=\"invite.status\"\n :action=\"{\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeInvite(index, invite)\n }\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </section>\n\n <!-- Invite Members Popup -->\n <Popup \n title=\"Invite members\"\n @close-popup=\"closeInvitePopup\" \n :isPopupOpen=\"isOpenInvitePopup\"\n class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n >\n <InviteForm \n v-if=\"organizationData\"\n :organization=\"organizationData\"\n @send-invite=\"handleSendInvite\"\n />\n </Popup>\n\n <!-- Add Existing Users Popup -->\n <Popup \n title=\"Add users to organization\"\n @close-popup=\"closeAddUsersPopup\" \n :isPopupOpen=\"isOpenAddUsersPopup\"\n class=\"bg-white w-min-40r w-max-50r radius-medium pd-medium\"\n >\n <AddExistingMembersForm \n :organizationId=\"route.params._id\"\n @users-added=\"handleUsersAdded\"\n />\n </Popup>\n\n <!-- Department Edit Popup -->\n <Popup\n :title=\"editingDepartment ? 'Edit Department' : 'Create Department'\"\n @close-popup=\"closeDepartmentPopup\"\n :isPopupOpen=\"isDepartmentPopupOpen\"\n align=\"center right\"\n class=\"bg-white h-min-100 w-max-50r pd-medium\"\n >\n <DepartmentForm\n :department=\"editingDepartment\"\n :organizationId=\"route.params._id\"\n @close=\"closeDepartmentPopup\"\n @saved=\"handleDepartmentSaved\"\n />\n </Popup>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n\nimport { \n InviteForm,\n AddExistingMembersForm,\n DepartmentForm,\n CardDepartment,\n departmentsStore,\n membershipsStore,\n invitesStore,\n storeOrganizations as organization\n} from '@martyrs/src/modules/organizations/organizations.client.js';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Data\nconst organizationData = ref(null);\nconst membersList = ref([]);\nconst invitesList = ref([]);\nconst departmentsList = ref([]);\nconst isLoaded = ref(false);\n\n// Popups state\nconst isOpenInvitePopup = ref(false);\nconst isOpenAddUsersPopup = ref(false);\nconst isDepartmentPopupOpen = ref(false);\nconst editingDepartment = ref(null);\n\n// Popup functions\nfunction openInvitePopup() {\n isOpenInvitePopup.value = true;\n}\n\nfunction closeInvitePopup() {\n isOpenInvitePopup.value = false;\n}\n\nfunction openAddUsersPopup() {\n isOpenAddUsersPopup.value = true;\n}\n\nfunction closeAddUsersPopup() {\n isOpenAddUsersPopup.value = false;\n}\n\nfunction openDepartmentPopup(department = null) {\n editingDepartment.value = department;\n isDepartmentPopupOpen.value = true;\n}\n\nfunction closeDepartmentPopup() {\n isDepartmentPopupOpen.value = false;\n editingDepartment.value = null;\n}\n\n// Load organization data\nonMounted(async () => {\n try {\n const response = await organization.actions.read({\n _id: route.params._id, \n user: auth.state.user._id\n });\n organizationData.value = response[0];\n isLoaded.value = true;\n } catch (error) {\n console.error('Error loading organization:', error);\n isLoaded.value = true; // Still show the page even if organization load fails\n }\n});\n\n// Handlers\nasync function handleSendInvite(list, resolve, reject) {\n try {\n const response = await invitesStore.create({\n owner: {\n type: 'Organization',\n target: organizationData.value._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n invites: list,\n });\n \n // Assuming the API returns an array of created invites\n if (response.createdInvites) {\n for (let invite of response.createdInvites) {\n invitesStore.addItem(invite, invitesList.value);\n }\n } else if (response._id) {\n // Single invite created\n invitesStore.addItem(response, invitesList.value);\n }\n \n closeInvitePopup();\n resolve();\n } catch (error) {\n reject(error);\n }\n}\n\nfunction handleUsersAdded(addedUsers) {\n closeAddUsersPopup();\n // Add new members to the list\n if (addedUsers && addedUsers.length > 0) {\n addedUsers.forEach(membership => {\n membershipsStore.addItem(membership, membersList.value);\n });\n }\n}\n\nfunction handleDepartmentSaved(department) {\n closeDepartmentPopup();\n \n console.log('handleDepartmentSaved called with:', department);\n console.log('departmentsList before update:', departmentsList.value);\n console.log('editingDepartment:', editingDepartment.value);\n \n if (department) {\n // Update or add department in the list\n if (editingDepartment.value) {\n departmentsStore.updateItem(department, departmentsList.value);\n } else {\n departmentsStore.addItem(department, departmentsList.value);\n }\n } else {\n // Department was deleted\n if (editingDepartment.value) {\n departmentsStore.removeItem(editingDepartment.value, departmentsList.value);\n }\n }\n \n console.log('departmentsList after update:', departmentsList.value);\n}\n\nasync function removeMember(index, member) {\n if (confirm(\"Confirm remove of member\") == true) {\n await membershipsStore.delete(member);\n membershipsStore.removeItem(member, membersList.value);\n } \n}\n\nasync function removeInvite(index, invite) {\n if (confirm(\"Confirm remove of invite\") == true) {\n await invitesStore.delete(invite);\n invitesStore.removeItem(invite, invitesList.value);\n }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { ref, onMounted, resolveComponent, createElementBlock, createCommentVNod
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-/* empty css                                          */
+/* empty css                                         */
 import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../../../../components/Chips/Chips.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
@@ -29,7 +29,7 @@ const _hoisted_3 = { class: "bg-black pd-thin radius-small" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-thin" };
 const _hoisted_6 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
-const _hoisted_7 = { class: "mn-t-thin p-regular t-medium uppercase mn-b-thin" };
+const _hoisted_7 = { class: "mn-t-thin p-regular fw-medium uppercase mn-b-thin" };
 const _hoisted_8 = {
   key: 5,
   class: "mn-t-small mn-b-thin"
@@ -81,7 +81,7 @@ const _sfc_main = {
                   class: "w-100"
                 }, {
                   default: withCtx(() => _cache[3] || (_cache[3] = [
-                    createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                    createElementVNode("button", { class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
                   ])),
                   _: 1
                 }, 8, ["user", "target"]),
@@ -140,7 +140,7 @@ const _sfc_main = {
               status: state$1.current.isSubscriber,
               text: { create: "+", remove: "-" },
               onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-              class: "mn-l-thin p-regular t-medium radius-extra i-medium"
+              class: "mn-l-thin p-regular fw-medium radius-extra i-medium"
             }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
           ]),
           state$1.current.profile?.tags?.length > 0 ? (openBlock(), createBlock(_sfc_main$7, {
@@ -163,7 +163,7 @@ const _sfc_main = {
           class: "pos-relative"
         }, _cache[4] || (_cache[4] = [
           createElementVNode("div", { class: "bg-light radius-medium pd-medium" }, [
-            createElementVNode("p", { class: "t-medium t-black-transp-60" }, " Show Menu ")
+            createElementVNode("p", { class: "fw-medium t-black-transp-60" }, " Show Menu ")
           ], -1)
         ]))) : createCommentVNode("", true),
         createVNode(_sfc_main$9)

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-~~solid br-~~1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t :user=\"auth.state.user._id\"\n\t\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization.state.current._id\" \n\t\t\t :status=\"organization.state.current.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t\t</section>\n\t </Dropdown>\n\n\t <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t class=\"\n\t \tz-index-2\n\t cursor-pointer \n\t pos-absolute pos-t-regular pos-r-regular\n\t radius-extra pd-thin bg-second\n\t \"\n\t >\n\t <IconEdit\n\t class=\"i-medium\"\n\t classes=\"fill-white\"\n\t />\n\t </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t <h1\n\t \tclass=\"mn-b-thin\"\n\t >\n\t \t\t{{ organization.state.current.profile.name }}\n\t \t</h1>\n\n\t \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t <p class=\"mn-t-thin p-regular t-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t <ButtonToggleMembership\n\t v-if=\"\n\t\t \tauth.state.user._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== auth.state.user._id\n\t\t \t&& organization.state.current.owner !== auth.state.user._id\n\t\t \"\n\t :user=\"auth.state.user._id\"\n\t :type=\"'organization'\" \n\t :role=\"'subscriber'\" \n\t :target=\"organization.state.current._id\" \n\t :status=\"organization.state.current.isSubscriber\" \n\t :text=\"{create: '+', remove: '-'}\"\n\t @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t class=\" mn-l-thin p-regular t-medium radius-extra i-medium\" \n\t />\n\t </div>\n\n\t <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t \t</p> -->\n\n\t \t<Chips \n\t \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t \t:chips=\"organization.state.current.profile.tags\"\n\t \tclass=\"p-regular\"\n\t \t/>\n\n\n\t <h4 \n\t \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t \tclass=\"mn-t-small mn-b-thin\"\n\t >\n\t \t\tFind us in socials\n\t \t</h4>\n\t \t\n\t \t<Socials \n\t \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => store.core.state.isOpenSidebar = !store.core.state.isOpenSidebar\" class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore();\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name \|\| 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id \|\| 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA,UAAM,QAAQ,SAAQ;AAML,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t :user=\"auth.state.user._id\"\n\t\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization.state.current._id\" \n\t\t\t :status=\"organization.state.current.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t\t</section>\n\t </Dropdown>\n\n\t <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t class=\"\n\t \tz-index-2\n\t cursor-pointer \n\t pos-absolute pos-t-regular pos-r-regular\n\t radius-extra pd-thin bg-second\n\t \"\n\t >\n\t <IconEdit\n\t class=\"i-medium\"\n\t classes=\"fill-white\"\n\t />\n\t </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t <h1\n\t \tclass=\"mn-b-thin\"\n\t >\n\t \t\t{{ organization.state.current.profile.name }}\n\t \t</h1>\n\n\t \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t <p class=\"mn-t-thin p-regular fw-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t <ButtonToggleMembership\n\t v-if=\"\n\t\t \tauth.state.user._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== auth.state.user._id\n\t\t \t&& organization.state.current.owner !== auth.state.user._id\n\t\t \"\n\t :user=\"auth.state.user._id\"\n\t :type=\"'organization'\" \n\t :role=\"'subscriber'\" \n\t :target=\"organization.state.current._id\" \n\t :status=\"organization.state.current.isSubscriber\" \n\t :text=\"{create: '+', remove: '-'}\"\n\t @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t class=\" mn-l-thin p-regular fw-medium radius-extra i-medium\" \n\t />\n\t </div>\n\n\t <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t \t</p> -->\n\n\t \t<Chips \n\t \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t \t:chips=\"organization.state.current.profile.tags\"\n\t \tclass=\"p-regular\"\n\t \t/>\n\n\n\t <h4 \n\t \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t \tclass=\"mn-t-small mn-b-thin\"\n\t >\n\t \t\tFind us in socials\n\t \t</h4>\n\t \t\n\t \t<Socials \n\t \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => store.core.state.isOpenSidebar = !store.core.state.isOpenSidebar\" class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"fw-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"fw-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"fw-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore();\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name \|\| 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id \|\| 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA,UAAM,QAAQ,SAAQ;AAML,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";
 import _sfc_main$8 from "../../../icons/entities/IconEvents.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconGroups.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                        */
-import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue2.js";
+import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 /* empty css                                      */

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.js CHANGED Viewed

@@ -30,7 +30,7 @@ const _sfc_main = {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "Create Organization"
             })),
-            class: "bg-second radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "bg-second radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + ")
         ])) : createCommentVNode("", true),
         createVNode(_sfc_main$1, {
@@ -42,7 +42,7 @@ const _sfc_main = {
             { name: "Follower", value: "follower" }
           ],
           style: { "flex": "1 0 auto" },
-          class: "o-hidden flex-child-default h5 bg-white gap-micro pd-smallpd-t-thin pd-b-thin br-b br-solid br-black-transp-10",
+          class: "o-hidden flex-child-default h5 bg-white gap-micro pd-smallpd-t-thin pd-b-thin br-b-1px br-black-transp-10",
           classTab: "bg-light pd-medium o-hidden radius-small w-100"
         }, null, 8, ["selected"]),
         createElementVNode("div", _hoisted_2, [

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\" class=\"pd-small bg-white flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-~~100~~ \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden\n\t\t\t\tflex-child-default \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-smallpd-t-thin pd-b-thin\n\t\t\t\tbr-b br-~~solid~~ br-black-transp-10\n\t\t\t\"\n\t\t\tclassTab=\"bg-light pd-medium o-hidden radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small h-100 bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t :showLoadMore=\"false\" \n\t\t :search=\"{\n\t\t placeholder: 'Search organization...',\n\t\t class: 'mn-b-small'\n\t\t }\"\n\t\t :states=\"{\n\t\t empty: {\n\t\t title: 'No organizations Found',\n\t\t description: 'Currently, there are no such organizations available.'\n\t\t }\n\t\t }\"\n\t\t :store=\"{\n\t\t read: (options) => organizations.actions.read(options),\n\t\t state: null\n\t\t }\"\n\t\t :options=\"{\n\t\t user: auth.state.user._id,\n\t\t [tabOrganization === 'owner' ? 'owner' : \n\t\t tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t lookup: ['memberships']\n\t\t }\"\n\t\t v-slot=\"{ \n\t\t items \n\t\t }\"\n\t\t style=\"height: 200rem\"\n\t\t >\n\t\t \t<CardOrganization \n\t\t\t\t\t \tv-for=\"(organization, index) in items\" \n\t\t v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t :organization=\"organization\"\n\t\t\t\t\t :showRating=\"true\"\n\t\t\t\t\t :showFollowers=\"true\"\n\t\t\t\t\t :showProducts=\"false\"\n\t\t\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-medium\"\n\t\t\t\t\t />\n\t\t </Feed>\n\t\t\t</transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@martyrs/src/components/Tab/Tab.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\n\timport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgGC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\" class=\"pd-small bg-white flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-extra \n \t\t\ti-big \n \t\t\thover:scale-[1.05]\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden\n\t\t\t\tflex-child-default \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-smallpd-t-thin pd-b-thin\n\t\t\t\tbr-b-1px br-black-transp-10\n\t\t\t\"\n\t\t\tclassTab=\"bg-light pd-medium o-hidden radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small h-100 bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t :showLoadMore=\"false\" \n\t\t :search=\"{\n\t\t placeholder: 'Search organization...',\n\t\t class: 'mn-b-small'\n\t\t }\"\n\t\t :states=\"{\n\t\t empty: {\n\t\t title: 'No organizations Found',\n\t\t description: 'Currently, there are no such organizations available.'\n\t\t }\n\t\t }\"\n\t\t :store=\"{\n\t\t read: (options) => organizations.actions.read(options),\n\t\t state: null\n\t\t }\"\n\t\t :options=\"{\n\t\t user: auth.state.user._id,\n\t\t [tabOrganization === 'owner' ? 'owner' : \n\t\t tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t lookup: ['memberships']\n\t\t }\"\n\t\t v-slot=\"{ \n\t\t items \n\t\t }\"\n\t\t style=\"height: 200rem\"\n\t\t >\n\t\t \t<CardOrganization \n\t\t\t\t\t \tv-for=\"(organization, index) in items\" \n\t\t v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t :organization=\"organization\"\n\t\t\t\t\t :showRating=\"true\"\n\t\t\t\t\t :showFollowers=\"true\"\n\t\t\t\t\t :showProducts=\"false\"\n\t\t\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-medium\"\n\t\t\t\t\t />\n\t\t </Feed>\n\t\t\t</transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@martyrs/src/components/Tab/Tab.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\n\timport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgGC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js CHANGED Viewed

@@ -2,15 +2,15 @@ import { ref, watchEffect, resolveComponent, createElementBlock, openBlock, crea
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                      */
-/* empty css                                        */
+/* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */
 /* empty css               */
 const _hoisted_1 = { class: "documents" };
-const _hoisted_2 = { class: "mn-b-big cols-4" };
+const _hoisted_2 = { class: "mn-b-big cols-4 mobile:cols-2" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "mn-b-small" };
-const _hoisted_5 = { class: "t-semi t-transp radius-small" };
+const _hoisted_5 = { class: "fw-semi t-transp radius-small" };
 const _sfc_main = {
   __name: "Documents",
   setup(__props) {
@@ -112,7 +112,7 @@ const _sfc_main = {
     };
   }
 };
-const Documents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-101cc538"]]);
+const Documents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5edb333"]]);
 export {
   Documents as default
 };

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Documents.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Documents.vue"],"sourcesContent":["<template>\n <div class=\"documents\">\n <h3 class=\"mn-b-small\">Список документов</h3>\n \n <div class=\"mn-b-big cols-4\">\n\t <div \n\t \tv-for=\"(doc, index) in documents\" :key=\"index\" \n\t \t@click=\"openPopup(index)\" \n\t \tclass=\"h-100 pd-medium bg-white radius-small\">\n\t \t<h3 class=\"mn-b-small\">{{ doc.name }}</h3>\n\t \t<p class=\"t-semi t-transp radius-small\">{{ doc.status }}</p>\n\t </div>\n\t </div>\n\n <Popup title=\"Добавить документ\" @close-popup=\"closePopup\" :isPopupOpen=\"showPopup\">\n\n <div v-for=\"input in documents[currentIndex].inputs\" :key=\"input.name\">\n <Field\n \tv-model:field=\"input.value\" \t\t\n \t:label=\"input.name\"\n :_id=\"input.name\" \n :placeholder=\"input.name\" \n class=\"w-100\"\n />\n </div>\n <button @click=\"submitData\" class=\"w-100 mn-b-small button \">Отправить на верификацию</button>\n\n\t\t</Popup>\n\n </div>\n</template>\n\n<script setup>\nimport { ref, watchEffect } from 'vue';\n\nimport { useRoute, useRouter } from 'vue-router'\nimport Field \tfrom '@martyrs/src/components/Field/Field.vue'\nimport Select \tfrom '@martyrs/src/components/Popup/Popup.vue'\nimport Button \tfrom '@martyrs/src/components/Button/Button.vue'\n// const props = defineProps({\n// documents: {\n// type: Array,\n// required: true,\n// },\n// });\n\n\nconst router \t= useRouter()\nconst route \t= useRoute()\n\nlet documents = [{\n\tname: 'Паспорт',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Номер и серия'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Место выдачи'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Дата выдачи'\n\t}]\n},{\n\tname: 'ИНН',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'СНИЛС',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'Военный билет',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n}]\n\nconst showPopup = ref(false);\nconst currentIndex = ref(null);\n\nconst openPopup = (index) => {\n currentIndex.value = index;\n showPopup.value = true;\n};\n\nconst closePopup = () => {\n showPopup.value = false;\n};\n\nconst handleFileUpload = (e) => {\n const files = e.target.files;\n // Handle file uploads as needed\n};\n\nconst submitData = () => {\n // Handle submission of the data and update the document status\n closePopup();\n};\n\nwatchEffect(() => {\n // Do any necessary updates when the documents prop changes\n});\n\nasync function onSubmit() {\n // await Store.auth.login(Store.auth.state.user)\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Create Organization People'})\n\t// Store.auth.toggleSignInPopup()\n}\n</script>\n\n<style scoped>\n.documents {\n display: flex;\n flex-direction: column;\n}\n\n.popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: white;\n border: 1px solid #ccc;\n padding: 20px;\n z-index: 10;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CgB,cAAS;AACV,aAAQ;AAEvB,QAAI,YAAY,CAAC;AAAA,MAChB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ;AACrB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAAA,IACpB;AAOA,UAAM,aAAa,MAAM;AAEvB,iBAAU;AAAA,IACZ;AAEA,gBAAY,MAAM;AAAA,IAElB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Documents.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Documents.vue"],"sourcesContent":["<template>\n <div class=\"documents\">\n <h3 class=\"mn-b-small\">Список документов</h3>\n \n <div class=\"mn-b-big cols-4 mobile:cols-2\">\n\t <div \n\t \tv-for=\"(doc, index) in documents\" :key=\"index\" \n\t \t@click=\"openPopup(index)\" \n\t \tclass=\"h-100 pd-medium bg-white radius-small\">\n\t \t<h3 class=\"mn-b-small\">{{ doc.name }}</h3>\n\t \t<p class=\"fw-semi t-transp radius-small\">{{ doc.status }}</p>\n\t </div>\n\t </div>\n\n <Popup title=\"Добавить документ\" @close-popup=\"closePopup\" :isPopupOpen=\"showPopup\">\n\n <div v-for=\"input in documents[currentIndex].inputs\" :key=\"input.name\">\n <Field\n \tv-model:field=\"input.value\" \t\t\n \t:label=\"input.name\"\n :_id=\"input.name\" \n :placeholder=\"input.name\" \n class=\"w-100\"\n />\n </div>\n <button @click=\"submitData\" class=\"w-100 mn-b-small button \">Отправить на верификацию</button>\n\n\t\t</Popup>\n\n </div>\n</template>\n\n<script setup>\nimport { ref, watchEffect } from 'vue';\n\nimport { useRoute, useRouter } from 'vue-router'\nimport Field \tfrom '@martyrs/src/components/Field/Field.vue'\nimport Select \tfrom '@martyrs/src/components/Popup/Popup.vue'\nimport Button \tfrom '@martyrs/src/components/Button/Button.vue'\n// const props = defineProps({\n// documents: {\n// type: Array,\n// required: true,\n// },\n// });\n\n\nconst router \t= useRouter()\nconst route \t= useRoute()\n\nlet documents = [{\n\tname: 'Паспорт',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Номер и серия'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Место выдачи'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Дата выдачи'\n\t}]\n},{\n\tname: 'ИНН',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'СНИЛС',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'Военный билет',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n}]\n\nconst showPopup = ref(false);\nconst currentIndex = ref(null);\n\nconst openPopup = (index) => {\n currentIndex.value = index;\n showPopup.value = true;\n};\n\nconst closePopup = () => {\n showPopup.value = false;\n};\n\nconst handleFileUpload = (e) => {\n const files = e.target.files;\n // Handle file uploads as needed\n};\n\nconst submitData = () => {\n // Handle submission of the data and update the document status\n closePopup();\n};\n\nwatchEffect(() => {\n // Do any necessary updates when the documents prop changes\n});\n\nasync function onSubmit() {\n // await Store.auth.login(Store.auth.state.user)\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Create Organization People'})\n\t// Store.auth.toggleSignInPopup()\n}\n</script>\n\n<style scoped>\n.documents {\n display: flex;\n flex-direction: column;\n}\n\n.popup {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: white;\n border: 1px solid #ccc;\n padding: 20px;\n z-index: 10;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CgB,cAAS;AACV,aAAQ;AAEvB,QAAI,YAAY,CAAC;AAAA,MAChB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ;AACrB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAAA,IACpB;AAOA,UAAM,aAAa,MAAM;AAEvB,iBAAU;AAAA,IACZ;AAEA,gBAAY,MAAM;AAAA,IAElB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/MembersAdd.vue.js CHANGED Viewed

@@ -94,7 +94,7 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(members.value, (member, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
+              class: "br-1px br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
             }, [
               createVNode(Field, {
                 field: member.contact,

package/dist/martyrs/src/modules/organizations/components/sections/MembersAdd.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MembersAdd.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-regular\">{{text}}</p> \n\n <div class=\"mn-b-thin pos-relative\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-grey\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow\" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n members.push({contact: user.email \|\| user.phone})\n searchUserShow = false\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </div>\n\n <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n <div\n v-for=\"(member, index) in members\" \n :key=\"index\" \n class=\"\n br-1px br-~~solid br-~~grey-transp-25\n flex\n gap-thin\n radius-small\n mn-b-thin\n \"\n >\n <Field \n v-model:field=\"member.contact\" \n placeholder=\"Enter email or phone\" \n class=\"w-100 pd-small radius-small bg-white\"\n :validation=\"contactValidation\"\n >\n <div \n v-if=\"index < 1\" \n @click=\"() => members.push({contact: ''})\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n >\n <IconAdd \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n\n <div \n v-else \n @click=\"() => members.splice(index, 1)\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n >\n <IconDelete \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n </Field>\n </div>\n </section>\n\n\n <Button \n :submit=\"submitMembers\" \n class=\"w-100 bg-main\">\n <span>Invite to organization</span>\n </Button>\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue';\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n // Import validation\n import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n // Store\n import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n // Props\n const props = defineProps({\n organization: Object,\n text: String,\n });\n // User Search\n let searchUser = ref(null)\n let searchUserShow = ref(false)\n // Validation\n const contactValidation = ref(null)\n // Define Emits\n const emits = defineEmits(['send-invite']);\n // Define State\n const members = ref([{ contact: ''}]);\n\n async function submitMembers() {\n return new Promise((resolve, reject) => {\n emits('send-invite', members.value, resolve, reject);\n });\n }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"MembersAdd.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-regular\">{{text}}</p> \n\n <div class=\"mn-b-thin pos-relative\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-grey\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow\" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n members.push({contact: user.email \|\| user.phone})\n searchUserShow = false\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </div>\n\n <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n <div\n v-for=\"(member, index) in members\" \n :key=\"index\" \n class=\"\n br-1px br-grey-transp-25\n flex\n gap-thin\n radius-small\n mn-b-thin\n \"\n >\n <Field \n v-model:field=\"member.contact\" \n placeholder=\"Enter email or phone\" \n class=\"w-100 pd-small radius-small bg-white\"\n :validation=\"contactValidation\"\n >\n <div \n v-if=\"index < 1\" \n @click=\"() => members.push({contact: ''})\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n >\n <IconAdd \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n\n <div \n v-else \n @click=\"() => members.splice(index, 1)\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n >\n <IconDelete \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n </Field>\n </div>\n </section>\n\n\n <Button \n :submit=\"submitMembers\" \n class=\"w-100 bg-main\">\n <span>Invite to organization</span>\n </Button>\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue';\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n // Import validation\n import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n // Store\n import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n // Props\n const props = defineProps({\n organization: Object,\n text: String,\n });\n // User Search\n let searchUser = ref(null)\n let searchUserShow = ref(false)\n // Validation\n const contactValidation = ref(null)\n // Define Emits\n const emits = defineEmits(['send-invite']);\n // Define State\n const members = ref([{ contact: ''}]);\n\n async function submitMembers() {\n return new Promise((resolve, reject) => {\n emits('send-invite', members.value, resolve, reject);\n });\n }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-coo
 /* empty css                                 */
 /* empty css                                      */
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                       */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../blocks/EmptyState.vue.js";

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, createVNode, createBlock, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconAdd.vue.js";
-/* empty css                                           */
+/* empty css                                          */
 /* empty css                                          */
 /* empty css                                         */
 import { useRouter } from "vue-router";
@@ -9,7 +9,7 @@ import { useRouter } from "vue-router";
 const _hoisted_1 = { class: "flex flex-nowrap gap-thin card-page-title" };
 const _hoisted_2 = {
   key: 0,
-  class: "mn-l-small br-t br-solid br-black-transp-10"
+  class: "mn-l-small br-t-1px br-black-transp-10"
 };
 const _sfc_main = {
   __name: "CardPage",
@@ -50,7 +50,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_1, [
             createVNode(_component_router_link, {
               to: unref(router).resolve({ name: "Page", params: { url: __props.page.url.split("/") } }).href,
-              class: normalizeClass(["z-index-2 cursor-pointer mn-r-auto t-truncate", {
+              class: normalizeClass(["z-index-2 cursor-pointer mn-r-auto truncate", {
                 "t-main": _ctx.$route.params.url && __props.page.url === _ctx.joinArrayToUrl(_ctx.$route.params.url)
               }])
             }, {

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardPage.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/blocks/CardPage.vue"],"sourcesContent":["<template>\n <div>\n <div :class=\"$attrs.class\">\n <!-- {{ page.url }} -->\n <div class=\"flex flex-nowrap gap-thin card-page-title\">\n <router-link\n :to=\"router.resolve({ name: 'Page', params: { url: page.url.split('/') } }).href\" \n class=\"\n z-index-2\n cursor-pointer\n mn-r-auto\n t-truncate\n \"\n :class=\"{\n 't-main': $route.params.url && page.url === joinArrayToUrl($route.params.url)\n }\"\n >\n {{ page.name }}\n </router-link>\n\n <router-link\n v-if=\"hasAdminRights\"\n :to=\"router.resolve({ name: 'Backoffice Pages Edit', params: { url: page.url.split('/') } }).href\" \n class=\"\n z-index-2\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n \"\n >\n <IconEdit\n class=\"i-small\"\n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"hasAdminRights\"\n @click=\"createPage(page)\"\n class=\"\n z-index-2\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n \"\n >\n <IconAdd\n class=\"i-small\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n </div>\n\n <div v-if=\"page.children && page.children.length > 0 && page.children[0].url && showChildren\" class=\"mn-l-small br-t br-~~solid~~ br-black-transp-10\">\n <CardPage \n @createPage=\"createPage\" \n v-for=\"childPage in page.children\" \n :key=\"childPage.url\" \n :page=\"childPage\" \n :hasAdminRights=\"hasAdminRights\"\n :class=\"$attrs.class\"\n />\n </div>\n \n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n\n import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\n\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Field from \"@martyrs/src/components/Field/Field.vue\"; \n\n import { useRouter } from 'vue-router'\n \n const router = useRouter()\n\n const props = defineProps({\n page: {\n type: Object,\n required: true\n },\n hasAdminRights: {\n type: Boolean,\n default: false\n },\n showChildren: {\n type: Boolean,\n default: true\n }\n })\n\n const emits = defineEmits([\n 'createPage'\n ])\n\n const newPage = ref({\n show: false,\n name: null\n })\n\n async function createPage(page) {\n emits('createPage', page)\n }\n</script>\n\n<style lang=\"scss\">\n.card-page-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,SAAS,UAAS;AAiBxB,UAAM,QAAQ;AAIE,QAAI;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA,IACV,CAAG;AAED,mBAAe,WAAW,MAAM;AAC9B,YAAM,cAAc,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardPage.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/blocks/CardPage.vue"],"sourcesContent":["<template>\n <div>\n <div :class=\"$attrs.class\">\n <!-- {{ page.url }} -->\n <div class=\"flex flex-nowrap gap-thin card-page-title\">\n <router-link\n :to=\"router.resolve({ name: 'Page', params: { url: page.url.split('/') } }).href\" \n class=\"\n z-index-2\n cursor-pointer\n mn-r-auto\n truncate\n \"\n :class=\"{\n 't-main': $route.params.url && page.url === joinArrayToUrl($route.params.url)\n }\"\n >\n {{ page.name }}\n </router-link>\n\n <router-link\n v-if=\"hasAdminRights\"\n :to=\"router.resolve({ name: 'Backoffice Pages Edit', params: { url: page.url.split('/') } }).href\" \n class=\"\n z-index-2\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n \"\n >\n <IconEdit\n class=\"i-small\"\n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"hasAdminRights\"\n @click=\"createPage(page)\"\n class=\"\n z-index-2\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n \"\n >\n <IconAdd\n class=\"i-small\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n </div>\n\n <div v-if=\"page.children && page.children.length > 0 && page.children[0].url && showChildren\" class=\"mn-l-small br-t-1px br-black-transp-10\">\n <CardPage \n @createPage=\"createPage\" \n v-for=\"childPage in page.children\" \n :key=\"childPage.url\" \n :page=\"childPage\" \n :hasAdminRights=\"hasAdminRights\"\n :class=\"$attrs.class\"\n />\n </div>\n \n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n\n import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\n\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Field from \"@martyrs/src/components/Field/Field.vue\"; \n\n import { useRouter } from 'vue-router'\n \n const router = useRouter()\n\n const props = defineProps({\n page: {\n type: Object,\n required: true\n },\n hasAdminRights: {\n type: Boolean,\n default: false\n },\n showChildren: {\n type: Boolean,\n default: true\n }\n })\n\n const emits = defineEmits([\n 'createPage'\n ])\n\n const newPage = ref({\n show: false,\n name: null\n })\n\n async function createPage(page) {\n emits('createPage', page)\n }\n</script>\n\n<style lang=\"scss\">\n.card-page-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,SAAS,UAAS;AAiBxB,UAAM,QAAQ;AAIE,QAAI;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA,IACV,CAAG;AAED,mBAAe,WAAW,MAAM;AAC9B,YAAM,cAAc,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -11,20 +11,20 @@ const _hoisted_1 = {
   style: { "overflow": "clip" },
   class: "bg-light pos-relative"
 };
-const _hoisted_2 = { class: "pd-medium pos-sticky mobile-only z-index-1 pos-t-0 bg-light w-100 br-b br-solid br-black-transp-10" };
+const _hoisted_2 = { class: "pd-medium pos-sticky mobile-only z-index-1 pos-t-0 bg-light w-100 br-b-1px br-black-transp-10" };
 const _hoisted_3 = {
   key: 0,
   class: "z-index-0 pos-relative"
 };
-const _hoisted_4 = { class: "transition-ease-in-out w-100 bg-light" };
+const _hoisted_4 = { class: "ease-in-out w-100 bg-light" };
 const _hoisted_5 = {
   key: 1,
-  class: "cols-2-1_3 h-100 bg-light z-index-0 pos-relative"
+  class: "cols-[1fr_3fr] mobile:cols-1 h-100 bg-light z-index-0 pos-relative"
 };
 const _hoisted_6 = { class: "desktop-only h-100 bg-white o-scroll z-index-0 pos-relative" };
-const _hoisted_7 = { class: "transition-ease-in-out w-100 bg-light" };
+const _hoisted_7 = { class: "ease-in-out w-100 bg-light" };
 const _hoisted_8 = { class: "o-scroll pd-medium" };
-const _hoisted_9 = { class: "gap-thin cols-2" };
+const _hoisted_9 = { class: "gap-thin cols-2 mobile:cols-1" };
 const _hoisted_10 = {
   key: 0,
   class: "bg-white pd-medium mn-b-thin radius-semi"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Page.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/pages/Page.vue"],"sourcesContent":["<template>\n \n <div v-if=\"page && page.content\" style=\"overflow: clip\" class=\" bg-light pos-relative\"> \n \n <div class=\"pd-medium pos-sticky mobile-only z-index-1 pos-t-0 bg-light w-100 br-b br-~~solid~~ br-black-transp-10\">\n <button @click=\"showMenu\" class=\"cursor-pointer\">\n {{ isMenuOpen === false ? 'Show Menu' : 'Hide Menu' }}\n </button>\n </div>\n\n <div v-if=\"isMenuOpen\" class=\"z-index-0 pos-relative\">\n <ul \n class=\"~~transition-~~ease-in-out w-100 bg-light\"\n >\n <CardPage \n :page=\"pageParent\" \n :hasAdminRights=\"hasAdminRights\"\n class=\"pd-thin\"\n />\n </ul> \n </div>\n\n <div v-if=\"!isMenuOpen\" class=\"cols-2-~~1_3~~ h-100 bg-light z-index-0 pos-relative\">\n\n <div class=\"desktop-only h-100 bg-white o-scroll z-index-0 pos-relative\">\n <ul \n class=\"~~transition-~~ease-in-out w-100 bg-light\"\n >\n <CardPage \n :page=\"pageParent\" \n :hasAdminRights=\"hasAdminRights\"\n class=\"bg-white pd-thin\"\n />\n </ul> \n </div>\n\n <div class=\"o-scroll pd-medium\">\n <Viewer\n :content=\"page.content\"\n class=\"\"\n />\n\n <div class=\"gap-thin cols-2\">\n <div v-if=\"navigationPages.previousPage\" class=\"bg-white pd-medium mn-b-thin radius-semi \">\n <h4 class=\"mn-b-small\" >Read Previous</h4>\n\n <CardPage \n :page=\"navigationPages.previousPage\" \n :showChildren=\"false\"\n class=\"h3 t-main bg-white mn-b-thin radius-semi\"\n />\n </div>\n\n <div v-if=\"navigationPages.children.length > 0\" class=\"bg-white pd-medium mn-b-thin radius-semi \">\n <h4 class=\"mn-b-small pd-micro \">Table of Contents</h4>\n <CardPage \n v-for=\"childPage in navigationPages.children\" \n :key=\"childPage.id\"\n :page=\"childPage\" \n class=\"bg-white pd-micro radius-semi\"\n />\n </div>\n\n <div v-if=\"navigationPages.nextPage\" class=\"bg-white pd-medium mn-b-thin radius-semi\">\n <h4 class=\"mn-b-small\" >Read Next</h4>\n <CardPage \n :page=\"navigationPages.nextPage\" \n class=\"h3 t-main bg-white mn-b-thin radius-semi\"\n :showChildren=\"false\"\n />\n </div>\n </div>\n </div>\n\n </div>\n </div>\n</template>\n\n<script setup>\n // Import libs\n import { computed, onMounted, ref, onServerPrefetch } from 'vue'\n\n import { useRoute } from 'vue-router'\n import { useI18n } from 'vue-i18n'\n\n import Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\n import CardPage from '../blocks/CardPage.vue'\n\n import * as pages from '../../store/pages';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n import { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\n const isMenuOpen = ref(false)\n\n function showMenu () {\n isMenuOpen.value = !isMenuOpen.value\n }\n\n function flattenTree(tree) {\n const pages = [];\n\n function recursiveFlatten(nodes, parent = null) {\n for (const node of nodes) {\n pages.push({ ...node, parent }); // Сохраняем родителя для каждого узла\n if (node.children.length > 0) {\n recursiveFlatten(node.children, node);\n }\n }\n }\n\n recursiveFlatten(tree.children);\n return pages;\n }\n\n // Получаем плоский список всех страниц\n const allPages = computed(() => flattenTree(pageParent.value));\n\n // Вычисляемая функция для нахождения предыдущей и следующей страниц\n const navigationPages = computed(() => {\n // Если текущая страница - рутовая\n if (page.value._id === pageParent.value._id) {\n return { children: page.value.children, previousPage: null, nextPage: null };\n }\n\n const currentIndex = allPages.value.findIndex(p => p._id === page.value._id);\n \n const previousPage = currentIndex > 0 \n ? allPages.value[currentIndex - 1] \n : pageParent.value; // Если нет предыдущего, берем родителя\n \n const nextPage = currentIndex < allPages.value.length - 1 \n ? allPages.value[currentIndex + 1] \n : null;\n\n return { previousPage, nextPage, children: [] };\n });\n\n const { \n normalizeUrlParam, \n joinArrayToUrl,\n isAdmin\n } = useGlobalMixins()\n\n const hasAdminRights = computed(() => {\n return isAdmin(auth.state.access.roles)\n })\n\n const { t, locale } = useI18n()\n\n const route = useRoute()\n\n const pageParent = ref(null)\n const page = ref(null)\n\n onMounted(async () => {\n let urlParent = route.params.url\n if (urlParent.length > 0) urlParent = urlParent[0]\n\n pageParent.value = await pages.actions.read({url: urlParent})\n\n let url = route.params.url\n if (url.length > 0) url = joinArrayToUrl(url)\n \n page.value = await pages.actions.read({url: url}) \n })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["auth.state","pages.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FE,UAAM,aAAa,IAAI,KAAK;AAE5B,aAAS,WAAY;AACnB,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,aAAS,YAAY,MAAM;AACzB,YAAM,QAAQ,CAAA;AAEd,eAAS,iBAAiB,OAAO,SAAS,MAAM;AAC9C,mBAAW,QAAQ,OAAO;AACxB,gBAAM,KAAK,EAAE,GAAG,MAAM,OAAM,CAAE;AAC9B,cAAI,KAAK,SAAS,SAAS,GAAG;AAC5B,6BAAiB,KAAK,UAAU,IAAI;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAEA,uBAAiB,KAAK,QAAQ;AAC9B,aAAO;AAAA,IACT;AAGA,UAAM,WAAW,SAAS,MAAM,YAAY,WAAW,KAAK,CAAC;AAG7D,UAAM,kBAAkB,SAAS,MAAM;AAErC,UAAI,KAAK,MAAM,QAAQ,WAAW,MAAM,KAAK;AAC3C,eAAO,EAAE,UAAU,KAAK,MAAM,UAAU,cAAc,MAAM,UAAU,KAAI;AAAA,MAC5E;AAEA,YAAM,eAAe,SAAS,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,MAAM,GAAG;AAE3E,YAAM,eAAe,eAAe,IAChC,SAAS,MAAM,eAAe,CAAC,IAC/B,WAAW;AAEf,YAAM,WAAW,eAAe,SAAS,MAAM,SAAS,IACpD,SAAS,MAAM,eAAe,CAAC,IAC/B;AAEJ,aAAO,EAAE,cAAc,UAAU,UAAU,CAAA,EAAE;AAAA,IAC/C,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAM,gBAAe;AAEnB,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,QAAQA,MAAW,OAAO,KAAK;AAAA,IACxC,CAAC;AAED,UAAM,EAAE,GAAG,OAAM,IAAK,QAAO;AAE7B,UAAM,QAAQ,SAAQ;AAEtB,UAAM,aAAa,IAAI,IAAI;AAC3B,UAAM,OAAO,IAAI,IAAI;AAErB,cAAU,YAAY;AACpB,UAAI,YAAY,MAAM,OAAO;AAC7B,UAAI,UAAU,SAAS,EAAG,aAAY,UAAU,CAAC;AAEjD,iBAAW,QAAQ,MAAMC,QAAc,KAAK,EAAC,KAAK,UAAS,CAAC;AAE5D,UAAI,MAAM,MAAM,OAAO;AACvB,UAAI,IAAI,SAAS,EAAG,OAAM,eAAe,GAAG;AAE5C,WAAK,QAAQ,MAAMA,QAAc,KAAK,EAAC,IAAQ,CAAC;AAAA,IAClD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Page.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/pages/Page.vue"],"sourcesContent":["<template>\n \n <div v-if=\"page && page.content\" style=\"overflow: clip\" class=\" bg-light pos-relative\"> \n \n <div class=\"pd-medium pos-sticky mobile-only z-index-1 pos-t-0 bg-light w-100 br-b-1px br-black-transp-10\">\n <button @click=\"showMenu\" class=\"cursor-pointer\">\n {{ isMenuOpen === false ? 'Show Menu' : 'Hide Menu' }}\n </button>\n </div>\n\n <div v-if=\"isMenuOpen\" class=\"z-index-0 pos-relative\">\n <ul \n class=\"ease-in-out w-100 bg-light\"\n >\n <CardPage \n :page=\"pageParent\" \n :hasAdminRights=\"hasAdminRights\"\n class=\"pd-thin\"\n />\n </ul> \n </div>\n\n <div v-if=\"!isMenuOpen\" class=\"cols-[1fr_3fr] mobile:cols-1 h-100 bg-light z-index-0 pos-relative\">\n\n <div class=\"desktop-only h-100 bg-white o-scroll z-index-0 pos-relative\">\n <ul \n class=\"ease-in-out w-100 bg-light\"\n >\n <CardPage \n :page=\"pageParent\" \n :hasAdminRights=\"hasAdminRights\"\n class=\"bg-white pd-thin\"\n />\n </ul> \n </div>\n\n <div class=\"o-scroll pd-medium\">\n <Viewer\n :content=\"page.content\"\n class=\"\"\n />\n\n <div class=\"gap-thin cols-2 mobile:cols-1\">\n <div v-if=\"navigationPages.previousPage\" class=\"bg-white pd-medium mn-b-thin radius-semi \">\n <h4 class=\"mn-b-small\" >Read Previous</h4>\n\n <CardPage \n :page=\"navigationPages.previousPage\" \n :showChildren=\"false\"\n class=\"h3 t-main bg-white mn-b-thin radius-semi\"\n />\n </div>\n\n <div v-if=\"navigationPages.children.length > 0\" class=\"bg-white pd-medium mn-b-thin radius-semi \">\n <h4 class=\"mn-b-small pd-micro \">Table of Contents</h4>\n <CardPage \n v-for=\"childPage in navigationPages.children\" \n :key=\"childPage.id\"\n :page=\"childPage\" \n class=\"bg-white pd-micro radius-semi\"\n />\n </div>\n\n <div v-if=\"navigationPages.nextPage\" class=\"bg-white pd-medium mn-b-thin radius-semi\">\n <h4 class=\"mn-b-small\" >Read Next</h4>\n <CardPage \n :page=\"navigationPages.nextPage\" \n class=\"h3 t-main bg-white mn-b-thin radius-semi\"\n :showChildren=\"false\"\n />\n </div>\n </div>\n </div>\n\n </div>\n </div>\n</template>\n\n<script setup>\n // Import libs\n import { computed, onMounted, ref, onServerPrefetch } from 'vue'\n\n import { useRoute } from 'vue-router'\n import { useI18n } from 'vue-i18n'\n\n import Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\n import CardPage from '../blocks/CardPage.vue'\n\n import * as pages from '../../store/pages';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n import { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\n const isMenuOpen = ref(false)\n\n function showMenu () {\n isMenuOpen.value = !isMenuOpen.value\n }\n\n function flattenTree(tree) {\n const pages = [];\n\n function recursiveFlatten(nodes, parent = null) {\n for (const node of nodes) {\n pages.push({ ...node, parent }); // Сохраняем родителя для каждого узла\n if (node.children.length > 0) {\n recursiveFlatten(node.children, node);\n }\n }\n }\n\n recursiveFlatten(tree.children);\n return pages;\n }\n\n // Получаем плоский список всех страниц\n const allPages = computed(() => flattenTree(pageParent.value));\n\n // Вычисляемая функция для нахождения предыдущей и следующей страниц\n const navigationPages = computed(() => {\n // Если текущая страница - рутовая\n if (page.value._id === pageParent.value._id) {\n return { children: page.value.children, previousPage: null, nextPage: null };\n }\n\n const currentIndex = allPages.value.findIndex(p => p._id === page.value._id);\n \n const previousPage = currentIndex > 0 \n ? allPages.value[currentIndex - 1] \n : pageParent.value; // Если нет предыдущего, берем родителя\n \n const nextPage = currentIndex < allPages.value.length - 1 \n ? allPages.value[currentIndex + 1] \n : null;\n\n return { previousPage, nextPage, children: [] };\n });\n\n const { \n normalizeUrlParam, \n joinArrayToUrl,\n isAdmin\n } = useGlobalMixins()\n\n const hasAdminRights = computed(() => {\n return isAdmin(auth.state.access.roles)\n })\n\n const { t, locale } = useI18n()\n\n const route = useRoute()\n\n const pageParent = ref(null)\n const page = ref(null)\n\n onMounted(async () => {\n let urlParent = route.params.url\n if (urlParent.length > 0) urlParent = urlParent[0]\n\n pageParent.value = await pages.actions.read({url: urlParent})\n\n let url = route.params.url\n if (url.length > 0) url = joinArrayToUrl(url)\n \n page.value = await pages.actions.read({url: url}) \n })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["auth.state","pages.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FE,UAAM,aAAa,IAAI,KAAK;AAE5B,aAAS,WAAY;AACnB,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,aAAS,YAAY,MAAM;AACzB,YAAM,QAAQ,CAAA;AAEd,eAAS,iBAAiB,OAAO,SAAS,MAAM;AAC9C,mBAAW,QAAQ,OAAO;AACxB,gBAAM,KAAK,EAAE,GAAG,MAAM,OAAM,CAAE;AAC9B,cAAI,KAAK,SAAS,SAAS,GAAG;AAC5B,6BAAiB,KAAK,UAAU,IAAI;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAEA,uBAAiB,KAAK,QAAQ;AAC9B,aAAO;AAAA,IACT;AAGA,UAAM,WAAW,SAAS,MAAM,YAAY,WAAW,KAAK,CAAC;AAG7D,UAAM,kBAAkB,SAAS,MAAM;AAErC,UAAI,KAAK,MAAM,QAAQ,WAAW,MAAM,KAAK;AAC3C,eAAO,EAAE,UAAU,KAAK,MAAM,UAAU,cAAc,MAAM,UAAU,KAAI;AAAA,MAC5E;AAEA,YAAM,eAAe,SAAS,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,MAAM,GAAG;AAE3E,YAAM,eAAe,eAAe,IAChC,SAAS,MAAM,eAAe,CAAC,IAC/B,WAAW;AAEf,YAAM,WAAW,eAAe,SAAS,MAAM,SAAS,IACpD,SAAS,MAAM,eAAe,CAAC,IAC/B;AAEJ,aAAO,EAAE,cAAc,UAAU,UAAU,CAAA,EAAE;AAAA,IAC/C,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAM,gBAAe;AAEnB,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,QAAQA,MAAW,OAAO,KAAK;AAAA,IACxC,CAAC;AAED,UAAM,EAAE,GAAG,OAAM,IAAK,QAAO;AAE7B,UAAM,QAAQ,SAAQ;AAEtB,UAAM,aAAa,IAAI,IAAI;AAC3B,UAAM,OAAO,IAAI,IAAI;AAErB,cAAU,YAAY;AACpB,UAAI,YAAY,MAAM,OAAO;AAC7B,UAAI,UAAU,SAAS,EAAG,aAAY,UAAU,CAAC;AAEjD,iBAAW,QAAQ,MAAMC,QAAc,KAAK,EAAC,KAAK,UAAS,CAAC;AAE5D,UAAI,MAAM,MAAM,OAAO;AACvB,UAAI,IAAI,SAAS,EAAG,OAAM,eAAe,GAAG;AAE5C,WAAK,QAAQ,MAAMA,QAAc,KAAK,EAAC,IAAQ,CAAC;AAAA,IAClD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,7 +5,7 @@ import { actions, state } from "../../store/pages.js";
 import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
 /* empty css                                         */
 /* empty css                      */
-/* empty css                                             */
+/* empty css                                            */
 import _sfc_main$1 from "../../../../constructor/components/sections/Constructor.vue.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";
 const _hoisted_1 = { class: "flex-v-center bg-light pd-small radius-small flex-column flex" };
 const _hoisted_2 = { class: "w-100 flex-v-center flex-nowrap gap-thin flex" };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "my-handle t-truncate w-100 w-max-100 mn-r-auto" };
+const _hoisted_4 = { class: "my-handle truncate w-100 w-max-100 mn-r-auto" };
 const _sfc_main = {
   __name: "CardCategory",
   props: {

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL \|\| '') + category.photo\"/>\n <h4 class=\"my-handle t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n <router-link\n v-if=\"access\"\n :to=\"{\n name: route.meta.context === 'backoffice' ? 'BackofficeCategoryEdit' : 'Organization_CategoryEdit',\n params: {\n _id: route.params._id,\n category: category._id\n }\n }\"\n class=\"\n i-medium\n cursor-pointer\n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconEdit\n class=\"w-100 h-100\"\n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"access\"\n @click=\"deleteCategory(category)\"\n class=\"\n i-medium\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconDelete\n class=\"w-100 h-100\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n\n <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n <!-- <CardCategory\n v-for=\"(subcategory,index) in category.children\"\n :key=\"subcategory._id\"\n :category=\"subcategory\" \n class=\"pd-l-small bg-white w-100\"\n /> -->\n\n </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n category: Object,\n access: {\n type: Boolean,\n default: false\n }\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL \|\| '') + category.photo\"/>\n <h4 class=\"my-handle truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n <router-link\n v-if=\"access\"\n :to=\"{\n name: route.meta.context === 'backoffice' ? 'BackofficeCategoryEdit' : 'Organization_CategoryEdit',\n params: {\n _id: route.params._id,\n category: category._id\n }\n }\"\n class=\"\n i-medium\n cursor-pointer\n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconEdit\n class=\"w-100 h-100\"\n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"access\"\n @click=\"deleteCategory(category)\"\n class=\"\n i-medium\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconDelete\n class=\"w-100 h-100\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n\n <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n <!-- <CardCategory\n v-for=\"(subcategory,index) in category.children\"\n :key=\"subcategory._id\"\n :category=\"subcategory\" \n class=\"pd-l-small bg-white w-100\"\n /> -->\n\n </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n category: Object,\n access: {\n type: Boolean,\n default: false\n }\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js CHANGED Viewed

@@ -8,11 +8,11 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { class: "mn-micro-negative flex flex-column w-100 o-hidden" };
-const _hoisted_5 = { class: "w-100 pd-micro t-trim trimmed capitalize t-medium" };
+const _hoisted_5 = { class: "w-100 pd-micro truncate trimmed capitalize fw-medium" };
 const _hoisted_6 = { class: "flex pd-micro flex-v-center gap-micro w-max" };
 const _hoisted_7 = {
   key: 1,
-  class: "t-transp p-small d-inline-block t-medium"
+  class: "t-transp p-small d-inline-block fw-medium"
 };
 const _hoisted_8 = { class: "flex gap-thin" };
 const _hoisted_9 = ["onClick"];
@@ -71,7 +71,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_6, [
             __props.title ? (openBlock(), createElementBlock("span", {
               key: 0,
-              class: normalizeClass([__props.title_class, "t-second d-inline-block t-demi"])
+              class: normalizeClass([__props.title_class, "t-grey d-inline-block fw-demi"])
             }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
             __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
           ]),
@@ -81,7 +81,7 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: normalizeClass([action.class || "bg-light", "radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1"]),
+              class: normalizeClass([action.class || "bg-light", "radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover:scale-[1.05]"]),
               onClick: () => action.handler(_ctx.item, index)
             }, [
               (openBlock(), createBlock(resolveDynamicComponent(action.component), { class: "i-medium" }))

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n <!-- Thumbnail image -->\n <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"image && image.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + image\"\n alt=\"Item image\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderImage v-else class=\"w-100 h-100\" />\n </div>\n \n <!-- Item details -->\n <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n <p class=\"w-100 pd-micro ~~t-trim~~ trimmed capitalize t-medium\">{{ name \|\| 'Unnamed Product' }}</p>\n \n <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n \t<span v-if=\"title\" :class=\"title_class\" class=\"t-~~second~~ d-inline-block t-demi\">{{title}}</span>\n \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block t-medium\">{{ subtitle }}</span>\n </div>\n \t<slot></slot>\n </div>\n <!-- <p>\n \n\n <span class=\"p-small t-transp\">\n <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n × \n <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n {{ rentalDays }} days\n </template>\n \n <template v-else>\n {{ product.quantity \|\| 0 }} {{ product.unit \|\| 'pcs' }}\n </template>\n </span>\n </p> -->\n \n <!-- Actions -->\n <div class=\"flex gap-thin\">\n <template v-for=\"(action, index) in actions\" :key=\"index\">\n <div \n :class=\"action.class \|\| 'bg-light'\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n @click=\"() => action.handler(item, index)\"\n >\n <component\n :is=\"action.component\"\n class=\"i-medium\"\n />\n </div>\n </template>\n <slot name=\"actions\"></slot>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n type: String,\n },\n name: {\n type: String,\n },\n title: {\n type: String,\n },\n title_class: {\n \ttype: Array\n },\n subtitle: {\n type: String,\n },\n showThumbnail: {\n type: Boolean,\n default: true\n },\n actions: {\n type: Array,\n default: () => []\n // Expected format:\n // [\n // {\n // component: IconEdit,\n // handler: (item, index) => {},\n // class: 'bg-light' // optional custom class\n // }\n // ]\n }\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n <!-- Thumbnail image -->\n <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"image && image.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + image\"\n alt=\"Item image\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderImage v-else class=\"w-100 h-100\" />\n </div>\n \n <!-- Item details -->\n <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n <p class=\"w-100 pd-micro truncate trimmed capitalize fw-medium\">{{ name \|\| 'Unnamed Product' }}</p>\n \n <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n \t<span v-if=\"title\" :class=\"title_class\" class=\"t-grey d-inline-block fw-demi\">{{title}}</span>\n \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block fw-medium\">{{ subtitle }}</span>\n </div>\n \t<slot></slot>\n </div>\n <!-- <p>\n \n\n <span class=\"p-small t-transp\">\n <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n × \n <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n {{ rentalDays }} days\n </template>\n \n <template v-else>\n {{ product.quantity \|\| 0 }} {{ product.unit \|\| 'pcs' }}\n </template>\n </span>\n </p> -->\n \n <!-- Actions -->\n <div class=\"flex gap-thin\">\n <template v-for=\"(action, index) in actions\" :key=\"index\">\n <div \n :class=\"action.class \|\| 'bg-light'\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover:scale-[1.05]\"\n @click=\"() => action.handler(item, index)\"\n >\n <component\n :is=\"action.component\"\n class=\"i-medium\"\n />\n </div>\n </template>\n <slot name=\"actions\"></slot>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n type: String,\n },\n name: {\n type: String,\n },\n title: {\n type: String,\n },\n title_class: {\n \ttype: Array\n },\n subtitle: {\n type: String,\n },\n showThumbnail: {\n type: Boolean,\n default: true\n },\n actions: {\n type: Array,\n default: () => []\n // Expected format:\n // [\n // {\n // component: IconEdit,\n // handler: (item, index) => {},\n // class: 'bg-light' // optional custom class\n // }\n // ]\n }\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}