@iankibetsh/shframework 1.5.6 → 1.5.8

package/dist/dist/library.mjs.css

@@ -95,6 +95,21 @@
   flex-grow: 1;
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 :root {
   --ck-z-default: 10555 !important;
   --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
@@ -116,21 +131,6 @@
   }
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -2238,6 +2238,7 @@ var script$l = {
     'hasTerms',
     'country_code',
     'submitBtnClass',
+      'retainModal',
     'fields',
     'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
     'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
@@ -2443,7 +2444,7 @@ var script$l = {
           }
         }
         NProgress__default["default"].done();
-        if (!this.retain_modal_after_submission) {
+        if (!this.retainModal) {
           this.closeModal();
         }
       }).catch((reason, data) => {
@@ -2563,9 +2564,9 @@ const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:mo
 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"];
+const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_18$3 = ["value"];
 const _hoisted_19$2 = {
   key: 12,
   class: "invalid-feedback"
@@ -2767,7 +2768,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     onFocus: $event => ($options.removeErrors(field)),
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$3)), [
                     [vue.vModelText, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -2783,9 +2784,9 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                       return (vue.openBlock(), vue.createElementBlock("option", {
                         key: item.id,
                         value: item.id
-                      }, vue.toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_18$2))
+                      }, vue.toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_18$3))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_17$2)), [
+                  ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_17$3)), [
                     [vue.vModelSelect, _ctx.form_elements[field]]
                   ])
                 : vue.createCommentVNode("v-if", true),
@@ -3658,17 +3659,17 @@ const _hoisted_14$2 = {
   class: "page-link"
 };
 const _hoisted_15$2 = ["onClick"];
-const _hoisted_16$1 = { key: 1 };
-const _hoisted_17$1 = {
+const _hoisted_16$2 = { key: 1 };
+const _hoisted_17$2 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_18$1 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_18$2 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, null, -1 /* HOISTED */);
 const _hoisted_19$1 = [
-  _hoisted_18$1
+  _hoisted_18$2
 ];
 const _hoisted_20$1 = {
   key: 1,
@@ -3734,9 +3735,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             ]))
           : vue.createCommentVNode("v-if", true)
       ]))
