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

@ozdao/prometheus-framework 0.2.199 → 0.2.200

Files changed (2358) hide show

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

@@ -1 +1,362 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router");require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");require("vue-i18n");;/* empty css                                                   */const P=require("../../../../components/UploadImage/UploadImage.vue.cjs");;/* empty css                                   */const u=require("../../../../components/Field/Field.vue2.cjs");;/* empty css                                         */const r=require("../../../../components/Checkbox/Checkbox.vue.cjs");require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");;/* empty css                                           */;/* empty css                                         */;/* empty css                                                         */const f=require("../../../../components/Button/Button.vue2.cjs"),x=require("../../../../components/Popup/Popup.vue2.cjs"),h=require("../../../../components/Block/Block.vue.cjs"),B=require("../../../../components/Feed/Feed.vue.cjs"),D=require("../../../icons/navigation/IconDelete.vue.cjs");;/* empty css                         */;/* empty css                             */const b=require("../../../users/components/blocks/CardUser.vue.cjs"),g=require("../../../globals/views/store/globals.cjs"),t=require("../../store/departments.cjs"),w=require("../../store/memberships.cjs"),U={class:"for-transition pd-thin w-100"},C={class:"mn-b-thin flex-nowrap flex bg-light pd-medium radius-big"},O={key:0,class:"mn-r-auto"},M={key:1,class:"mn-r-auto"},R={class:"flex-nowrap flex gap-thin pd-thin"},S={class:"cols-2-fit-content"},T={class:"w-100 flex-child-grow-1 flex-child"},z={class:"cols-2 gap-thin"},A={class:"bg-light pd-medium o-hidden radius-big"},F=e.createElementVNode("h3",{class:"mn-b-semi"},"Department Settings",-1),I=e.createElementVNode("p",{class:"p-medium mn-b-small"},"Please settings for your department:",-1),L={class:"cols-1 gap-thin"},j={class:"bg-light pd-medium o-hidden radius-big"},G=e.createElementVNode("h3",{class:"mn-b-semi"},"Acessess",-1),H=e.createElementVNode("p",{class:"p-medium mn-b-small"},"Please select organization accesses for user in department:",-1),J={class:"cols-1 gap-thin"},K=e.createElementVNode("h4",null,"Gallery",-1),Q=e.createElementVNode("h4",null,"Products",-1),W=e.createElementVNode("h4",null,"Orders",-1),X=e.createElementVNode("h4",null,"Departments",-1),Y={__name:"DepartmentEdit",setup(Z){const N=c.useRouter(),d=c.useRoute();async function V(){e.ref(w.state.memberships),d.params.department&&await t.actions.readOne(d.params.department)}V();const n=e.ref(!1),_=e.ref(null);function y(o){n.value=!0}function i(){n.value=!1,_.value=null}e.ref(!1),e.ref(null);async function k(){d.params.department&&await t.actions.update(d.params._id,t.state.department),d.params.department||await t.actions.create(d.params._id,t.state.department)}function E(){N.push({name:"Organization Members",params:{_id:d.params._id}})}async function v(){confirm("Are you sure you want to delete this department?")&&await t.actions.delete(d.params._id,t.state.department)}function q(o){confirm("Are you sure you want to remove this member?")&&g.actions.delete(t.state.department.members,{_id:o.user._id})}return(o,a)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("header",C,[e.unref(d).params.department?(e.openBlock(),e.createElementBlock("h1",O,"Edit Department")):(e.openBlock(),e.createElementBlock("h1",M,"Create Department")),e.createElementVNode("section",R,[e.unref(d).params.department?(e.openBlock(),e.createBlock(f.default,{key:0,submit:v,callback:o.redirectToDash,class:"bg-red"},{default:e.withCtx(()=>[e.createTextVNode("Delete")]),_:1},8,["callback"])):e.createCommentVNode("",!0),e.createVNode(f.default,{submit:k,callback:E,class:"bg-main"},{default:e.withCtx(()=>[e.createTextVNode("Save")]),_:1})])]),t.state.department.profile?(e.openBlock(),e.createBlock(h.default,{key:0,title:"Profile",class:"mn-b-thin"},{default:e.withCtx(()=>[e.createElementVNode("div",S,[e.createVNode(P.default,{photo:t.state.department.profile.photo,"onUpdate:photo":a[0]||(a[0]=s=>t.state.department.profile.photo=s),uploadPath:"organizations/"+t.state.department.name+"/avatars",class:"w-8r aspect-1x1 o-hidden mn-r-small radius-extra"},null,8,["photo","uploadPath"]),e.createElementVNode("div",T,[e.createVNode(u.default,{field:t.state.department.profile.name,"onUpdate:field":a[1]||(a[1]=s=>t.state.department.profile.name=s),label:"Name",placeholder:"Department Name",class:"mn-b-small bg-white radius-small pd-medium",validation:o.organizationName},null,8,["field","validation"]),e.createVNode(u.default,{field:t.state.department.profile.description,"onUpdate:field":a[2]||(a[2]=s=>t.state.department.profile.description=s),label:"Description",placeholder:"Department description (max 120 symbols)",class:"bg-white radius-small pd-medium",validation:o.organizationName},null,8,["field","validation"])])])]),_:1})):e.createCommentVNode("",!0),e.createVNode(h.default,{title:"Team",placeholder:"No members added yet",actions:[{label:"+",function:()=>y()}],class:"cols-1 gap-thin mn-b-thin"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.state.department.members,(s,l)=>(e.openBlock(),e.createBlock(b.default,{class:"h-4r bg-white pd-thin radius-medium w-100",key:l,user:s.user,photo:s.user.profile.photo,name:s.user.profile.name||s.user.phone||s.user.email||s.user._id,position:s.position,action:{label:{is:D.default,props:{class:"i-medium",fill:"rgb(var(--white)"}},method:()=>q(s)}},null,8,["user","photo","name","position","action"]))),128))]),_:1},8,["actions"]),e.createVNode(x.default,{title:"Add member",onClosePopup:i,isPopupOpen:n.value,class:"bg-white w-max-30r radius-big pd-big"},{default:e.withCtx(()=>[e.createVNode(B.default,{search:{placeholder:"Search customer...",class:"bg-light mn-b-thin"},states:{empty:{title:"No Products Found",description:"Currently, there are no such products available."}},store:{read:s=>w.actions.read(s),state:null},options:{target:e.unref(d).params._id},class:"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll"},{default:e.withCtx(({items:s})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s,(l,$)=>{var m,p;return e.openBlock(),e.createBlock(b.default,{key:l._id,user:l.user,photo:(m=l.user.profile)==null?void 0:m.photo,name:((p=l.user.profile)==null?void 0:p.name)||l.user.phone||l.user.email,onClick:()=>{g.actions.add(t.state.department.members,{_id:l.user._id,user:l.user,position:"Member"}),i()},class:"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"},null,8,["user","photo","name","onClick"])}),128))]),_:1},8,["store","options"])]),_:1},8,["isPopupOpen"]),e.createElementVNode("div",z,[e.createElementVNode("div",A,[F,I,e.createElementVNode("div",L,[e.createVNode(r.default,{label:"Hidden department",name:"hidden",class:"w-100 mn-r-small bg-white radius-small pd-small","onUpdate:radio":a[3]||(a[3]=s=>t.state.department.hidden=!t.state.department.hidden),radio:t.state.department.hidden},null,8,["radio"])])]),e.createElementVNode("div",j,[G,H,e.createElementVNode("div",J,[K,e.createVNode(r.default,{label:"Read gallery",name:"readProducts",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.gallery.read,"onUpdate:radio":a[4]||(a[4]=s=>t.state.department.accesses.gallery.read=!t.state.department.accesses.gallery.read)},null,8,["radio"]),e.createVNode(r.default,{label:"Edit gallery",name:"editProducts",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.gallery.edit,"onUpdate:radio":a[5]||(a[5]=s=>t.state.department.accesses.gallery.edit=!t.state.department.accesses.gallery.edit)},null,8,["radio"]),e.createVNode(r.default,{label:"Delete gallery",name:"deleteProducts",class:"w-100 bg-white radius-small pd-small",radio:t.state.department.accesses.gallery.delete,"onUpdate:radio":a[6]||(a[6]=s=>t.state.department.accesses.gallery.delete=!t.state.department.accesses.gallery.delete)},null,8,["radio"]),Q,e.createVNode(r.default,{label:"Read products",name:"readProducts",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.products.read,"onUpdate:radio":a[7]||(a[7]=s=>t.state.department.accesses.products.read=!t.state.department.accesses.products.read)},null,8,["radio"]),e.createVNode(r.default,{label:"Edit products",name:"editProducts",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.products.edit,"onUpdate:radio":a[8]||(a[8]=s=>t.state.department.accesses.products.edit=!t.state.department.accesses.products.edit)},null,8,["radio"]),e.createVNode(r.default,{label:"Delete products",name:"deleteProducts",class:"w-100 bg-white radius-small pd-small",radio:t.state.department.accesses.products.delete,"onUpdate:radio":a[9]||(a[9]=s=>t.state.department.accesses.products.delete=!t.state.department.accesses.products.delete)},null,8,["radio"]),W,e.createVNode(r.default,{label:"Read orders",name:"readOrders",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.orders.read,"onUpdate:radio":a[10]||(a[10]=s=>t.state.department.accesses.orders.read=!t.state.department.accesses.orders.read)},null,8,["radio"]),e.createVNode(r.default,{label:"Confirm orders",name:"confirmOrders",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.orders.confirm,"onUpdate:radio":a[11]||(a[11]=s=>t.state.department.accesses.orders.confirm=!t.state.department.accesses.orders.confirm)},null,8,["radio"]),e.createVNode(r.default,{label:"Delete orders",name:"deleteOrders",class:"w-100 bg-white radius-small pd-small",radio:t.state.department.accesses.orders.delete,"onUpdate:radio":a[12]||(a[12]=s=>t.state.department.accesses.orders.delete=!t.state.department.accesses.orders.delete)},null,8,["radio"]),X,e.createVNode(r.default,{label:"Read departments",name:"readDepartments",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.departments.read,"onUpdate:radio":a[13]||(a[13]=s=>t.state.department.accesses.departments.read=!t.state.department.accesses.departments.read)},null,8,["radio"]),e.createVNode(r.default,{label:"Edit departments",name:"editDepartments",class:"w-100 mn-r-small bg-white radius-small pd-small",radio:t.state.department.accesses.departments.edit,"onUpdate:radio":a[14]||(a[14]=s=>t.state.department.accesses.departments.edit=!t.state.department.accesses.departments.edit)},null,8,["radio"]),e.createVNode(r.default,{label:"Delete departments",name:"deleteDepartments",class:"w-100 bg-white radius-small pd-small",radio:t.state.department.accesses.departments.delete,"onUpdate:radio":a[15]||(a[15]=s=>t.state.department.accesses.departments.delete=!t.state.department.accesses.departments.delete)},null,8,["radio"])])])])]))}};exports.default=Y;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
+require("vue-i18n");
+;/* empty css                                                   */
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+;/* empty css                                   */
+const Field = require("../../../../components/Field/Field.vue.cjs");
+;/* empty css                                          */
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+;/* empty css                                           */
+;/* empty css                                         */
+;/* empty css                                                         */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+;/* empty css                         */
+;/* empty css                             */
+const CardUser = require("../../../users/components/blocks/CardUser.vue.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const departments = require("../../store/departments.cjs");
+const memberships = require("../../store/memberships.cjs");
+const _hoisted_1 = { class: "for-transition pd-thin w-100" };
+const _hoisted_2 = { class: "mn-b-thin flex-nowrap flex bg-light pd-medium radius-big" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-r-auto"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mn-r-auto"
+};
+const _hoisted_5 = { class: "flex-nowrap flex gap-thin pd-thin" };
+const _hoisted_6 = { class: "cols-2-fit-content" };
+const _hoisted_7 = { class: "w-100 flex-child-grow-1 flex-child" };
+const _hoisted_8 = { class: "cols-2 gap-thin" };
+const _hoisted_9 = { class: "bg-light pd-medium o-hidden radius-big" };
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1);
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1);
+const _hoisted_12 = { class: "cols-1 gap-thin" };
+const _hoisted_13 = { class: "bg-light pd-medium o-hidden radius-big" };
+const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-semi" }, "Acessess", -1);
+const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1);
+const _hoisted_16 = { class: "cols-1 gap-thin" };
+const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Gallery", -1);
+const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Products", -1);
+const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Orders", -1);
+const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Departments", -1);
+const _sfc_main = {
+  __name: "DepartmentEdit",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    async function fetchData() {
+      vue.ref(memberships.state.memberships);
+      if (route.params.department) await departments.actions.readOne(route.params.department);
+    }
+    fetchData();
+    const isOpenAddMemberPopup = vue.ref(false);
+    const selectedMember = vue.ref(null);
+    function openMemberPopup(member) {
+      isOpenAddMemberPopup.value = true;
+    }
+    function closeMemberPopup() {
+      isOpenAddMemberPopup.value = false;
+      selectedMember.value = null;
+    }
+    vue.ref(false);
+    vue.ref(null);
+    async function onSubmit() {
+      if (route.params.department) {
+        await departments.actions.update(
+          route.params._id,
+          departments.state.department
+        );
+      }
+      if (!route.params.department) {
+        await departments.actions.create(
+          route.params._id,
+          departments.state.department
+        );
+      }
+    }
+    function redirectTo() {
+      router.push({ name: "Organization Members", params: { _id: route.params._id } });
+    }
+    async function onDelete() {
+      if (confirm("Are you sure you want to delete this department?")) {
+        await departments.actions.delete(
+          route.params._id,
+          departments.state.department
+        );
+      }
+    }
+    function removeMember(member) {
+      if (confirm("Are you sure you want to remove this member?")) {
+        globals.actions.delete(departments.state.department.members, { _id: member.user._id });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("header", _hoisted_2, [
+          vue.unref(route).params.department ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_3, "Edit Department")) : (vue.openBlock(), vue.createElementBlock("h1", _hoisted_4, "Create Department")),
+          vue.createElementVNode("section", _hoisted_5, [
+            vue.unref(route).params.department ? (vue.openBlock(), vue.createBlock(Button.default, {
+              key: 0,
+              submit: onDelete,
+              callback: _ctx.redirectToDash,
+              class: "bg-red"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("Delete")
+              ]),
+              _: 1
+            }, 8, ["callback"])) : vue.createCommentVNode("", true),
+            vue.createVNode(Button.default, {
+              submit: onSubmit,
+              callback: redirectTo,
+              class: "bg-main"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("Save")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        departments.state.department.profile ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 0,
+          title: "Profile",
+          class: "mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_6, [
+              vue.createVNode(UploadImage.default, {
+                photo: departments.state.department.profile.photo,
+                "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => departments.state.department.profile.photo = $event),
+                uploadPath: "organizations/" + departments.state.department.name + "/avatars",
+                class: "w-8r aspect-1x1 o-hidden mn-r-small radius-extra"
+              }, null, 8, ["photo", "uploadPath"]),
+              vue.createElementVNode("div", _hoisted_7, [
+                vue.createVNode(Field.default, {
+                  field: departments.state.department.profile.name,
+                  "onUpdate:field": _cache[1] || (_cache[1] = ($event) => departments.state.department.profile.name = $event),
+                  label: "Name",
+                  placeholder: "Department Name",
+                  class: "mn-b-small bg-white radius-small pd-medium",
+                  validation: _ctx.organizationName
+                }, null, 8, ["field", "validation"]),
+                vue.createVNode(Field.default, {
+                  field: departments.state.department.profile.description,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => departments.state.department.profile.description = $event),
+                  label: "Description",
+                  placeholder: "Department description (max 120 symbols)",
+                  class: "bg-white radius-small pd-medium",
+                  validation: _ctx.organizationName
+                }, null, 8, ["field", "validation"])
+              ])
+            ])
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.createVNode(Block.default, {
+          title: "Team",
+          placeholder: "No members added yet",
+          actions: [{
+            label: "+",
+            function: () => openMemberPopup()
+          }],
+          class: "cols-1 gap-thin mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(departments.state.department.members, (member, index) => {
+              return vue.openBlock(), vue.createBlock(CardUser.default, {
+                class: "h-4r bg-white pd-thin radius-medium w-100",
+                key: index,
+                user: member.user,
+                photo: member.user.profile.photo,
+                name: member.user.profile.name || member.user.phone || member.user.email || member.user._id,
+                position: member.position,
+                action: {
+                  label: {
+                    is: IconDelete.default,
+                    props: { class: "i-medium", fill: "rgb(var(--white)" }
+                  },
+                  method: () => removeMember(member)
+                }
+              }, null, 8, ["user", "photo", "name", "position", "action"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createVNode(Popup.default, {
+          title: "Add member",
+          onClosePopup: closeMemberPopup,
+          isPopupOpen: isOpenAddMemberPopup.value,
+          class: "bg-white w-max-30r radius-big pd-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(Feed.default, {
+              search: {
+                placeholder: "Search customer...",
+                class: "bg-light mn-b-thin"
+              },
+              states: {
+                empty: {
+                  title: "No Products Found",
+                  description: "Currently, there are no such products available."
+                }
+              },
+              store: {
+                read: (options) => memberships.actions.read(options),
+                state: null
+              },
+              options: {
+                target: vue.unref(route).params._id
+              },
+              class: "bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (user, index) => {
+                  var _a, _b;
+                  return vue.openBlock(), vue.createBlock(CardUser.default, {
+                    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,
+                    onClick: () => {
+                      globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: "Member" });
+                      closeMemberPopup();
+                    },
+                    class: "h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["user", "photo", "name", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
+            _hoisted_10,
+            _hoisted_11,
+            vue.createElementVNode("div", _hoisted_12, [
+              vue.createVNode(Checkbox.default, {
+                label: "Hidden department",
+                name: "hidden",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                "onUpdate:radio": _cache[3] || (_cache[3] = (updated) => departments.state.department.hidden = !departments.state.department.hidden),
+                radio: departments.state.department.hidden
+              }, null, 8, ["radio"])
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_13, [
+            _hoisted_14,
+            _hoisted_15,
+            vue.createElementVNode("div", _hoisted_16, [
+              _hoisted_17,
+              vue.createVNode(Checkbox.default, {
+                label: "Read gallery",
+                name: "readProducts",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.gallery.read,
+                "onUpdate:radio": _cache[4] || (_cache[4] = (updated) => departments.state.department.accesses.gallery.read = !departments.state.department.accesses.gallery.read)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Edit gallery",
+                name: "editProducts",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.gallery.edit,
+                "onUpdate:radio": _cache[5] || (_cache[5] = (updated) => departments.state.department.accesses.gallery.edit = !departments.state.department.accesses.gallery.edit)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Delete gallery",
+                name: "deleteProducts",
+                class: "w-100 bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.gallery.delete,
+                "onUpdate:radio": _cache[6] || (_cache[6] = (updated) => departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)
+              }, null, 8, ["radio"]),
+              _hoisted_18,
+              vue.createVNode(Checkbox.default, {
+                label: "Read products",
+                name: "readProducts",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.products.read,
+                "onUpdate:radio": _cache[7] || (_cache[7] = (updated) => departments.state.department.accesses.products.read = !departments.state.department.accesses.products.read)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Edit products",
+                name: "editProducts",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.products.edit,
+                "onUpdate:radio": _cache[8] || (_cache[8] = (updated) => departments.state.department.accesses.products.edit = !departments.state.department.accesses.products.edit)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Delete products",
+                name: "deleteProducts",
+                class: "w-100 bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.products.delete,
+                "onUpdate:radio": _cache[9] || (_cache[9] = (updated) => departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)
+              }, null, 8, ["radio"]),
+              _hoisted_19,
+              vue.createVNode(Checkbox.default, {
+                label: "Read orders",
+                name: "readOrders",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.orders.read,
+                "onUpdate:radio": _cache[10] || (_cache[10] = (updated) => departments.state.department.accesses.orders.read = !departments.state.department.accesses.orders.read)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Confirm orders",
+                name: "confirmOrders",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.orders.confirm,
+                "onUpdate:radio": _cache[11] || (_cache[11] = (updated) => departments.state.department.accesses.orders.confirm = !departments.state.department.accesses.orders.confirm)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Delete orders",
+                name: "deleteOrders",
+                class: "w-100 bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.orders.delete,
+                "onUpdate:radio": _cache[12] || (_cache[12] = (updated) => departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)
+              }, null, 8, ["radio"]),
+              _hoisted_20,
+              vue.createVNode(Checkbox.default, {
+                label: "Read departments",
+                name: "readDepartments",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.departments.read,
+                "onUpdate:radio": _cache[13] || (_cache[13] = (updated) => departments.state.department.accesses.departments.read = !departments.state.department.accesses.departments.read)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Edit departments",
+                name: "editDepartments",
+                class: "w-100 mn-r-small bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.departments.edit,
+                "onUpdate:radio": _cache[14] || (_cache[14] = (updated) => departments.state.department.accesses.departments.edit = !departments.state.department.accesses.departments.edit)
+              }, null, 8, ["radio"]),
+              vue.createVNode(Checkbox.default, {
+                label: "Delete departments",
+                name: "deleteDepartments",
+                class: "w-100 bg-white radius-small pd-small",
+                radio: departments.state.department.accesses.departments.delete,
+                "onUpdate:radio": _cache[15] || (_cache[15] = (updated) => departments.state.department.accesses.departments.delete = !departments.state.department.accesses.departments.delete)
+              }, null, 8, ["radio"])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=DepartmentEdit.vue.cjs.map

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

@@ -0,0 +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 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":["useRouter","useRoute","ref","memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+SA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,mBAAe,YAAY;AACXC,UAAG,IAACC,YAAiB,MAAC,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,YAAAA,QAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA;AAIA,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,QAAG,IAAC,KAAK;AACZA,QAAG,IAAC,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAME,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,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,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IAEH;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,wBAAgB,OAAOD,YAAiB,MAAC,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACrF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}