npm - @ozdao/prometheus-framework - Versions diffs - 0.2.199 → 0.2.201 - Mend

@ozdao/prometheus-framework 0.2.199 → 0.2.201

Files changed (2382) hide show

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js.map ADDED Viewed

@@ -0,0 +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 bg-light pd-medium radius-big\">\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 Products Found',\n description: 'Currently, there are no such products available.'\n }\n }\"\n :store=\"{\n read: (options) => memberships.actions.read(options),\n state: null\n }\"\n :options=\"{\n target: route.params._id\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 <h4>Gallery</h4>\n <Checkbox\n label=\"Read gallery\"\n name=\"readProducts\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.gallery.read\"\n @update:radio=\"updated => (departments.state.department.accesses.gallery.read = !departments.state.department.accesses.gallery.read)\"\n />\n <Checkbox\n label=\"Edit gallery\"\n name=\"editProducts\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.gallery.edit\"\n @update:radio=\"updated => (departments.state.department.accesses.gallery.edit = !departments.state.department.accesses.gallery.edit)\"\n />\n <Checkbox\n label=\"Delete gallery\"\n name=\"deleteProducts\"\n class=\"w-100 bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.gallery.delete\"\n @update:radio=\"updated => (departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)\"\n />\n <h4>Products</h4>\n <Checkbox\n label=\"Read products\"\n name=\"readProducts\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.products.read\"\n @update:radio=\"updated => (departments.state.department.accesses.products.read = !departments.state.department.accesses.products.read)\"\n />\n <Checkbox\n label=\"Edit products\"\n name=\"editProducts\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.products.edit\"\n @update:radio=\"updated => (departments.state.department.accesses.products.edit = !departments.state.department.accesses.products.edit)\"\n />\n <Checkbox\n label=\"Delete products\"\n name=\"deleteProducts\"\n class=\"w-100 bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.products.delete\"\n @update:radio=\"updated => (departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)\"\n />\n\n <h4>Orders</h4>\n <Checkbox\n label=\"Read orders\"\n name=\"readOrders\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.orders.read\"\n @update:radio=\"updated => (departments.state.department.accesses.orders.read = !departments.state.department.accesses.orders.read)\"\n />\n <Checkbox\n label=\"Confirm orders\"\n name=\"confirmOrders\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.orders.confirm\"\n @update:radio=\"updated => (departments.state.department.accesses.orders.confirm = !departments.state.department.accesses.orders.confirm)\"\n />\n <Checkbox\n label=\"Delete orders\"\n name=\"deleteOrders\"\n class=\"w-100 bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.orders.delete\"\n @update:radio=\"updated => (departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)\"\n />\n\n <h4>Departments</h4>\n <Checkbox\n label=\"Read departments\"\n name=\"readDepartments\" class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.departments.read\"\n @update:radio=\"updated => (departments.state.department.accesses.departments.read = !departments.state.department.accesses.departments.read)\"\n />\n <Checkbox\n label=\"Edit departments\"\n name=\"editDepartments\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.departments.edit\"\n @update:radio=\"updated => (departments.state.department.accesses.departments.edit = !departments.state.department.accesses.departments.edit)\"\n />\n <Checkbox\n label=\"Delete departments\"\n name=\"deleteDepartments\"\n class=\"w-100 bg-white radius-small pd-small\"\n :radio=\"departments.state.department.accesses.departments.delete\"\n @update:radio=\"updated => (departments.state.department.accesses.departments.delete = !departments.state.department.accesses.departments.delete)\"\n />\n </div>\n </div>\n\n\n </div>\n\n \n \n\n\n\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 '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\nimport EditArray from \"@pf/src/modules/organizations/components/blocks/EditArray.vue\";\nimport DepartmentSub from \"@pf/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nimport * as globals from \"@pf/src/modules/globals/views/store/globals\";\nimport * as departments from \"@pf/src/modules/organizations/store/departments\";\nimport * as memberships from \"@pf/src/modules/organizations/store/memberships\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+SA,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;AAIA,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,MACG;AACD,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAI,CAAA;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IAEH;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,kBAAgB,OAAOD,MAAkB,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACrF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs CHANGED Viewed