-    : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, [
+    : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$2, [
         (this.pagination_data.loading === 1 && $props.loadMore && $props.hideLoadMore)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, _hoisted_19$1))
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$2, _hoisted_19$1))
           : vue.createCommentVNode("v-if", true),
         (!$props.hideCount)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$1, [
@@ -4251,18 +4252,18 @@ const _hoisted_14$1 = {
   class: "alert alert-danger"
 };
 const _hoisted_15$1 = { colspan: 2 };
-const _hoisted_16 = {
+const _hoisted_16$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_17 = /*#__PURE__*/vue.createElementVNode("div", {
+const _hoisted_17$1 = /*#__PURE__*/vue.createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_18 = [
-  _hoisted_17
+const _hoisted_18$1 = [
+  _hoisted_17$1
 ];
 const _hoisted_19 = {
   key: 1,
@@ -4436,7 +4437,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       : ($options.hasRecordsSlot)
         ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             ($data.loading === 'loading')
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, _hoisted_18))
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, _hoisted_18$1))
               : ($data.loading === 'error')
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
                     vue.createElementVNode("span", _hoisted_20, vue.toDisplayString($data.loading_error), 1 /* TEXT */)
@@ -5128,28 +5129,39 @@ 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_3$3 = {
+  key: 0,
+  class: "mx-auto"
+};
+const _hoisted_4$3 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/vue.createElementVNode("span", { class: "spinner-grow mx-auto" }, null, -1 /* HOISTED */));
+const _hoisted_5$3 = [
+  _hoisted_4$3
+];
 const _hoisted_6$2 = {
+  key: 1,
+  class: "d-flex flex-column w-100 px-2"
+};
+const _hoisted_7$1 = ["checked", "disabled"];
+const _hoisted_8$1 = ["onClick"];
+const _hoisted_9$1 = {
   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 = {
+const _hoisted_10 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_11 = {
   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 = {
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { class: "row row-cols-3" };
+const _hoisted_14 = { class: "col" };
+const _hoisted_15 = ["value"];
+const _hoisted_16 = {
   key: 0,
   class: "w-100 row"
 };
-const _hoisted_14 = { class: "col-md-3" };
-const _hoisted_15 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/vue.createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
+const _hoisted_17 = { class: "col-md-3" };
+const _hoisted_18 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/vue.createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
 
 
 var script$3 = {
@@ -5177,24 +5189,35 @@ const setModule = module=>{
 vue.onMounted(() => {
   getDepartmentModules();
 });
+const loadingModules = vue.ref(false);
 const getDepartmentModules = ()=>{
-  shApis.doGet(`admin/departments/department/list-all-modules/admin/${departmentId}`).then(res=>{
+  loadingModules.value = true;
+  shApis.doGet(`sh-departments/department/list-all-modules/sh-departments/${departmentId}`).then(res=>{
+    loadingModules.value = false;
     modules.value = res.data.modules;
     department.value = res.data.department;
     departmentModules.value = res.data.departmentModules;
     selectedModule.value = res.data.modules[0];
     getModulePermissions();
+  }).catch(ex=>{
+    loadingModules.value = false;
+    // console.log(ex)
+    shRepo.showToast(ex.message, 'error');
   });
 };
 const loading = vue.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=>{
+  shApis.doGet(`sh-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;
+  }).catch(ex=>{
+    console.log(ex);
+    loading.value = false;
+    shRepo.showToast(ex.message, 'error');
   });
 };
 const permissionsUpdated = (res)=>{
@@ -5246,34 +5269,36 @@ const getPermissionStyle = permission => {
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
     vue.createElementVNode("div", _hoisted_2$3, [
-      vue.createElementVNode("ul", _hoisted_3$3, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(modules.value, (module) => {
-          return (vue.openBlock(), vue.createElementBlock("li", {
-            class: vue.normalizeClass(selectedModule.value === module && 'active'),
-            key: selectedModule.value
-          }, [
-            vue.createElementVNode("input", {
-              checked: departmentModules.value.includes(module),
-              onClick: checkAllPermissions,
-              disabled: selectedModule.value !== module,
-              type: "checkbox"
-            }, null, 8 /* PROPS */, _hoisted_4$3),
-            vue.createElementVNode("label", {
-              class: "text-capitalize",
-              onClick: $event => (setModule(module))
-            }, vue.toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_5$3)
-          ], 2 /* CLASS */))
-        }), 128 /* KEYED_FRAGMENT */))
-      ])
+      (loadingModules.value)
+        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, _hoisted_5$3))
+        : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(modules.value, (module) => {
+              return (vue.openBlock(), vue.createElementBlock("li", {
+                class: vue.normalizeClass(selectedModule.value === module && 'active'),
+                key: selectedModule.value
+              }, [
+                vue.createElementVNode("input", {
+                  checked: departmentModules.value.includes(module),
+                  onClick: checkAllPermissions,
+                  disabled: selectedModule.value !== module,
+                  type: "checkbox"
+                }, null, 8 /* PROPS */, _hoisted_7$1),
+                vue.createElementVNode("label", {
+                  class: "text-capitalize",
+                  onClick: $event => (setModule(module))
+                }, vue.toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$1)
+              ], 2 /* CLASS */))
+            }), 128 /* KEYED_FRAGMENT */))
+          ]))
     ]),
-    vue.createElementVNode("div", _hoisted_6$2, [
-      vue.createElementVNode("div", _hoisted_7$1, [
+    vue.createElementVNode("div", _hoisted_9$1, [
+      vue.createElementVNode("div", _hoisted_10, [
         (loading.value)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, " loading ... "))
-          : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
-              vue.createElementVNode("div", _hoisted_10, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, " loading ... "))
+          : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+              vue.createElementVNode("div", _hoisted_13, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(modulePermissions.value, (permissions) => {
-                  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+                  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(permissions, (permission) => {
                       return (vue.openBlock(), vue.createElementBlock("label", {
                         onClick: setPermissionsChanged,
@@ -5284,7 +5309,7 @@ return (_ctx, _cache) => {
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((selectedPermissions).value = $event)),
                           value: permission,
                           type: "checkbox"
-                        }, null, 8 /* PROPS */, _hoisted_12), [
+                        }, null, 8 /* PROPS */, _hoisted_15), [
                           [vue.vModelCheckbox, selectedPermissions.value]
                         ]),
                         vue.createTextVNode(" " + vue.toDisplayString(getLabel(permission)), 1 /* TEXT */)
@@ -5294,16 +5319,16 @@ return (_ctx, _cache) => {
                 }), 256 /* UNKEYED_FRAGMENT */))
               ]),
               (permissionsChanged.value)
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-                    vue.createElementVNode("div", _hoisted_14, [
+                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
+                    vue.createElementVNode("div", _hoisted_17, [
                       vue.createVNode(script$7, {
                         onSuccess: permissionsUpdated,
-                        url: `admin/departments/department/permissions/${vue.unref(departmentId)}/${selectedModule.value}`,
+                        url: `sh-departments/department/permissions/${vue.unref(departmentId)}/${selectedModule.value}`,
                         data: {permissions: selectedPermissions.value},
                         class: "btn btn-primary d-block"
                       }, {
                         default: vue.withCtx(() => [
-                          _hoisted_15,
+                          _hoisted_18,
                           vue.createTextVNode(" Save")
                         ]),
                         _: 1 /* STABLE */
@@ -5367,7 +5392,7 @@ return (_ctx, _cache) => {
         ], 512 /* NEED_PATCH */),
         vue.createVNode(script$6, {
           headers: ['id','name','description', 'created_at'],
-          "end-point": "admin/departments/list",
+          "end-point": "sh-departments/list",
           actions: {
       label: 'Action',
       actions: [

package/dist/library.mjs

@@ -2225,6 +2225,7 @@ var script$l = {
     'hasTerms',
     'country_code',
     'submitBtnClass',
+      'retainModal',
     'fields',
     'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
     'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
@@ -2430,7 +2431,7 @@ var script$l = {
           }
         }
         NProgress.done();
-        if (!this.retain_modal_after_submission) {
+        if (!this.retainModal) {
           this.closeModal();
         }
       }).catch((reason, data) => {
@@ -2550,9 +2551,9 @@ const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:mo
 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"];
+const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
+const _hoisted_18$3 = ["value"];
 const _hoisted_19$2 = {
   key: 12,
   class: "invalid-feedback"
@@ -2754,7 +2755,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"]),
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$2)), [
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_16$3)), [
                     [vModelText, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -2770,9 +2771,9 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                       return (openBlock(), createElementBlock("option", {
                         key: item.id,
                         value: item.id
-                      }, toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_18$2))
+                      }, toDisplayString(item.name), 9 /* TEXT, PROPS */, _hoisted_18$3))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_17$2)), [
+                  ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_17$3)), [
                     [vModelSelect, _ctx.form_elements[field]]
                   ])
                 : createCommentVNode("v-if", true),
@@ -3645,17 +3646,17 @@ const _hoisted_14$2 = {
   class: "page-link"
 };
 const _hoisted_15$2 = ["onClick"];
-const _hoisted_16$1 = { key: 1 };
-const _hoisted_17$1 = {
+const _hoisted_16$2 = { key: 1 };
+const _hoisted_17$2 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_18$1 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_18$2 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, null, -1 /* HOISTED */);
 const _hoisted_19$1 = [
-  _hoisted_18$1
+  _hoisted_18$2
 ];
 const _hoisted_20$1 = {
   key: 1,
@@ -3721,9 +3722,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             ]))
           : createCommentVNode("v-if", true)
       ]))
-    : (openBlock(), createElementBlock("div", _hoisted_16$1, [
+    : (openBlock(), createElementBlock("div", _hoisted_16$2, [
         (this.pagination_data.loading === 1 && $props.loadMore && $props.hideLoadMore)
-          ? (openBlock(), createElementBlock("div", _hoisted_17$1, _hoisted_19$1))
+          ? (openBlock(), createElementBlock("div", _hoisted_17$2, _hoisted_19$1))
           : createCommentVNode("v-if", true),
         (!$props.hideCount)
           ? (openBlock(), createElementBlock("div", _hoisted_20$1, [
@@ -4238,18 +4239,18 @@ const _hoisted_14$1 = {
   class: "alert alert-danger"
 };
 const _hoisted_15$1 = { colspan: 2 };
-const _hoisted_16 = {
+const _hoisted_16$1 = {
   key: 0,
   class: "text-center"
 };
-const _hoisted_17 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_17$1 = /*#__PURE__*/createElementVNode("div", {
   class: "spinner-border",
   role: "status"
 }, [
   /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
 ], -1 /* HOISTED */);
-const _hoisted_18 = [
-  _hoisted_17
+const _hoisted_18$1 = [
+  _hoisted_17$1
 ];
 const _hoisted_19 = {
   key: 1,
@@ -4423,7 +4424,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       : ($options.hasRecordsSlot)
         ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             ($data.loading === 'loading')
-              ? (openBlock(), createElementBlock("div", _hoisted_16, _hoisted_18))
+              ? (openBlock(), createElementBlock("div", _hoisted_16$1, _hoisted_18$1))
               : ($data.loading === 'error')
                 ? (openBlock(), createElementBlock("div", _hoisted_19, [
                     createElementVNode("span", _hoisted_20, toDisplayString($data.loading_error), 1 /* TEXT */)
@@ -5115,28 +5116,39 @@ 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_3$3 = {
+  key: 0,
+  class: "mx-auto"
+};
+const _hoisted_4$3 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("span", { class: "spinner-grow mx-auto" }, null, -1 /* HOISTED */));
+const _hoisted_5$3 = [
+  _hoisted_4$3
+];
 const _hoisted_6$2 = {
+  key: 1,
+  class: "d-flex flex-column w-100 px-2"
+};
+const _hoisted_7$1 = ["checked", "disabled"];
+const _hoisted_8$1 = ["onClick"];
+const _hoisted_9$1 = {
   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 = {
+const _hoisted_10 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_11 = {
   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 = {
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { class: "row row-cols-3" };
+const _hoisted_14 = { class: "col" };
+const _hoisted_15 = ["value"];
+const _hoisted_16 = {
   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 */));
+const _hoisted_17 = { class: "col-md-3" };
+const _hoisted_18 = /*#__PURE__*/ _withScopeId$1(() => /*#__PURE__*/createElementVNode("i", { class: "bi-check" }, null, -1 /* HOISTED */));
 
 
 var script$3 = {
@@ -5164,24 +5176,35 @@ const setModule = module=>{
 onMounted(() => {
   getDepartmentModules();
 });
+const loadingModules = ref(false);
 const getDepartmentModules = ()=>{
-  shApis.doGet(`admin/departments/department/list-all-modules/admin/${departmentId}`).then(res=>{
+  loadingModules.value = true;
+  shApis.doGet(`sh-departments/department/list-all-modules/sh-departments/${departmentId}`).then(res=>{
+    loadingModules.value = false;
     modules.value = res.data.modules;
     department.value = res.data.department;
     departmentModules.value = res.data.departmentModules;
     selectedModule.value = res.data.modules[0];
     getModulePermissions();
+  }).catch(ex=>{
+    loadingModules.value = false;
+    // console.log(ex)
+    shRepo.showToast(ex.message, 'error');
   });
 };
 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=>{
+  shApis.doGet(`sh-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;
+  }).catch(ex=>{
+    console.log(ex);
+    loading.value = false;
+    shRepo.showToast(ex.message, 'error');
   });
 };
 const permissionsUpdated = (res)=>{
@@ -5233,34 +5256,36 @@ const getPermissionStyle = permission => {
 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 */))
-      ])
+      (loadingModules.value)
+        ? (openBlock(), createElementBlock("div", _hoisted_3$3, _hoisted_5$3))
+        : (openBlock(), createElementBlock("ul", _hoisted_6$2, [
+            (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_7$1),
+                createElementVNode("label", {
+                  class: "text-capitalize",
+                  onClick: $event => (setModule(module))
+                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$1)
+              ], 2 /* CLASS */))
+            }), 128 /* KEYED_FRAGMENT */))
+          ]))
     ]),
