@ozdao/martyrs 0.2.491 → 0.2.492

package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DepartmentEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex-v-center flex bg-light pd-medium radius-medium\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id,\n          role: ['member']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <div v-for=\"(actions, category) in departments.state.department.accesses\" :key=\"category\">\n              <h4>{{ category.charAt(0).toUpperCase() + category.slice(1) }}</h4>\n              <Checkbox\n                v-for=\"(value, action) in actions\"\n                :key=\"action\"\n                :label=\"action\"\n                :name=\"action\"\n                :radio=\"value\"\n                @update:radio=\"updated => (departments.state.department.accesses[category][action] = !value)\"\n                class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              />\n            </div>\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from \"@martyrs/src/components/Select/Select.vue\";\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\nimport DepartmentSub from \"@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport * as globals from \"@martyrs/src/modules/globals/views/store/globals.js\";\nimport * as departments from \"@martyrs/src/modules/organizations/store/departments.js\";\nimport * as memberships from \"@martyrs/src/modules/organizations/store/memberships.js\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRouter","useRoute","ref","memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkOA,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,mBAAe,YAAY;AACXC,UAAG,IAACC,YAAiB,MAAC,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,YAAmB,QAAC,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA,cAAW;AAIX,UAAM,uBAAuBF,IAAG,IAAC,KAAK;AACtC,UAAM,iBAAiBA,IAAG,IAAC,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8BA,QAAAA,IAAI,KAAK;AACZA,QAAAA,IAAI,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAME,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,kBAAkB;AAAA,QACnB;AAAA,MACL;AACE,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,kBAAkB;AAAA,QACnB;AAAA,MACL;AAAA,IACA;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAK,EAAA,CAAE;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,kBAAkB;AAAA,QACnB;AAAA,MACL;AAAA,IAEA;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,wBAAgB,OAAOD,YAAiB,MAAC,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACxF;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DepartmentEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex-v-center flex bg-light pd-medium radius-medium\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id,\n          role: ['member']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <div v-for=\"(actions, category) in departments.state.department.accesses\" :key=\"category\">\n              <h4>{{ category.charAt(0).toUpperCase() + category.slice(1) }}</h4>\n              <Checkbox\n                v-for=\"(value, action) in actions\"\n                :key=\"action\"\n                :label=\"action\"\n                :name=\"action\"\n                :radio=\"value\"\n                @update:radio=\"updated => (departments.state.department.accesses[category][action] = !value)\"\n                class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              />\n            </div>\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from \"@martyrs/src/components/Select/Select.vue\";\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\nimport DepartmentSub from \"@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport * as globals from \"@martyrs/src/modules/globals/views/store/globals.js\";\nimport * as departments from \"@martyrs/src/modules/organizations/store/departments.js\";\nimport * as memberships from \"@martyrs/src/modules/organizations/store/memberships.js\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRouter","useRoute","ref","memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkOA,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,mBAAe,YAAY;AACXC,UAAAA,IAAIC,YAAAA,MAAkB,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,YAAAA,QAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA,cAAS;AAIT,UAAM,uBAAuBF,IAAAA,IAAI,KAAK;AACtC,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8BA,QAAAA,IAAI,KAAK;AACZA,QAAAA,IAAI,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAME,YAAAA,QAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,kBAAkB;AAAA,QACxB;AAAA,MACE;AACA,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,YAAAA,QAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,kBAAkB;AAAA,QACxB;AAAA,MACE;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,YAAAA,QAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,kBAAkB;AAAA,QACxB;AAAA,MACE;AAAA,IAEF;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,wBAAgB,OAAOD,YAAAA,MAAkB,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACtF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.js

@@ -5,17 +5,19 @@ import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+/* empty css                                       */
 import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css                                         */
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                                       */
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
+/* empty css                           */
 import _sfc_main$4 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import { actions as actions$1 } from "../../../globals/views/store/globals.js";
 import { state, actions as actions$2 } from "../../store/departments.js";
