@iankibetsh/shframework 1.4.5 → 1.4.7

package/dist/library.mjs

@@ -2,11 +2,11 @@ import Axios from 'axios';
 import moment from 'moment';
 import Swal from 'sweetalert2';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, inject, mergeProps, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, inject, mergeProps, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, vModelCheckbox, pushScopeId, popScopeId, computed, isRef, watch } from 'vue';
 import Editor from '@tinymce/tinymce-vue';
 import _ from 'lodash';
-import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
+import { defineStore, storeToRefs } from 'pinia';
 
 function setItem (key, value) {
   let toStore = value;
@@ -2542,11 +2542,11 @@ const _hoisted_7$5 = { class: "row" };
 const _hoisted_8$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
 const _hoisted_9$4 = { class: "col-md-12" };
 const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
-const _hoisted_11$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_12$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_13$2 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_14$2 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
-const _hoisted_15$2 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_11$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_14$3 = ["data-cy", "name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_15$3 = ["disabled", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_16$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$2 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_18$2 = ["value"];
@@ -2650,7 +2650,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "number"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_11$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2664,7 +2664,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "password"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_12$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2679,7 +2679,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "email",
                     required: ""
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_13$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2692,7 +2692,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control active"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_14$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2740,7 +2740,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event),
                     type: "text"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_15$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_15$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -3603,20 +3603,20 @@ const _hoisted_9$3 = [
   _hoisted_4$6
 ];
 const _hoisted_10$2 = { class: "record_counts" };
-const _hoisted_11$1 = {
+const _hoisted_11$2 = {
   key: 0,
   "aria-label": "Page navigation"
 };
-const _hoisted_12$1 = { class: "pagination" };
-const _hoisted_13$1 = {
+const _hoisted_12$2 = { class: "pagination" };
+const _hoisted_13$2 = {
   key: 0,
   class: "page-link"
 };
-const _hoisted_14$1 = {
+const _hoisted_14$2 = {
   key: 1,
   class: "page-link"
 };
-const _hoisted_15$1 = ["onClick"];
+const _hoisted_15$2 = ["onClick"];
 const _hoisted_16$1 = { key: 1 };
 const _hoisted_17$1 = {
   key: 0,
@@ -3655,8 +3655,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("span", _hoisted_10$2, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
-          ? (openBlock(), createElementBlock("nav", _hoisted_11$1, [
-              createElementVNode("ul", _hoisted_12$1, [
+          ? (openBlock(), createElementBlock("nav", _hoisted_11$2, [
+              createElementVNode("ul", _hoisted_12$2, [
                 createElementVNode("li", {
                   class: normalizeClass([$options.getActivePage === 1 ? 'disabled' : '' , "page-item"])
                 }, [
@@ -3671,14 +3671,14 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     key: page
                   }, [
                     ($options.getActivePage === page)
-                      ? (openBlock(), createElementBlock("a", _hoisted_13$1, toDisplayString(page), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("a", _hoisted_13$2, toDisplayString(page), 1 /* TEXT */))
                       : (['..','...'].includes(page))
-                        ? (openBlock(), createElementBlock("a", _hoisted_14$1, toDisplayString(page), 1 /* TEXT */))
+                        ? (openBlock(), createElementBlock("a", _hoisted_14$2, toDisplayString(page), 1 /* TEXT */))
                         : (openBlock(), createElementBlock("a", {
                             key: 2,
                             onClick: $event => ($options.changeTableKey('page',page)),
                             class: "page-link"
-                          }, toDisplayString(page), 9 /* TEXT, PROPS */, _hoisted_15$1))
+                          }, toDisplayString(page), 9 /* TEXT, PROPS */, _hoisted_15$2))
                   ], 2 /* CLASS */))
                 }), 128 /* KEYED_FRAGMENT */)),
                 createElementVNode("li", {
@@ -4180,24 +4180,24 @@ const _hoisted_7$2 = {
 const _hoisted_8$2 = { class: "col-12 mb-3" };
 const _hoisted_9$2 = { class: "sh-search-bar" };
 const _hoisted_10$1 = ["placeholder"];
-const _hoisted_11 = {
+const _hoisted_11$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_12 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_12$1 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_13 = [
-  _hoisted_12
+const _hoisted_13$1 = [
+  _hoisted_12$1
 ];
-const _hoisted_14 = {
+const _hoisted_14$1 = {
   key: 1,
   class: "alert alert-danger"
 };
-const _hoisted_15 = { colspan: 2 };
+const _hoisted_15$1 = { colspan: 2 };
 const _hoisted_16 = {
   key: 0,
   class: "text-center"
@@ -4363,10 +4363,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ($options.hasDefaultSlot)
       ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           ($data.loading === 'loading')
-            ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_13))
+            ? (openBlock(), createElementBlock("div", _hoisted_11$1, _hoisted_13$1))
             : ($data.loading === 'error')
-              ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                  createElementVNode("span", _hoisted_15, toDisplayString($data.loading_error), 1 /* TEXT */)
+              ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+                  createElementVNode("span", _hoisted_15$1, toDisplayString($data.loading_error), 1 /* TEXT */)
                 ]))
               : createCommentVNode("v-if", true),
           ($data.loading === 'done')
@@ -4971,6 +4971,199 @@ return (_ctx, _cache) => {
 
 script$4.__file = "src/lib/components/ShDynamicTabs.vue";
 
+const _withScopeId$1 = n => (pushScopeId("data-v-0d4fa0ac"),n=n(),popScopeId(),n);
+const _hoisted_1$3 = { class: "row permissions-main d-flex" };
+const _hoisted_2$3 = {
+  id: "permissions-nav",
+  class: "col-md-3 d-flex align-items-center py-4"
+};
+const _hoisted_3$3 = { class: "d-flex flex-column w-100 px-2" };
+const _hoisted_4$3 = ["checked", "disabled"];
+const _hoisted_5$3 = ["onClick"];
+const _hoisted_6$2 = {
+  id: "permissions-content",
+  class: "col-md-9 py-4 px-4"
+};
+const _hoisted_7$1 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_8$1 = {
+  key: 0,
+  class: "alert alert-info"
+};
+const _hoisted_9$1 = { key: 1 };
+const _hoisted_10 = { class: "row row-cols-3" };
+const _hoisted_11 = { class: "col" };
+const _hoisted_12 = ["value"];
+const _hoisted_13 = {
+  key: 0,
+  class: "w-100 row"
+};
+const _hoisted_14 = { class: "col-md-3" };
+const _hoisted_15 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
+
+var script$3 = {
+  __name: 'ManagePermissions',
+  setup(__props) {
+
+const route = useRoute();
+const modules = ref([]);
+const selectedModule = ref('tasks');
+const modulePermissions = ref(null);
+
+const selectedPermissions = ref([]);
+const permissionsChanged = ref(false);
+const departmentId = route.params.id;
+const department = ref(null);
+const departmentModules = ref([]);
+const setModule = module=>{
+  (selectedModule.value !== module) && (selectedModule.value = module) && getModulePermissions();
+};
+onMounted(() => {
+  getDepartmentModules();
+});
+const getDepartmentModules = ()=>{
+  shApis.doGet(`admin/departments/department/list-all-modules/admin/${departmentId}`).then(res=>{
+    modules.value = res.data.modules;
+    department.value = res.data.department;
+    departmentModules.value = res.data.departmentModules;
+    selectedModule.value = res.data.modules[0];
+    getModulePermissions();
+  });
+};
+const loading = ref(false);
+const getModulePermissions = () => {
+  loading.value = true;
+  modulePermissions.value = null;
+  shApis.doGet(`admin/departments/department/get-module-permissions/${selectedModule.value}?department_id=${departmentId}`).then(res=>{
+    loading.value = false;
+    modulePermissions.value = reformatModulePermissions(res.data.permissions);
+    selectedPermissions.value = res.data.selectedPermissions ?? [];
+    permissionsChanged.value = false;
+  });
+};
+const permissionsUpdated = (res)=>{
+  departmentModules.value = res.data.departmentModules;
+};
+function reformatModulePermissions(mPs){
+let mpModules = {};
+  mPs.map(mp=>{
+    const arr = mp.split('.');
+    const key = arr[0];
+    if(typeof mpModules[key] == 'undefined'){
+      mpModules[key]=[];
+    }
+    mpModules[key].push(mp);
+  });
+  return mpModules
+}
+const setPermissionsChanged = ()=>{
+  permissionsChanged.value = true;
+  return true
+};
+const checkAllPermissions = ()=>{
+  if(selectedPermissions.value.length > 0) {
+    selectedPermissions.value = [];
+  } else {
+    departmentModules.value.push(selectedModule);
+    console.log(modulePermissions.value);
+    const all = modulePermissions.value;
+    Object.keys(all).map(key=>{
+      all[key].map(permission=>{
+        selectedPermissions.value.push(permission);
+      });
+    });
+  }
+  permissionsChanged.value = true;
+};
+const getLabel = permission => {
+  const arr = permission.split('.');
+  return arr[arr.length - 1].replaceAll('_',' ')
+};
+const getPermissionStyle = permission => {
+  return {
+    paddingLeft: `${(permission.split('.').length-1) * 20}px`
+  }
+};
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", _hoisted_1$3, [
+    createElementVNode("div", _hoisted_2$3, [
+      createElementVNode("ul", _hoisted_3$3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(modules.value, (module) => {
+          return (openBlock(), createElementBlock("li", {
+            class: normalizeClass(selectedModule.value === module && 'active'),
+            key: selectedModule.value
+          }, [
+            createElementVNode("input", {
+              checked: departmentModules.value.includes(module),
+              onClick: checkAllPermissions,
+              disabled: selectedModule.value !== module,
+              type: "checkbox"
+            }, null, 8 /* PROPS */, _hoisted_4$3),
+            createElementVNode("label", {
+              class: "text-capitalize",
+              onClick: $event => (setModule(module))
+            }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_5$3)
+          ], 2 /* CLASS */))
+        }), 128 /* KEYED_FRAGMENT */))
+      ])
+    ]),
+    createElementVNode("div", _hoisted_6$2, [
+      createElementVNode("div", _hoisted_7$1, [
+        (loading.value)
+          ? (openBlock(), createElementBlock("div", _hoisted_8$1, " loading ... "))
+          : (openBlock(), createElementBlock("div", _hoisted_9$1, [
+              createElementVNode("div", _hoisted_10, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(modulePermissions.value, (permissions) => {
+                  return (openBlock(), createElementBlock("div", _hoisted_11, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(permissions, (permission) => {
+                      return (openBlock(), createElementBlock("label", {
+                        onClick: setPermissionsChanged,
+                        class: "text-capitalize list-group-item pb-1 text-capitalize",
+                        style: normalizeStyle(getPermissionStyle(permission))
+                      }, [
+                        withDirectives(createElementVNode("input", {
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((selectedPermissions).value = $event)),
+                          value: permission,
+                          type: "checkbox"
+                        }, null, 8 /* PROPS */, _hoisted_12), [
+                          [vModelCheckbox, selectedPermissions.value]
+                        ]),
+                        createTextVNode(" " + toDisplayString(getLabel(permission)), 1 /* TEXT */)
+                      ], 4 /* STYLE */))
+                    }), 256 /* UNKEYED_FRAGMENT */))
+                  ]))
+                }), 256 /* UNKEYED_FRAGMENT */))
+              ]),
+              (permissionsChanged.value)
+                ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                    createElementVNode("div", _hoisted_14, [
+                      createVNode(script$7, {
+                        onSuccess: permissionsUpdated,
+                        url: `admin/departments/department/permissions/${unref(departmentId)}/${selectedModule.value}`,
+                        data: {permissions: selectedPermissions.value},
+                        class: "btn btn-primary d-block"
+                      }, {
+                        default: withCtx(() => [
+                          _hoisted_15,
+                          createTextVNode(" Save")
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["url", "data"])
+                    ])
+                  ]))
+                : createCommentVNode("v-if", true)
+            ]))
+      ])
+    ])
+  ]))
+}
+}
+
+};
+
+script$3.__scopeId = "data-v-0d4fa0ac";
+script$3.__file = "src/lib/components/core/Departments/department/ManagePermissions.vue";
+
 const useUserStore = defineStore('user-store', {
   state: () => ({
     user: null,
@@ -5067,19 +5260,19 @@ const useUserStore = defineStore('user-store', {
   }
 });
 
-const _hoisted_1$3 = /*#__PURE__*/createElementVNode("h5", null, "Departments", -1 /* HOISTED */);
-const _hoisted_2$3 = { class: "card sh-departments-card shadow" };
-const _hoisted_3$3 = { class: "card-body" };
-const _hoisted_4$3 = {
+const _hoisted_1$2 = /*#__PURE__*/createElementVNode("h5", null, "Departments", -1 /* HOISTED */);
+const _hoisted_2$2 = { class: "card sh-departments-card shadow" };
+const _hoisted_3$2 = { class: "card-body" };
+const _hoisted_4$2 = {
   "data-bs-toggle": "modal",
   ref: "addDeptBtn",
   href: "#sh-department_modal",
   class: "btn btn-info btn-sm"
 };
-const _hoisted_5$3 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
+const _hoisted_5$2 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-plus" }, null, -1 /* HOISTED */);
 
 
-var script$3 = {
+var script$2 = {
   __name: 'Departments',
   setup(__props) {
 
@@ -5102,11 +5295,11 @@ function departmentAdded (response) {
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$3,
-    createElementVNode("div", _hoisted_2$3, [
-      createElementVNode("div", _hoisted_3$3, [
-        createElementVNode("a", _hoisted_4$3, [
-          _hoisted_5$3,
+    _hoisted_1$2,
+    createElementVNode("div", _hoisted_2$2, [
+      createElementVNode("div", _hoisted_3$2, [
+        createElementVNode("a", _hoisted_4$2, [
+          _hoisted_5$2,
           createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
         createVNode(script$6, {
@@ -5117,7 +5310,7 @@ return (_ctx, _cache) => {
       actions: [
         {
           label: 'Permissions',
-          path: '/sh-departments/permissions/{id}',
+          path: '/sh-departments/manage-permissions/{id}',
           class: 'btn btn-info bi-lock btn-sm'
         }
       ]
@@ -5145,14 +5338,14 @@ return (_ctx, _cache) => {
 
 };
 
-script$3.__file = "src/lib/components/core/Departments/Departments.vue";
+script$2.__file = "src/lib/components/core/Departments/Departments.vue";
 
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "card sh-department-view shadow"
 };
-const _hoisted_2$2 = { class: "card-body" };
-const _hoisted_3$2 = /*#__PURE__*/createElementVNode("a", {
+const _hoisted_2$1 = { class: "card-body" };
+const _hoisted_3$1 = /*#__PURE__*/createElementVNode("a", {
   href: "#addModule",
   class: "btn btn-info btn-sm",
   "data-bs-toggle": "modal"
@@ -5160,11 +5353,11 @@ const _hoisted_3$2 = /*#__PURE__*/createElementVNode("a", {
   /*#__PURE__*/createElementVNode("i", { class: "bi-plus" }),
   /*#__PURE__*/createTextVNode(" ADD Module")
 ], -1 /* HOISTED */);
-const _hoisted_4$2 = { class: "text-primary text-capitalize" };
-const _hoisted_5$2 = ["value"];
-const _hoisted_6$2 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
+const _hoisted_4$1 = { class: "text-primary text-capitalize" };
+const _hoisted_5$1 = ["value"];
+const _hoisted_6$1 = /*#__PURE__*/createElementVNode("i", { class: "fa fa-save" }, null, -1 /* HOISTED */);
 
-var script$2 = {
+var script$1 = {
   __name: 'Department',
   setup(__props) {
 
@@ -5258,9 +5451,9 @@ function submitPermissions() {
 
 return (_ctx, _cache) => {
   return (unref(department))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createElementVNode("div", _hoisted_2$2, [
-          _hoisted_3$2,
+    ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2$1, [
+          _hoisted_3$1,
           createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
           createVNode(script$6, {
             actions: {
@@ -5317,7 +5510,7 @@ return (_ctx, _cache) => {
             default: withCtx(() => [
               (unref(getModule))
                 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createElementVNode("h5", _hoisted_4$2, "Permissions for " + toDisplayString(unref(getModule).module), 1 /* TEXT */),
+                    createElementVNode("h5", _hoisted_4$1, "Permissions for " + toDisplayString(unref(getModule).module), 1 /* TEXT */),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modulePermissions), (permission) => {
                       return (openBlock(), createElementBlock("div", {
                         key: permission,
@@ -5330,7 +5523,7 @@ return (_ctx, _cache) => {
                             type: "checkbox",
                             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(selectedPermissions) ? (selectedPermissions).value = $event : selectedPermissions = $event)),
                             value: permission
-                          }, null, 8 /* PROPS */, _hoisted_5$2), [
+                          }, null, 8 /* PROPS */, _hoisted_5$1), [
                             [vModelCheckbox, unref(selectedPermissions)]
                           ]),
                           createTextVNode(" " + toDisplayString(getPermissionLabel(permission)), 1 /* TEXT */)
@@ -5341,7 +5534,7 @@ return (_ctx, _cache) => {
                       onClick: submitPermissions,
                       class: "btn btn-info"
                     }, [
-                      _hoisted_6$2,
+                      _hoisted_6$1,
                       createTextVNode(" Submit")
                     ])
                   ], 64 /* STABLE_FRAGMENT */))
@@ -5357,123 +5550,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$2.__file = "src/lib/components/core/Departments/department/Department.vue";
-
-const _hoisted_1$1 = { class: "row permissions-main d-flex" };
-const _hoisted_2$1 = {
-  id: "permissions-nav",
-  class: "col-md-2 shadow d-flex align-items-center"
-};
-const _hoisted_3$1 = /*#__PURE__*/createElementVNode("input", { type: "checkbox" }, null, -1 /* HOISTED */);
-const _hoisted_4$1 = ["onClick"];
-const _hoisted_5$1 = {
-  id: "permissions-content",
-  class: "col-md-10"
-};
-const _hoisted_6$1 = {
-  key: 0,
-  class: "alert alert-info"
-};
-const _hoisted_7$1 = {
-  key: 1,
-  class: "d-flex justify-content-evenly"
-};
-const _hoisted_8$1 = { class: "col-md-3 list-group" };
-const _hoisted_9$1 = { class: "p-2 text-capitalize list-group-item pb-0 text-capitalize" };
-const _hoisted_10 = /*#__PURE__*/createElementVNode("input", { type: "checkbox" }, null, -1 /* HOISTED */);
-
-var script$1 = {
-  __name: 'ManagePermissions',
-  setup(__props) {
-
-const route = useRoute();
-const tabs = ref(null);
-ref(0);
-const modules = ref([]);
-const selectedModule = ref('tasks');
-const modulePermissions = ref(null);
-const setModule = module=>{
-  selectedModule.value = module;
-  getModulePermissions();
-};
-onMounted(() => {
-  console.log(tabs.value.querySelectorAll('li'));
-  getDepartmentModules();
-});
-const getDepartmentModules = ()=>{
-  shApis.doGet(`admin/departments/department/list-modules/${route.params.id}?all=1`).then(res=>{
-    modules.value = res.data.data;
-    selectedModule.value = res.data.data[0];
-    getModulePermissions();
-  });
-};
-const loading = ref(false);
-const getModulePermissions = () => {
-  loading.value = true;
-  modulePermissions.value = null;
-  shApis.doGet(`admin/departments/department/get-module-permissions/${selectedModule.value.module}`).then(res=>{
-    loading.value = false;
-    modulePermissions.value = reformatModulePermissions(res.data.permissions);
-  });
-};
-function reformatModulePermissions(mPs){
-let mpModules = {};
-  mPs.map(mp=>{
-    const arr = mp.split('.');
-    const key = arr[0];
-    if(typeof mpModules[key] == 'undefined'){
-      mpModules[key]=[];
-    }
-    mpModules[key].push(mp);
-  });
-  return mpModules
-}
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("div", _hoisted_1$1, [
-    createElementVNode("div", _hoisted_2$1, [
-      createElementVNode("ul", {
-        ref_key: "tabs",
-        ref: tabs,
-        class: "d-flex flex-column w-100"
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(modules.value, (module) => {
-          return (openBlock(), createElementBlock("li", {
-            class: normalizeClass(selectedModule.value.id === module.id && 'active'),
-            key: module.id
-          }, [
-            _hoisted_3$1,
-            createElementVNode("label", {
-              class: "text-capitalize",
-              onClick: $event => (setModule(module))
-            }, toDisplayString(module.module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_4$1)
-          ], 2 /* CLASS */))
-        }), 128 /* KEYED_FRAGMENT */))
-      ], 512 /* NEED_PATCH */)
-    ]),
-    createElementVNode("div", _hoisted_5$1, [
-      (loading.value)
-        ? (openBlock(), createElementBlock("div", _hoisted_6$1, " loading ... "))
-        : (openBlock(), createElementBlock("div", _hoisted_7$1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(modulePermissions.value, (permissions) => {
-              return (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(permissions, (permission) => {
-                  return (openBlock(), createElementBlock("label", _hoisted_9$1, [
-                    _hoisted_10,
-                    createTextVNode(" " + toDisplayString(permission), 1 /* TEXT */)
-                  ]))
-                }), 256 /* UNKEYED_FRAGMENT */))
-              ]))
-            }), 256 /* UNKEYED_FRAGMENT */))
-          ]))
-    ])
-  ]))
-}
-}
-
-};
-
-script$1.__file = "src/lib/components/core/Departments/department/ManagePermissions.vue";
+script$1.__file = "src/lib/components/core/Departments/department/Department.vue";
 
 const _withScopeId = n => (pushScopeId("data-v-2911509a"),n=n(),popScopeId(),n);
 const _hoisted_1 = {
@@ -5637,15 +5714,15 @@ const ShFrontend = {
       });
       options.router.addRoute({
         path: '/sh-departments',
-        component: script$3
+        component: script$2
       });
       options.router.addRoute({
         path: '/sh-departments/permissions/:id',
-        component: script$2
+        component: script$1
       });
       options.router.addRoute({
         path: '/sh-departments/manage-permissions/:id',
-        component: script$1
+        component: script$3
       });
     }
     //filter unwanted config items from options to be put in local storage
@@ -5657,4 +5734,4 @@ const ShFrontend = {
   }
 };
 
-export { countries as Countries, script$e as ShAutoForm, script$a as ShCanvas, script$8 as ShConfirmAction, script$d as ShDropDownForm, script$4 as ShDynamicTabs, script$l as ShForm, ShFrontend, script$c as ShModal, script$b as ShModalForm, script$o as ShPhone, script$7 as ShSilentAction, script$6 as ShTable, script$5 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { countries as Countries, script$3 as ManagePermissions, script$e as ShAutoForm, script$a as ShCanvas, script$8 as ShConfirmAction, script$d as ShDropDownForm, script$4 as ShDynamicTabs, script$l as ShForm, ShFrontend, script$c as ShModal, script$b as ShModalForm, script$o as ShPhone, script$7 as ShSilentAction, script$6 as ShTable, script$5 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",