-    createElementVNode("div", _hoisted_6$2, [
-      createElementVNode("div", _hoisted_7$1, [
+    createElementVNode("div", _hoisted_9$1, [
+      createElementVNode("div", _hoisted_10, [
         (loading.value)
-          ? (openBlock(), createElementBlock("div", _hoisted_8$1, " loading ... "))
-          : (openBlock(), createElementBlock("div", _hoisted_9$1, [
-              createElementVNode("div", _hoisted_10, [
+          ? (openBlock(), createElementBlock("div", _hoisted_11, " loading ... "))
+          : (openBlock(), createElementBlock("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(modulePermissions.value, (permissions) => {
-                  return (openBlock(), createElementBlock("div", _hoisted_11, [
+                  return (openBlock(), createElementBlock("div", _hoisted_14, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(permissions, (permission) => {
                       return (openBlock(), createElementBlock("label", {
                         onClick: setPermissionsChanged,
@@ -5271,7 +5296,7 @@ return (_ctx, _cache) => {
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((selectedPermissions).value = $event)),
                           value: permission,
                           type: "checkbox"
-                        }, null, 8 /* PROPS */, _hoisted_12), [
+                        }, null, 8 /* PROPS */, _hoisted_15), [
                           [vModelCheckbox, selectedPermissions.value]
                         ]),
                         createTextVNode(" " + toDisplayString(getLabel(permission)), 1 /* TEXT */)
@@ -5281,16 +5306,16 @@ return (_ctx, _cache) => {
                 }), 256 /* UNKEYED_FRAGMENT */))
               ]),
               (permissionsChanged.value)
-                ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                    createElementVNode("div", _hoisted_14, [
+                ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                    createElementVNode("div", _hoisted_17, [
                       createVNode(script$7, {
                         onSuccess: permissionsUpdated,
-                        url: `admin/departments/department/permissions/${unref(departmentId)}/${selectedModule.value}`,
+                        url: `sh-departments/department/permissions/${unref(departmentId)}/${selectedModule.value}`,
                         data: {permissions: selectedPermissions.value},
                         class: "btn btn-primary d-block"
                       }, {
                         default: withCtx(() => [
-                          _hoisted_15,
+                          _hoisted_18,
                           createTextVNode(" Save")
                         ]),
                         _: 1 /* STABLE */
@@ -5354,7 +5379,7 @@ return (_ctx, _cache) => {
         ], 512 /* NEED_PATCH */),
         createVNode(script$6, {
           headers: ['id','name','description', 'created_at'],
-          "end-point": "admin/departments/list",
+          "end-point": "sh-departments/list",
           actions: {
       label: 'Action',
       actions: [

package/package.json

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