@@ -1 +1,258 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("vue-router"),m=require("../../../../components/Feed/Feed.vue.cjs");;/* empty css                                   */;/* empty css                                           */const M=require("../../../../components/Popup/Popup.vue2.cjs"),N=require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs"),z=require("../sections/MembersAdd.vue.cjs");;/* empty css                                     */require("../../../../components/Menu/MenuItem.vue.cjs");const _=require("../../../users/components/blocks/CardUser.vue.cjs"),P=require("../blocks/CardDepartment.vue.cjs"),k=require("../../../icons/navigation/IconDelete.vue.cjs"),p=require("../../../auth/views/store/auth.cjs"),w=require("../../../globals/views/store/globals.cjs"),f=require("../../store/invites.cjs"),b=require("../../store/memberships.cjs"),y=require("../../store/organizations.cjs"),v=require("../../store/departments.cjs"),V={class:"pd-thin"},I={key:2,class:"cols-1 gap-thin"},A={key:3},F={__name:"Members",setup(S){const o=g.useRoute();g.useRouter();const d=e.ref(null),i=e.ref("members"),l=e.ref([]),c=e.ref(!1);function B(){c.value=!0}function h(){c.value=!1}e.onMounted(async()=>{d.value=(await y.actions.read({_id:o.params._id,user:p.state.user._id}))[0]}),e.computed(()=>{const n=v.state.departments,a=n.flatMap(s=>s.subdepartments.map(t=>t._id));return n.filter(s=>!a.includes(s._id))});async function C(n,a,s){try{const t=await f.actions.create({owner:{type:"Organization",target:d.value._id},creator:{type:"User",target:p.state.user._id},invites:n});for(let r of t.createdInvites)w.actions.add(l.value,r);h(),a()}catch(t){s(t)}}async function q(n,a){confirm("Confirm remove of member")==!0&&(b.state.memberships.splice(n,1),await b.actions.delete(a))}async function x(n,a){confirm("Confirm remove of member")==!0&&(w.actions.delete(l.value,a),await f.actions.delete(a._id))}return(n,a)=>{const s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",V,[e.createVNode(N.default,{title:"Members","onUpdate:tabs_current":a[0]||(a[0]=t=>i.value=t),tabs_current:i.value,tabs:[{name:`Members (${y.state.current.numberOfMembers||0})`,value:"members"},{name:"Departments",value:"departments"},{name:"Invites",value:"invites"}],actions:[{method:B,label:"Invite members"}],class:"mn-b-small bg-light bg-light radius-big"},null,8,["tabs_current","tabs","actions"]),e.createVNode(M.default,{title:"Add members",onClosePopup:h,isPopupOpen:c.value,class:"bg-white w-min-30r w-max-30r radius-big pd-medium"},{default:e.withCtx(()=>[e.createVNode(z.default,{text:"Please enter your email or phone number to send an invitation link:",organization:d.value,onSendInvite:C},null,8,["organization"])]),_:1},8,["isPopupOpen"]),i.value==="departments"?(e.openBlock(),e.createBlock(m.default,{key:0,states:{empty:{title:"No Departments Found",description:"Currently, there are no departments available.",action:"Add department",callback:()=>n.$router.push(`/organizations/${e.unref(o).params._id}/departments/create`)}},store:{read:t=>v.actions.read(t),state:null},options:{organization:e.unref(o).params._id,user:p.state.user._id}},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,(r,u)=>(e.openBlock(),e.createBlock(P.default,{key:u,department:r,organization:e.unref(o).params._id,class:"radius-semi bg-light pos-relative mn-b-thin"},null,8,["department","organization"]))),128))]),_:1},8,["states","store","options"])):e.createCommentVNode("",!0),i.value==="departments"&&v.state.departments.length>0?(e.openBlock(),e.createBlock(s,{key:1,to:{path:`/organizations/${e.unref(o).params._id}/departments/create`},class:"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"},{default:e.withCtx(()=>[e.createTextVNode(" Add department ")]),_:1},8,["to"])):e.createCommentVNode("",!0),i.value==="members"?(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(m.default,{search:!0,states:{empty:{title:"No Members Found",description:"Currently, there are no members."}},store:{read:t=>b.actions.read(t)},options:{target:e.unref(o).params._id,role:["member","owner"]},class:"gap-thin cols-1"},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,(r,u)=>(e.openBlock(),e.createBlock(_.default,{key:u,user:r,_id:r.user._id,photo:r.user.profile.photo,phone:r.user.phone,email:r.user.email,name:r.user.profile.name||"No name",role:r.label||r.role,onClick:$=>n.$router.push(`/profile/${r.user._id}`),action:r.role!=="owner"?{label:{is:k.default,props:{class:"i-medium",fill:"rgb(var(--white)"}},method:()=>q(u,r)}:null,class:"h-4r w-100 bg-light radius-big flex-nowrap flex pd-medium"},null,8,["user","_id","photo","phone","email","name","role","onClick","action"]))),128))]),_:1},8,["store","options"])])):e.createCommentVNode("",!0),i.value==="invites"?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(m.default,{items:l.value,"onUpdate:items":a[1]||(a[1]=t=>l.value=t),states:{empty:{title:"No Invites Found",description:"Currently, there are no members."}},store:{read:t=>f.actions.read(t)},options:{owner:e.unref(o).params._id},class:"gap-thin cols-1"},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,r=>(e.openBlock(),e.createBlock(_.default,{key:n.index,user:{type:"invite"},name:r.email||r.phone,role:r.status,action:{label:{is:k.default,props:{class:"i-medium",fill:"rgb(var(--white)"}},method:()=>x(n.index,r)},class:"h-4r w-100 bg-light radius-big flex-nowrap flex pd-medium"},null,8,["name","role","action"]))),128))]),_:1},8,["items","store","options"])])):e.createCommentVNode("",!0)])}}};exports.default=F;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+;/* empty css                                   */
+;/* empty css                                           */
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
+const MembersAdd = require("../sections/MembersAdd.vue.cjs");
+;/* empty css                                     */
+require("../../../../components/Menu/MenuItem.vue.cjs");
+const CardUser = require("../../../users/components/blocks/CardUser.vue.cjs");
+const CardDepartment = require("../blocks/CardDepartment.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const invites = require("../../store/invites.cjs");
+const memberships = require("../../store/memberships.cjs");
+const organizations = require("../../store/organizations.cjs");
+const departments = require("../../store/departments.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = {
+  key: 2,
+  class: "cols-1 gap-thin"
+};
+const _hoisted_3 = { key: 3 };
+const _sfc_main = {
+  __name: "Members",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    vueRouter.useRouter();
+    const organizationData = vue.ref(null);
+    const tab = vue.ref("members");
+    const invitesState = vue.ref([]);
+    const isOpenMembersAddPopup = vue.ref(false);
+    function openMembersAddPopup() {
+      isOpenMembersAddPopup.value = true;
+    }
+    function closeMembersAddPopup() {
+      isOpenMembersAddPopup.value = false;
+    }
+    vue.onMounted(async () => {
+      organizationData.value = (await organizations.actions.read({ _id: route.params._id, user: auth.state.user._id }))[0];
+    });
+    vue.computed(() => {
+      const departmentsState = departments.state.departments;
+      const subdepartmentIds = departmentsState.flatMap(
+        (department) => department.subdepartments.map((subdepartment) => subdepartment._id)
+      );
+      return departmentsState.filter(
+        (department) => !subdepartmentIds.includes(department._id)
+      );
+    });
+    async function handleSendInvite(list, resolve, reject) {
+      try {
+        const response = await invites.actions.create({
+          owner: {
+            type: "Organization",
+            target: organizationData.value._id
+          },
+          creator: {
+            type: "User",
+            target: auth.state.user._id
+          },
+          invites: list
+        });
+        for (let invite of response.createdInvites) {
+          globals.actions.add(invitesState.value, invite);
+        }
+        closeMembersAddPopup();
+        resolve();
+      } catch (error) {
+        reject(error);
+      }
+    }
+    async function removeMember(index, member) {
+      if (confirm("Confirm remove of member") == true) {
+        memberships.state.memberships.splice(index, 1);
+        await memberships.actions.delete(member);
+      }
+    }
+    async function removeInvite(index, invite) {
+      if (confirm("Confirm remove of member") == true) {
+        globals.actions.delete(invitesState.value, invite);
+        await invites.actions.delete(invite._id);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(SectionPageTitle.default, {
+          title: "Members",
+          "onUpdate:tabs_current": _cache[0] || (_cache[0] = (update) => tab.value = update),
+          tabs_current: tab.value,
+          tabs: [
+            { name: `Members (${organizations.state.current.numberOfMembers || 0})`, value: "members" },
+            { name: "Departments", value: "departments" },
+            { name: "Invites", value: "invites" }
+          ],
+          actions: [
+            { method: openMembersAddPopup, label: "Invite members" }
+          ],
+          class: "mn-b-small bg-light bg-light radius-big"
+        }, null, 8, ["tabs_current", "tabs", "actions"]),
+        vue.createVNode(Popup.default, {
+          title: "Add members",
+          onClosePopup: closeMembersAddPopup,
+          isPopupOpen: isOpenMembersAddPopup.value,
+          class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(MembersAdd.default, {
+              text: "Please enter your email or phone number to send an invitation link:",
+              organization: organizationData.value,
+              onSendInvite: handleSendInvite
+            }, null, 8, ["organization"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        tab.value === "departments" ? (vue.openBlock(), vue.createBlock(Feed.default, {
+          key: 0,
+          states: {
+            empty: {
+              title: "No Departments Found",
+              description: "Currently, there are no departments available.",
+              action: "Add department",
+              callback: () => _ctx.$router.push(`/organizations/${vue.unref(route).params._id}/departments/create`)
+            }
+          },
+          store: {
+            read: (options) => departments.actions.read(options),
+            state: null
+          },
+          options: {
+            organization: vue.unref(route).params._id,
+            user: auth.state.user._id
+          }
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (department, index) => {
+              return vue.openBlock(), vue.createBlock(CardDepartment.default, {
+                key: index,
+                department,
+                organization: vue.unref(route).params._id,
+                class: "radius-semi bg-light pos-relative mn-b-thin"
+              }, null, 8, ["department", "organization"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["states", "store", "options"])) : vue.createCommentVNode("", true),
+        tab.value === "departments" && departments.state.departments.length > 0 ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+          key: 1,
+          to: {
+            path: `/organizations/${vue.unref(route).params._id}/departments/create`
+          },
+          class: "d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" Add department ")
+          ]),
+          _: 1
+        }, 8, ["to"])) : vue.createCommentVNode("", true),
+        tab.value === "members" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(Feed.default, {
+            search: true,
+            states: {
+              empty: {
+                title: "No Members Found",
+                description: "Currently, there are no members."
+              }
+            },
+            store: {
+              read: (options) => memberships.actions.read(options)
+            },
+            options: {
+              target: vue.unref(route).params._id,
+              role: ["member", "owner"]
+            },
+            class: "gap-thin cols-1"
+          }, {
+            default: vue.withCtx(({
+              items
+            }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (member, index) => {
+                return vue.openBlock(), vue.createBlock(CardUser.default, {
+                  key: index,
+                  user: member,
+                  _id: member.user._id,
+                  photo: member.user.profile.photo,
+                  phone: member.user.phone,
+                  email: member.user.email,
+                  name: member.user.profile.name || "No name",
+                  role: member.label || member.role,
+                  onClick: ($event) => _ctx.$router.push(`/profile/${member.user._id}`),
+                  action: member.role !== "owner" ? {
+                    label: {
+                      is: IconDelete.default,
+                      props: { class: "i-medium", fill: "rgb(var(--white)" }
+                    },
+                    method: () => removeMember(index, member)
+                  } : null,
+                  class: "h-4r w-100 bg-light radius-big flex-nowrap flex pd-medium"
+                }, null, 8, ["user", "_id", "photo", "phone", "email", "name", "role", "onClick", "action"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store", "options"])
+        ])) : vue.createCommentVNode("", true),
+        tab.value === "invites" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createVNode(Feed.default, {
+            items: invitesState.value,
+            "onUpdate:items": _cache[1] || (_cache[1] = ($event) => invitesState.value = $event),
+            states: {
+              empty: {
+                title: "No Invites Found",
+                description: "Currently, there are no members."
+              }
+            },
+            store: {
+              read: (options) => invites.actions.read(options)
+            },
+            options: {
+              owner: vue.unref(route).params._id
+            },
+            class: "gap-thin cols-1"
+          }, {
+            default: vue.withCtx(({
+              items
+            }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (invite) => {
+                return vue.openBlock(), vue.createBlock(CardUser.default, {
+                  key: _ctx.index,
+                  user: { type: "invite" },
+                  name: invite.email || invite.phone,
+                  role: invite.status,
+                  action: {
+                    label: {
+                      is: IconDelete.default,
+                      props: { class: "i-medium", fill: "rgb(var(--white)" }
+                    },
+                    method: () => removeInvite(_ctx.index, invite)
+                  },
+                  class: "h-4r w-100 bg-light radius-big flex-nowrap flex pd-medium"
+                }, null, 8, ["name", "role", "action"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["items", "store", "options"])
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Members.vue.cjs.map

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs.map ADDED Viewed

@@ -0,0 +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-big\"\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 <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 <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-big flex-nowrap flex pd-medium\"\n />\n </Feed>\n </div>\n \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 '@pf/src/components/Feed/Feed.vue'\nimport Tab from '@pf/src/components/Tab/Tab.vue'\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Popup from '@pf/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nimport MembersAdd from '@pf/src/modules/organizations/components/sections/MembersAdd.vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue';\nimport CardDepartment from '@pf/src/modules/organizations/components/blocks/CardDepartment.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as globals from '@pf/src/modules/globals/views/store/globals'\nimport * as invites from '@pf/src/modules/organizations/store/invites';\nimport * as memberships from '@pf/src/modules/organizations/store/memberships';\nimport * as organization from '@pf/src/modules/organizations/store/organizations'\nimport * as departments from '@pf/src/modules/organizations/store/departments';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+LA,UAAM,QAAUA,UAAAA,SAAU;AACTC,cAAAA,UAAW;AAC5B,UAAM,mBAAmBC,IAAG,IAAC,IAAI;AAGjC,UAAM,MAAMA,IAAG,IAAC,SAAS;AAEzB,UAAM,eAAeA,IAAG,IAAC,EAAE;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,cAAoB,QAAC,KAAK,EAAC,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAU,MAAC,KAAK,IAAG,CAAC,GAAG,CAAC;AAAA,IAElH,CAAC;AAE6BC,QAAAA,SAAS,MAAM;AAC3C,YAAM,mBAAmBC,YAAiB,MAAC;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,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,KAAAA,MAAW,KAAK;AAAA,UACzB;AAAA,UACD,SAAS;AAAA,QACf,CAAK;AACD,iBAAS,UAAU,SAAS,gBAAgB;AAC1CI,kBAAAA,QAAgB,IAAI,aAAa,OAAO,MAAM;AAAA,QAC/C;AACD;AACA;MACD,SAAQ,OAAO;AACd,eAAO,KAAK;AAAA,MACb;AAAA,IACH;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,MACxC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}