@@ -214,12 +216,11 @@ const _sfc_main = {
                 items
               }) => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user, index) => {
-                  var _a, _b;
                   return openBlock(), createBlock(_sfc_main$4, {
                     key: user._id,
                     user: user.user,
-                    photo: (_a = user.user.profile) == null ? void 0 : _a.photo,
-                    name: ((_b = user.user.profile) == null ? void 0 : _b.name) || user.user.phone || user.user.email,
+                    photo: user.user.profile?.photo,
+                    name: user.user.profile?.name || user.user.phone || user.user.email,
                     onClick: () => {
                       actions$1.add(state.department.members, { _id: user.user._id, user: user.user, position: "Member" });
                       closeMemberPopup();

package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepartmentEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex-v-center flex bg-light pd-medium radius-medium\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id,\n          role: ['member']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <div v-for=\"(actions, category) in departments.state.department.accesses\" :key=\"category\">\n              <h4>{{ category.charAt(0).toUpperCase() + category.slice(1) }}</h4>\n              <Checkbox\n                v-for=\"(value, action) in actions\"\n                :key=\"action\"\n                :label=\"action\"\n                :name=\"action\"\n                :radio=\"value\"\n                @update:radio=\"updated => (departments.state.department.accesses[category][action] = !value)\"\n                class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              />\n            </div>\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from \"@martyrs/src/components/Select/Select.vue\";\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\nimport DepartmentSub from \"@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport * as globals from \"@martyrs/src/modules/globals/views/store/globals.js\";\nimport * as departments from \"@martyrs/src/modules/organizations/store/departments.js\";\nimport * as memberships from \"@martyrs/src/modules/organizations/store/memberships.js\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkOA,UAAM,SAAS,UAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,mBAAe,YAAY;AACX,UAAIA,QAAkB,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,UAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA,cAAW;AAIX,UAAM,uBAAuB,IAAI,KAAK;AACtC,UAAM,iBAAiB,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8B,QAAI,KAAK;AACZ,QAAI,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAMA,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACnB;AAAA,MACL;AACE,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACnB;AAAA,MACL;AAAA,IACA;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAK,EAAA,CAAE;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACnB;AAAA,MACL;AAAA,IAEA;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,kBAAgB,OAAOD,MAAkB,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACxF;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DepartmentEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex-v-center flex bg-light pd-medium radius-medium\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id,\n          role: ['member']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <div v-for=\"(actions, category) in departments.state.department.accesses\" :key=\"category\">\n              <h4>{{ category.charAt(0).toUpperCase() + category.slice(1) }}</h4>\n              <Checkbox\n                v-for=\"(value, action) in actions\"\n                :key=\"action\"\n                :label=\"action\"\n                :name=\"action\"\n                :radio=\"value\"\n                @update:radio=\"updated => (departments.state.department.accesses[category][action] = !value)\"\n                class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              />\n            </div>\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from \"@martyrs/src/components/Select/Select.vue\";\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\nimport DepartmentSub from \"@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport * as globals from \"@martyrs/src/modules/globals/views/store/globals.js\";\nimport * as departments from \"@martyrs/src/modules/organizations/store/departments.js\";\nimport * as memberships from \"@martyrs/src/modules/organizations/store/memberships.js\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkOA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,mBAAe,YAAY;AACX,UAAIA,QAAkB,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,UAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA,cAAS;AAIT,UAAM,uBAAuB,IAAI,KAAK;AACtC,UAAM,iBAAiB,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8B,QAAI,KAAK;AACZ,QAAI,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAMA,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACE;AACA,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACE;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACE;AAAA,IAEF;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,kBAAgB,OAAOD,MAAkB,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACtF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                   */
-;/* empty css                                            */
+;/* empty css                                           */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Members.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <SectionPageTitle\n      title=\"Members\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: `Members (${organization.state.current.numberOfMembers || 0})`, value: 'members' },\n        { name: 'Departments', value: 'departments' },\n        { name: 'Invites', value: 'invites' }\n      ]\"\n      :actions=\"[\n        { method: openMembersAddPopup, label: 'Invite members' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n    />\n\n    <Popup \n      title=\"Add members\"\n      @close-popup=\"closeMembersAddPopup\" \n      :isPopupOpen=\"isOpenMembersAddPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <MembersAdd \n        text=\"Please enter your email or phone number to send an invitation link:\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>  \n\n    <Feed\n      v-if=\"tab === 'departments'\"\n      :states=\"{\n        empty: {\n          title: 'No Departments Found',\n          description: 'Currently, there are no departments available.',\n          action: 'Add department',\n          callback:  () => $router.push(`/organizations/${route.params._id}/departments/create`)\n        }\n      }\"\n      :store=\"{\n        read: (options) => departments.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        organization: route.params._id,\n        user: auth.state.user._id,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardDepartment\n        v-for=\"(department, index) in items\"\n        :key=\"index\"\n        :department=\"department\"\n        :organization=\"route.params._id\"\n        class=\"radius-semi bg-light pos-relative mn-b-thin\"\n      />\n\n     </Feed>\n\n      <router-link\n         v-if=\"tab === 'departments' && departments.state.departments.length > 0\"\n        :to=\"{\n          path: `/organizations/${route.params._id}/departments/create`\n        }\"\n        class=\"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra\"\n      >\n        Add department\n      </router-link>\n\n      <!-- Members -->\n      <div \n         v-if=\"tab === 'members'\"\n        class=\"cols-1 gap-thin\"\n      >\n        <Feed\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) => memberships.actions.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(`/profile/${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      <!-- Invites -->\n      <div \n        v-if=\"tab === 'invites'\"\n      > \n        <Feed\n          v-model:items=\"invitesState\"\n          :states=\"{\n            empty: {\n              title: 'No Invites Found',\n              description: 'Currently, there are no members.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => invites.actions.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 in items\" \n            :key=\"index\" \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-big flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n  \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 Tab      from '@martyrs/src/components/Tab/Tab.vue'\nimport Block      from '@martyrs/src/components/Block/Block.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nimport MembersAdd from '@martyrs/src/modules/organizations/components/sections/MembersAdd.vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.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 * as globals      from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as invites from '@martyrs/src/modules/organizations/store/invites.js';\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\nimport * as organization  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\nconst route   = useRoute()\nconst router   = useRouter()\nconst organizationData = ref(null)\n\n// Tab logic\nconst tab = ref('members')\n// States\nconst invitesState = ref([])\n// Popup\nconst isOpenMembersAddPopup = ref(false);\n\nfunction openMembersAddPopup() {\n  isOpenMembersAddPopup.value = true;\n}\n\nfunction closeMembersAddPopup() {\n  isOpenMembersAddPopup.value = false;\n}\n\nonMounted(async () => {\n  organizationData.value = (await organization.actions.read({_id: route.params._id, user: auth.state.user._id}))[0]\n  ;\n})\n\nconst FirstLevelDepartments = computed(() => {\n  const departmentsState = departments.state.departments;\n\n  const subdepartmentIds = departmentsState.flatMap(department =>\n    department.subdepartments.map(subdepartment => subdepartment._id)\n  );\n\n  return departmentsState.filter(department =>\n    !subdepartmentIds.includes(department._id)\n  );\n});\n\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invites.actions.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    for (let invite of response.createdInvites) {\n      globals.actions.add(invitesState.value, invite)\n    }\n    closeMembersAddPopup();\n    resolve(); // Вызываем resolve, когда все операции завершены успешно\n  } catch (error) {\n    reject(error); // Вызываем reject, если произошла ошибка\n  }\n}\n\nasync function removeMember(index,member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    memberships.state.memberships.splice(index, 1);\n    await memberships.actions.delete(member);\n  } \n}\n\nasync function removeInvite(index,invite) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    globals.actions.delete(invitesState.value, invite)\n    await invites.actions.delete(invite._id);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","organization.actions","auth.state","computed","departments.state","invites.actions","globals.actions","memberships.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA,UAAM,QAAUA,UAAQ,SAAA;AACPC,cAAS,UAAA;AAC1B,UAAM,mBAAmBC,IAAG,IAAC,IAAI;AAGjC,UAAM,MAAMA,IAAG,IAAC,SAAS;AAEzB,UAAM,eAAeA,IAAG,IAAC,CAAE,CAAA;AAE3B,UAAM,wBAAwBA,IAAG,IAAC,KAAK;AAEvC,aAAS,sBAAsB;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAChC;AAEAC,QAAAA,UAAU,YAAY;AACpB,uBAAiB,SAAS,MAAMC,cAAoB,QAAC,KAAK,EAAC,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAAA,MAAW,KAAK,IAAG,CAAC,GAAG,CAAC;AAAA,IAElH,CAAC;AAE6BC,QAAAA,SAAS,MAAM;AAC3C,YAAM,mBAAmBC,YAAAA,MAAkB;AAE3C,YAAM,mBAAmB,iBAAiB;AAAA,QAAQ,gBAChD,WAAW,eAAe,IAAI,mBAAiB,cAAc,GAAG;AAAA,MACjE;AAED,aAAO,iBAAiB;AAAA,QAAO,gBAC7B,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAA,MAC1C;AAAA,IACH,CAAC;AAED,mBAAe,iBAAiB,MAAM,SAAS,QAAQ;AACrD,UAAI;AACF,cAAM,WAAW,MAAMC,QAAe,QAAC,OAAO;AAAA,UAC5C,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,iBAAiB,MAAM;AAAA,UAChC;AAAA,UACD,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQH,KAAU,MAAC,KAAK;AAAA,UACzB;AAAA,UACD,SAAS;AAAA,QACf,CAAK;AACD,iBAAS,UAAU,SAAS,gBAAgB;AAC1CI,kBAAAA,QAAgB,IAAI,aAAa,OAAO,MAAM;AAAA,QACpD;AACI,6BAAsB;AACtB;MACD,SAAQ,OAAO;AACd,eAAO,KAAK;AAAA,MAChB;AAAA,IACA;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CC,oBAAAA,MAAkB,YAAY,OAAO,OAAO,CAAC;AAC7C,cAAMC,YAAmB,QAAC,OAAO,MAAM;AAAA,MACxC;AAAA,IACH;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CF,gBAAAA,QAAgB,OAAO,aAAa,OAAO,MAAM;AACjD,cAAMD,gBAAgB,OAAO,OAAO,GAAG;AAAA,MAC3C;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Members.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <SectionPageTitle\n      title=\"Members\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: `Members (${organization.state.current.numberOfMembers || 0})`, value: 'members' },\n        { name: 'Departments', value: 'departments' },\n        { name: 'Invites', value: 'invites' }\n      ]\"\n      :actions=\"[\n        { method: openMembersAddPopup, label: 'Invite members' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n    />\n\n    <Popup \n      title=\"Add members\"\n      @close-popup=\"closeMembersAddPopup\" \n      :isPopupOpen=\"isOpenMembersAddPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <MembersAdd \n        text=\"Please enter your email or phone number to send an invitation link:\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>  \n\n    <Feed\n      v-if=\"tab === 'departments'\"\n      :states=\"{\n        empty: {\n          title: 'No Departments Found',\n          description: 'Currently, there are no departments available.',\n          action: 'Add department',\n          callback:  () => $router.push(`/organizations/${route.params._id}/departments/create`)\n        }\n      }\"\n      :store=\"{\n        read: (options) => departments.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        organization: route.params._id,\n        user: auth.state.user._id,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardDepartment\n        v-for=\"(department, index) in items\"\n        :key=\"index\"\n        :department=\"department\"\n        :organization=\"route.params._id\"\n        class=\"radius-semi bg-light pos-relative mn-b-thin\"\n      />\n\n     </Feed>\n\n      <router-link\n         v-if=\"tab === 'departments' && departments.state.departments.length > 0\"\n        :to=\"{\n          path: `/organizations/${route.params._id}/departments/create`\n        }\"\n        class=\"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra\"\n      >\n        Add department\n      </router-link>\n\n      <!-- Members -->\n      <div \n         v-if=\"tab === 'members'\"\n        class=\"cols-1 gap-thin\"\n      >\n        <Feed\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) => memberships.actions.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(`/profile/${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      <!-- Invites -->\n      <div \n        v-if=\"tab === 'invites'\"\n      > \n        <Feed\n          v-model:items=\"invitesState\"\n          :states=\"{\n            empty: {\n              title: 'No Invites Found',\n              description: 'Currently, there are no members.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => invites.actions.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 in items\" \n            :key=\"index\" \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-big flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n  \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 Tab      from '@martyrs/src/components/Tab/Tab.vue'\nimport Block      from '@martyrs/src/components/Block/Block.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nimport MembersAdd from '@martyrs/src/modules/organizations/components/sections/MembersAdd.vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.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 * as globals      from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as invites from '@martyrs/src/modules/organizations/store/invites.js';\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\nimport * as organization  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\nconst route   = useRoute()\nconst router   = useRouter()\nconst organizationData = ref(null)\n\n// Tab logic\nconst tab = ref('members')\n// States\nconst invitesState = ref([])\n// Popup\nconst isOpenMembersAddPopup = ref(false);\n\nfunction openMembersAddPopup() {\n  isOpenMembersAddPopup.value = true;\n}\n\nfunction closeMembersAddPopup() {\n  isOpenMembersAddPopup.value = false;\n}\n\nonMounted(async () => {\n  organizationData.value = (await organization.actions.read({_id: route.params._id, user: auth.state.user._id}))[0]\n  ;\n})\n\nconst FirstLevelDepartments = computed(() => {\n  const departmentsState = departments.state.departments;\n\n  const subdepartmentIds = departmentsState.flatMap(department =>\n    department.subdepartments.map(subdepartment => subdepartment._id)\n  );\n\n  return departmentsState.filter(department =>\n    !subdepartmentIds.includes(department._id)\n  );\n});\n\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invites.actions.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    for (let invite of response.createdInvites) {\n      globals.actions.add(invitesState.value, invite)\n    }\n    closeMembersAddPopup();\n    resolve(); // Вызываем resolve, когда все операции завершены успешно\n  } catch (error) {\n    reject(error); // Вызываем reject, если произошла ошибка\n  }\n}\n\nasync function removeMember(index,member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    memberships.state.memberships.splice(index, 1);\n    await memberships.actions.delete(member);\n  } \n}\n\nasync function removeInvite(index,invite) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    globals.actions.delete(invitesState.value, invite)\n    await invites.actions.delete(invite._id);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","organization.actions","auth.state","computed","departments.state","invites.actions","globals.actions","memberships.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA,UAAM,QAAUA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAC1B,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAGjC,UAAM,MAAMA,IAAAA,IAAI,SAAS;AAEzB,UAAM,eAAeA,IAAAA,IAAI,CAAA,CAAE;AAE3B,UAAM,wBAAwBA,IAAAA,IAAI,KAAK;AAEvC,aAAS,sBAAsB;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAChC;AAEAC,QAAAA,UAAU,YAAY;AACpB,uBAAiB,SAAS,MAAMC,cAAAA,QAAqB,KAAK,EAAC,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAAA,MAAW,KAAK,IAAG,CAAC,GAAG,CAAC;AAAA,IAElH,CAAC;AAE6BC,QAAAA,SAAS,MAAM;AAC3C,YAAM,mBAAmBC,YAAAA,MAAkB;AAE3C,YAAM,mBAAmB,iBAAiB;AAAA,QAAQ,gBAChD,WAAW,eAAe,IAAI,mBAAiB,cAAc,GAAG;AAAA,MACpE;AAEE,aAAO,iBAAiB;AAAA,QAAO,gBAC7B,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAA,MAC7C;AAAA,IACA,CAAC;AAED,mBAAe,iBAAiB,MAAM,SAAS,QAAQ;AACrD,UAAI;AACF,cAAM,WAAW,MAAMC,QAAAA,QAAgB,OAAO;AAAA,UAC5C,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,iBAAiB,MAAM;AAAA,UACvC;AAAA,UACM,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQH,KAAAA,MAAW,KAAK;AAAA,UAChC;AAAA,UACM,SAAS;AAAA,QACf,CAAK;AACD,iBAAS,UAAU,SAAS,gBAAgB;AAC1CI,kBAAAA,QAAgB,IAAI,aAAa,OAAO,MAAM;AAAA,QAChD;AACA,6BAAoB;AACpB;MACF,SAAS,OAAO;AACd,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CC,oBAAAA,MAAkB,YAAY,OAAO,OAAO,CAAC;AAC7C,cAAMC,YAAAA,QAAoB,OAAO,MAAM;AAAA,MACzC;AAAA,IACF;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CF,gBAAAA,QAAgB,OAAO,aAAa,OAAO,MAAM;AACjD,cAAMD,gBAAgB,OAAO,OAAO,GAAG;AAAA,MACzC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlo
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                 */
-/* empty css                                          */
+/* empty css                                         */
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <SectionPageTitle\n      title=\"Members\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: `Members (${organization.state.current.numberOfMembers || 0})`, value: 'members' },\n        { name: 'Departments', value: 'departments' },\n        { name: 'Invites', value: 'invites' }\n      ]\"\n      :actions=\"[\n        { method: openMembersAddPopup, label: 'Invite members' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n    />\n\n    <Popup \n      title=\"Add members\"\n      @close-popup=\"closeMembersAddPopup\" \n      :isPopupOpen=\"isOpenMembersAddPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <MembersAdd \n        text=\"Please enter your email or phone number to send an invitation link:\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>  \n\n    <Feed\n      v-if=\"tab === 'departments'\"\n      :states=\"{\n        empty: {\n          title: 'No Departments Found',\n          description: 'Currently, there are no departments available.',\n          action: 'Add department',\n          callback:  () => $router.push(`/organizations/${route.params._id}/departments/create`)\n        }\n      }\"\n      :store=\"{\n        read: (options) => departments.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        organization: route.params._id,\n        user: auth.state.user._id,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardDepartment\n        v-for=\"(department, index) in items\"\n        :key=\"index\"\n        :department=\"department\"\n        :organization=\"route.params._id\"\n        class=\"radius-semi bg-light pos-relative mn-b-thin\"\n      />\n\n     </Feed>\n\n      <router-link\n         v-if=\"tab === 'departments' && departments.state.departments.length > 0\"\n        :to=\"{\n          path: `/organizations/${route.params._id}/departments/create`\n        }\"\n        class=\"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra\"\n      >\n        Add department\n      </router-link>\n\n      <!-- Members -->\n      <div \n         v-if=\"tab === 'members'\"\n        class=\"cols-1 gap-thin\"\n      >\n        <Feed\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) => memberships.actions.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(`/profile/${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      <!-- Invites -->\n      <div \n        v-if=\"tab === 'invites'\"\n      > \n        <Feed\n          v-model:items=\"invitesState\"\n          :states=\"{\n            empty: {\n              title: 'No Invites Found',\n              description: 'Currently, there are no members.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => invites.actions.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 in items\" \n            :key=\"index\" \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-big flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n  \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 Tab      from '@martyrs/src/components/Tab/Tab.vue'\nimport Block      from '@martyrs/src/components/Block/Block.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nimport MembersAdd from '@martyrs/src/modules/organizations/components/sections/MembersAdd.vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.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 * as globals      from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as invites from '@martyrs/src/modules/organizations/store/invites.js';\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\nimport * as organization  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\nconst route   = useRoute()\nconst router   = useRouter()\nconst organizationData = ref(null)\n\n// Tab logic\nconst tab = ref('members')\n// States\nconst invitesState = ref([])\n// Popup\nconst isOpenMembersAddPopup = ref(false);\n\nfunction openMembersAddPopup() {\n  isOpenMembersAddPopup.value = true;\n}\n\nfunction closeMembersAddPopup() {\n  isOpenMembersAddPopup.value = false;\n}\n\nonMounted(async () => {\n  organizationData.value = (await organization.actions.read({_id: route.params._id, user: auth.state.user._id}))[0]\n  ;\n})\n\nconst FirstLevelDepartments = computed(() => {\n  const departmentsState = departments.state.departments;\n\n  const subdepartmentIds = departmentsState.flatMap(department =>\n    department.subdepartments.map(subdepartment => subdepartment._id)\n  );\n\n  return departmentsState.filter(department =>\n    !subdepartmentIds.includes(department._id)\n  );\n});\n\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invites.actions.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    for (let invite of response.createdInvites) {\n      globals.actions.add(invitesState.value, invite)\n    }\n    closeMembersAddPopup();\n    resolve(); // Вызываем resolve, когда все операции завершены успешно\n  } catch (error) {\n    reject(error); // Вызываем reject, если произошла ошибка\n  }\n}\n\nasync function removeMember(index,member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    memberships.state.memberships.splice(index, 1);\n    await memberships.actions.delete(member);\n  } \n}\n\nasync function removeInvite(index,invite) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    globals.actions.delete(invitesState.value, invite)\n    await invites.actions.delete(invite._id);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state","departments.state","invites.actions","globals.actions","memberships.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA,UAAM,QAAU,SAAQ;AACP,cAAS;AAC1B,UAAM,mBAAmB,IAAI,IAAI;AAGjC,UAAM,MAAM,IAAI,SAAS;AAEzB,UAAM,eAAe,IAAI,CAAE,CAAA;AAE3B,UAAM,wBAAwB,IAAI,KAAK;AAEvC,aAAS,sBAAsB;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,cAAU,YAAY;AACpB,uBAAiB,SAAS,MAAMA,QAAqB,KAAK,EAAC,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAC,GAAG,CAAC;AAAA,IAElH,CAAC;AAE6B,aAAS,MAAM;AAC3C,YAAM,mBAAmBC,QAAkB;AAE3C,YAAM,mBAAmB,iBAAiB;AAAA,QAAQ,gBAChD,WAAW,eAAe,IAAI,mBAAiB,cAAc,GAAG;AAAA,MACjE;AAED,aAAO,iBAAiB;AAAA,QAAO,gBAC7B,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAA,MAC1C;AAAA,IACH,CAAC;AAED,mBAAe,iBAAiB,MAAM,SAAS,QAAQ;AACrD,UAAI;AACF,cAAM,WAAW,MAAMC,UAAgB,OAAO;AAAA,UAC5C,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,iBAAiB,MAAM;AAAA,UAChC;AAAA,UACD,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQF,MAAW,KAAK;AAAA,UACzB;AAAA,UACD,SAAS;AAAA,QACf,CAAK;AACD,iBAAS,UAAU,SAAS,gBAAgB;AAC1CG,oBAAgB,IAAI,aAAa,OAAO,MAAM;AAAA,QACpD;AACI,6BAAsB;AACtB;MACD,SAAQ,OAAO;AACd,eAAO,KAAK;AAAA,MAChB;AAAA,IACA;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CC,gBAAkB,YAAY,OAAO,OAAO,CAAC;AAC7C,cAAMC,UAAoB,OAAO,MAAM;AAAA,MACxC;AAAA,IACH;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CF,kBAAgB,OAAO,aAAa,OAAO,MAAM;AACjD,cAAMD,UAAgB,OAAO,OAAO,GAAG;AAAA,MAC3C;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <SectionPageTitle\n      title=\"Members\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: `Members (${organization.state.current.numberOfMembers || 0})`, value: 'members' },\n        { name: 'Departments', value: 'departments' },\n        { name: 'Invites', value: 'invites' }\n      ]\"\n      :actions=\"[\n        { method: openMembersAddPopup, label: 'Invite members' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n    />\n\n    <Popup \n      title=\"Add members\"\n      @close-popup=\"closeMembersAddPopup\" \n      :isPopupOpen=\"isOpenMembersAddPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <MembersAdd \n        text=\"Please enter your email or phone number to send an invitation link:\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>  \n\n    <Feed\n      v-if=\"tab === 'departments'\"\n      :states=\"{\n        empty: {\n          title: 'No Departments Found',\n          description: 'Currently, there are no departments available.',\n          action: 'Add department',\n          callback:  () => $router.push(`/organizations/${route.params._id}/departments/create`)\n        }\n      }\"\n      :store=\"{\n        read: (options) => departments.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        organization: route.params._id,\n        user: auth.state.user._id,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardDepartment\n        v-for=\"(department, index) in items\"\n        :key=\"index\"\n        :department=\"department\"\n        :organization=\"route.params._id\"\n        class=\"radius-semi bg-light pos-relative mn-b-thin\"\n      />\n\n     </Feed>\n\n      <router-link\n         v-if=\"tab === 'departments' && departments.state.departments.length > 0\"\n        :to=\"{\n          path: `/organizations/${route.params._id}/departments/create`\n        }\"\n        class=\"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra\"\n      >\n        Add department\n      </router-link>\n\n      <!-- Members -->\n      <div \n         v-if=\"tab === 'members'\"\n        class=\"cols-1 gap-thin\"\n      >\n        <Feed\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) => memberships.actions.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(`/profile/${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      <!-- Invites -->\n      <div \n        v-if=\"tab === 'invites'\"\n      > \n        <Feed\n          v-model:items=\"invitesState\"\n          :states=\"{\n            empty: {\n              title: 'No Invites Found',\n              description: 'Currently, there are no members.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => invites.actions.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 in items\" \n            :key=\"index\" \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-big flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n  \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 Tab      from '@martyrs/src/components/Tab/Tab.vue'\nimport Block      from '@martyrs/src/components/Block/Block.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nimport MembersAdd from '@martyrs/src/modules/organizations/components/sections/MembersAdd.vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.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 * as globals      from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as invites from '@martyrs/src/modules/organizations/store/invites.js';\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\nimport * as organization  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\nconst route   = useRoute()\nconst router   = useRouter()\nconst organizationData = ref(null)\n\n// Tab logic\nconst tab = ref('members')\n// States\nconst invitesState = ref([])\n// Popup\nconst isOpenMembersAddPopup = ref(false);\n\nfunction openMembersAddPopup() {\n  isOpenMembersAddPopup.value = true;\n}\n\nfunction closeMembersAddPopup() {\n  isOpenMembersAddPopup.value = false;\n}\n\nonMounted(async () => {\n  organizationData.value = (await organization.actions.read({_id: route.params._id, user: auth.state.user._id}))[0]\n  ;\n})\n\nconst FirstLevelDepartments = computed(() => {\n  const departmentsState = departments.state.departments;\n\n  const subdepartmentIds = departmentsState.flatMap(department =>\n    department.subdepartments.map(subdepartment => subdepartment._id)\n  );\n\n  return departmentsState.filter(department =>\n    !subdepartmentIds.includes(department._id)\n  );\n});\n\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invites.actions.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    for (let invite of response.createdInvites) {\n      globals.actions.add(invitesState.value, invite)\n    }\n    closeMembersAddPopup();\n    resolve(); // Вызываем resolve, когда все операции завершены успешно\n  } catch (error) {\n    reject(error); // Вызываем reject, если произошла ошибка\n  }\n}\n\nasync function removeMember(index,member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    memberships.state.memberships.splice(index, 1);\n    await memberships.actions.delete(member);\n  } \n}\n\nasync function removeInvite(index,invite) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    globals.actions.delete(invitesState.value, invite)\n    await invites.actions.delete(invite._id);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state","departments.state","invites.actions","globals.actions","memberships.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA,UAAM,QAAU,SAAQ;AACP,cAAS;AAC1B,UAAM,mBAAmB,IAAI,IAAI;AAGjC,UAAM,MAAM,IAAI,SAAS;AAEzB,UAAM,eAAe,IAAI,CAAA,CAAE;AAE3B,UAAM,wBAAwB,IAAI,KAAK;AAEvC,aAAS,sBAAsB;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,cAAU,YAAY;AACpB,uBAAiB,SAAS,MAAMA,QAAqB,KAAK,EAAC,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAC,GAAG,CAAC;AAAA,IAElH,CAAC;AAE6B,aAAS,MAAM;AAC3C,YAAM,mBAAmBC,QAAkB;AAE3C,YAAM,mBAAmB,iBAAiB;AAAA,QAAQ,gBAChD,WAAW,eAAe,IAAI,mBAAiB,cAAc,GAAG;AAAA,MACpE;AAEE,aAAO,iBAAiB;AAAA,QAAO,gBAC7B,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAA,MAC7C;AAAA,IACA,CAAC;AAED,mBAAe,iBAAiB,MAAM,SAAS,QAAQ;AACrD,UAAI;AACF,cAAM,WAAW,MAAMC,UAAgB,OAAO;AAAA,UAC5C,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,iBAAiB,MAAM;AAAA,UACvC;AAAA,UACM,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQF,MAAW,KAAK;AAAA,UAChC;AAAA,UACM,SAAS;AAAA,QACf,CAAK;AACD,iBAAS,UAAU,SAAS,gBAAgB;AAC1CG,oBAAgB,IAAI,aAAa,OAAO,MAAM;AAAA,QAChD;AACA,6BAAoB;AACpB;MACF,SAAS,OAAO;AACd,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CC,gBAAkB,YAAY,OAAO,OAAO,CAAC;AAC7C,cAAMC,UAAoB,OAAO,MAAM;AAAA,MACzC;AAAA,IACF;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CF,kBAAgB,OAAO,aAAa,OAAO,MAAM;AACjD,cAAMD,UAAgB,OAAO,OAAO,GAAG;AAAA,MACzC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs

@@ -10,6 +10,7 @@ const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
 ;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
+;/* empty css                             */
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
 const Feed$1 = require("../../../events/components/sections/Feed.vue.cjs");
 const CardSpot = require("../../../spots/components/blocks/CardSpot.vue.cjs");
@@ -38,7 +39,6 @@ const _sfc_main = {
     const tabOrganization = vue.ref(tab);
     route.query.tab = tabOrganization.value;
     vue.onMounted(async () => {
-      var _a, _b;
       organizationData.value = await organizations.actions.read({
         _id: route.params._id,
         user: auth.state.user._id,
@@ -48,7 +48,7 @@ const _sfc_main = {
       if (typeof gtag === "function") {
         gtag("event", "view_organization", {
           organization_id: route.params._id,
-          organization_name: ((_b = (_a = organizationData.value) == null ? void 0 : _a.profile) == null ? void 0 : _b.name) || "unknown",
+          organization_name: organizationData.value?.profile?.name || "unknown",
           page_path: window.location.pathname,
           user_id: auth.state.user._id || "anonymous",
           timestamp: (/* @__PURE__ */ new Date()).toISOString()

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.cjs","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-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"rows-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r bg-light radius-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'OrganizationInventoryList', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-medium h-min-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\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 Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.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// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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 * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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 memberships.actions.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\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAUA,UAAS,UAAA;AACzB,UAAM,QAASC,UAAQ,SAAA;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjC,UAAM,kBAAkBA,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,QAAAA,UAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,KAAU,MAAC,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAEDE,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.cjs","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-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"rows-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r bg-light radius-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'OrganizationInventoryList', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-medium h-min-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\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 Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.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// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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 * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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 memberships.actions.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\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAUA,UAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjC,UAAM,kBAAkBA,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,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,SAASD,KAAAA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAEDE,cAAM,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/pages/Organization.vue.js

@@ -8,6 +8,7 @@ import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
 /* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
+/* empty css                           */
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
 import _sfc_main$5 from "../../../events/components/sections/Feed.vue.js";
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";
@@ -36,7 +37,6 @@ const _sfc_main = {
     const tabOrganization = ref(tab);
     route.query.tab = tabOrganization.value;
     onMounted(async () => {
-      var _a, _b;
       organizationData.value = await actions.read({
         _id: route.params._id,
         user: state.user._id,
@@ -46,7 +46,7 @@ const _sfc_main = {
       if (typeof gtag === "function") {
         gtag("event", "view_organization", {
           organization_id: route.params._id,
-          organization_name: ((_b = (_a = organizationData.value) == null ? void 0 : _a.profile) == null ? void 0 : _b.name) || "unknown",
+          organization_name: organizationData.value?.profile?.name || "unknown",
           page_path: window.location.pathname,
           user_id: state.user._id || "anonymous",
           timestamp: (/* @__PURE__ */ new Date()).toISOString()

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

@@ -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-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"rows-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r bg-light radius-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'OrganizationInventoryList', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-medium h-min-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\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 Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.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// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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 * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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 memberships.actions.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\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmB,IAAI,IAAI;AAEjC,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,cAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;AAEA,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAED,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"rows-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r bg-light radius-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'OrganizationInventoryList', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-medium h-min-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\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 Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.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// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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 * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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 memberships.actions.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\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmB,IAAI,IAAI;AAEjC,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,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,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,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,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAED,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/pages/OrganizationBackoffice.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationBackoffice.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationBackoffice.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white pd-medium\">\n\t\t\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<!-- ДОБАВИТЬ СЮДА ДРОПДАУН С ВЫБОРОМ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЯ -->\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<Menu \n\t\t\tclass=\"bg-light mn-b-semi\"\n\t\t>\n\t\t\t<MenuItem \n\t\t\t\tv-if=\"hasAccess(route.params._id, 'members', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization Members', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\"\n\t\t  >\n\t\t  \t<IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tMembers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <!-- <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Community', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tCommunity\n\t\t    </span>\n\t\t  </MenuItem> -->\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Products', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tProducts\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Categories', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tCategories\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'inventory', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationInventoryList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tInventory\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationOrdersList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tOrders\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Rents', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tRents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Gallery', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tGallery\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t  \n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Events Backoffice', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tEvents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t <!--  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Payments', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tPayments\n\t\t    </span>\n\t\t  </MenuItem> -->\n\t\t</Menu>\n\n\t\t<!-- <Menu \n\t\t\tclass=\"bg-light\"\n\t\t>\n\t\t\t<MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Organizations', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tOrganizations\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Reports', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tReports\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t</Menu> -->\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyNA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAE,CAAA;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationBackoffice.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationBackoffice.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white pd-medium\">\n\t\t\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<!-- ДОБАВИТЬ СЮДА ДРОПДАУН С ВЫБОРОМ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЯ -->\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<Menu \n\t\t\tclass=\"bg-light mn-b-semi\"\n\t\t>\n\t\t\t<MenuItem \n\t\t\t\tv-if=\"hasAccess(route.params._id, 'members', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization Members', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\"\n\t\t  >\n\t\t  \t<IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tMembers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <!-- <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Community', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tCommunity\n\t\t    </span>\n\t\t  </MenuItem> -->\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Products', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tProducts\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Categories', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tCategories\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'inventory', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationInventoryList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tInventory\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationOrdersList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tOrders\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Rents', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tRents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Gallery', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tGallery\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t  \n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Events Backoffice', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tEvents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t <!--  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Payments', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tPayments\n\t\t    </span>\n\t\t  </MenuItem> -->\n\t\t</Menu>\n\n\t\t<!-- <Menu \n\t\t\tclass=\"bg-light\"\n\t\t>\n\t\t\t<MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Organizations', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tOrganizations\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Reports', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tReports\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t</Menu> -->\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyNA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}