@iankibetsh/shframework 1.1.5 → 1.1.7

package/dist/dist/library.mjs.css

@@ -63,21 +63,6 @@
   color: white;
 }
 
-.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;
@@ -99,6 +84,21 @@
   }
 }
 
+.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

@@ -2198,7 +2198,8 @@ var script$d = {
       'files',
       'phones',
       'numbers',
-      'customComponent'
+      'customComponent',
+      'successMessage'
   ],
   data: function () {
     return {
@@ -2387,6 +2388,11 @@ var script$d = {
         Object.keys(this.form_files).forEach(key => {
           this.form_errors[key] = null;
         });
+        this.$emit('formSubmitted',res.data);
+        this.$emit('success',res.data);
+        if(this.successMessage){
+          shRepo.showToast(this.successMessage);
+        }
         if (this.successCallback) {
           if (typeof this.successCallback === 'function') {
             this.successCallback(res.data);
@@ -2900,8 +2906,9 @@ var script$a = {
   'files',
   'phones',
   'numbers',
-  'customComponent','modalTitle','class'],
-  setup(__props) {
+  'customComponent','modalTitle','class','successMessage'],
+  emits: ['success'],
+  setup(__props, { emit }) {
 
 const props = __props;
 
@@ -2910,7 +2917,9 @@ const props = __props;
 vue.ref(props);
 let btnClass=props.class;
 const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
-
+const success = (res)=>{
+  emit('success',res);
+};
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -2926,7 +2935,7 @@ return (_ctx, _cache) => {
       "modal-title": __props.modalTitle
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(script$d, vue.normalizeProps(vue.guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$d, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3161,7 +3170,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           : vue.createCommentVNode("v-if", true)
       ]))
     : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, [
-        (this.pagination_data.loading === 1 && $props.loadMore)
+        (this.pagination_data.loading === 1 && $props.loadMore && $props.hideLoadMore)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, _hoisted_19$1))
           : vue.createCommentVNode("v-if", true),
         (!$props.hideCount)
@@ -3203,36 +3212,56 @@ var script$7 = {
   loadingMessage: {
     type: String,
     default: 'Processing'
+  },
+  successMessage: {
+    type: String,
+    default: 'Action Successful'
+  },
+  failMessage: {
+    type: String,
+    default: 'Action failed'
   }
 },
-  emits: ['actionSuccessful', 'actionFailed','actionCanceled'],
+  emits: ['actionSuccessful', 'actionFailed','success','actionCanceled'],
   setup(__props, { emit }) {
 
 const props = __props;
 
 
+
 const processing = vue.ref(false);
 
+const actionSuccessful = (res)=>{
+  processing.value = false;
+  res.actionType = 'silentAction';
+  emit('actionSuccessful',res);
+  emit('success',res);
+  shRepo.showToast(res.message ?? props.successMessage);
+};
 
+const actionFailed = reason =>{
+  console.log(reason);
+  processing.value = false;
+  reason.actionType = 'silentAction';
+  emit('actionFailed', reason);
+  shRepo.showToast(reason.value.error.message ?? props.failMessage,'error');
+};
 function runAction () {
   processing.value = true;
   shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
     if(res.isConfirmed){
       const value = res.value;
-      if(value.status){
-        emit('actionSuccessful', res);
-        processing.value = false;
+      if(value.success){
+        actionSuccessful(res.value.response);
       } else {
-        emit('actionFailed', value);
-        processing.value = false;
+        actionFailed(res);
       }
     } else {
       emit('actionCanceled');
       processing.value = false;
     }
   }).catch(ex => {
-    emit('actionFailed', ex);
-    processing.value = false;
+    actionFailed(ex);
   });
 }
 
@@ -3272,6 +3301,14 @@ var script$6 = {
     type: String,
     default: 'Processing'
   },
+  successMessage: {
+    type: String,
+    default: 'Action Successful'
+  },
+  failMessage: {
+    type: String,
+    default: 'Action failed'
+  },
   method: {
     type: String,
     default: 'POST'
@@ -3281,7 +3318,7 @@ var script$6 = {
     required: true
   }
 },
-  emits: ['actionSuccessful','actionFailed'],
+  emits: ['actionSuccessful','actionFailed','success'],
   setup(__props, { emit }) {
 
 const props = __props;
@@ -3289,25 +3326,37 @@ const props = __props;
 
 const processing = vue.ref(false);
 
+const actionSuccessful = (res)=>{
+  processing.value = false;
+  res.actionType = 'silentAction';
+  console.log(res.data,props.successMessage);
+  emit('actionSuccessful',res);
+  emit('success',res);
+  shRepo.showToast(res.data.message ?? props.successMessage);
+};
 
+const actionFailed = reason =>{
+  processing.value = false;
+  console.log(reason);
+  shRepo.showToast('Failed');
+  reason.actionType = 'silentAction';
+  emit('actionFailed', reason);
+  shRepo.showToast(reason.message ?? props.failMessage,'error');
+};
 function runAction(){
   processing.value = true;
   if(props.method === 'POST'){
     shApis.doPost(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
+      actionSuccessful(res);
     }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
+      actionFailed(reason);
     });
   }
   if(props.method === 'GET'){
     shApis.doGet(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
+      actionSuccessful(res);
     }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
+      actionFailed(reason);
     });
   }
 }
@@ -3517,6 +3566,7 @@ var script$5 = {
         this.pagination_data.loading = 1;
       }
       shApis.doGet(this.endPoint, data).then(req => {
+        this.$emit('dataReloaded', this.pagination_data);
         this.loading = 'done';
         const response = req.data.data;
         this.pagination_data = {
@@ -3969,7 +4019,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                                           ]),
                                                           _: 2 /* DYNAMIC */
                                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onActionSuccessful", "onActionFailed", "onActionCanceled", "loading-message", "class", "url"]))
-                                                      : (act.canvasId)
+                                                      : (act.canvasId || act.type === 'offcanvas')
                                                         ? (vue.openBlock(), vue.createElementBlock("a", {
                                                             key: 2,
                                                             href: '#' + act.canvasId,
@@ -4184,7 +4234,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: vue.withCtx(() => [
                     ($data.selectedRecord)
-                      ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.canvasComponent), vue.mergeProps({ key: 0 }, $options.cleanCanvasProps(action), { record: $data.selectedRecord }), null, 16 /* FULL_PROPS */, ["record"]))
+                      ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.canvasComponent), vue.mergeProps({
+                          key: 0,
+                          onRecordUpdated: $options.reloadData
+                        }, $options.cleanCanvasProps(action), { record: $data.selectedRecord }), null, 16 /* FULL_PROPS */, ["onRecordUpdated", "record"]))
                       : vue.createCommentVNode("v-if", true)
                   ]),
                   _: 2 /* DYNAMIC */
@@ -4420,6 +4473,9 @@ const useUserStore = pinia.defineStore('user-store', {
         }
         ShStorage.setItem('user',user);
         user.isAllowedTo = function (slug) {
+          if(!slug){
+            return true
+          }
           if (this.permissions) {
             let permissions = [];
             if (typeof this.permissions === 'string') {
@@ -4599,6 +4655,7 @@ let getModule = vue.computed(()=>{
 
 function moduleAdded () {
   shRepo.showToast('module added successfully', 'success');
+  userStore.setUser();
   reload.value++;
 }
 function showModule (module) {
@@ -4657,6 +4714,7 @@ function submitPermissions() {
   shApis.doPost('admin/departments/department/permissions/' + getModule.value.id, data)
       .then(res => {
         reload.value++;
+        userStore.setUser();
         shRepo.showToast('Permissions updated', 'success');
       });
 }

package/dist/library.mjs

@@ -1,7 +1,7 @@
 import Axios from 'axios';
 import moment from 'moment';
 import Swal from 'sweetalert2';
-import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, mergeProps, shallowRef, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
+import { inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, renderSlot, normalizeProps, guardReactiveProps, withCtx, mergeProps, createStaticVNode, shallowRef, computed, isRef, vModelCheckbox, watch, pushScopeId, popScopeId } from 'vue';
 import NProgress from 'nprogress';
 import Editor from '@tinymce/tinymce-vue';
 import { defineStore, storeToRefs } from 'pinia';
@@ -2186,7 +2186,8 @@ var script$d = {
       'files',
       'phones',
       'numbers',
-      'customComponent'
+      'customComponent',
+      'successMessage'
   ],
   data: function () {
     return {
@@ -2375,6 +2376,11 @@ var script$d = {
         Object.keys(this.form_files).forEach(key => {
           this.form_errors[key] = null;
         });
+        this.$emit('formSubmitted',res.data);
+        this.$emit('success',res.data);
+        if(this.successMessage){
+          shRepo.showToast(this.successMessage);
+        }
         if (this.successCallback) {
           if (typeof this.successCallback === 'function') {
             this.successCallback(res.data);
@@ -2888,8 +2894,9 @@ var script$a = {
   'files',
   'phones',
   'numbers',
-  'customComponent','modalTitle','class'],
-  setup(__props) {
+  'customComponent','modalTitle','class','successMessage'],
+  emits: ['success'],
+  setup(__props, { emit }) {
 
 const props = __props;
 
@@ -2898,7 +2905,9 @@ const props = __props;
 ref(props);
 let btnClass=props.class;
 const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
-
+const success = (res)=>{
+  emit('success',res);
+};
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
@@ -2914,7 +2923,7 @@ return (_ctx, _cache) => {
       "modal-title": __props.modalTitle
     }, {
       default: withCtx(() => [
-        createVNode(script$d, normalizeProps(guardReactiveProps(props)), null, 16 /* FULL_PROPS */)
+        createVNode(script$d, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])
@@ -3149,7 +3158,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("v-if", true)
       ]))
     : (openBlock(), createElementBlock("div", _hoisted_16$1, [
-        (this.pagination_data.loading === 1 && $props.loadMore)
+        (this.pagination_data.loading === 1 && $props.loadMore && $props.hideLoadMore)
           ? (openBlock(), createElementBlock("div", _hoisted_17$1, _hoisted_19$1))
           : createCommentVNode("v-if", true),
         (!$props.hideCount)
@@ -3191,36 +3200,56 @@ var script$7 = {
   loadingMessage: {
     type: String,
     default: 'Processing'
+  },
+  successMessage: {
+    type: String,
+    default: 'Action Successful'
+  },
+  failMessage: {
+    type: String,
+    default: 'Action failed'
   }
 },
-  emits: ['actionSuccessful', 'actionFailed','actionCanceled'],
+  emits: ['actionSuccessful', 'actionFailed','success','actionCanceled'],
   setup(__props, { emit }) {
 
 const props = __props;
 
 
+
 const processing = ref(false);
 
+const actionSuccessful = (res)=>{
+  processing.value = false;
+  res.actionType = 'silentAction';
+  emit('actionSuccessful',res);
+  emit('success',res);
+  shRepo.showToast(res.message ?? props.successMessage);
+};
 
+const actionFailed = reason =>{
+  console.log(reason);
+  processing.value = false;
+  reason.actionType = 'silentAction';
+  emit('actionFailed', reason);
+  shRepo.showToast(reason.value.error.message ?? props.failMessage,'error');
+};
 function runAction () {
   processing.value = true;
   shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
     if(res.isConfirmed){
       const value = res.value;
-      if(value.status){
-        emit('actionSuccessful', res);
-        processing.value = false;
+      if(value.success){
+        actionSuccessful(res.value.response);
       } else {
-        emit('actionFailed', value);
-        processing.value = false;
+        actionFailed(res);
       }
     } else {
       emit('actionCanceled');
       processing.value = false;
     }
   }).catch(ex => {
-    emit('actionFailed', ex);
-    processing.value = false;
+    actionFailed(ex);
   });
 }
 
@@ -3260,6 +3289,14 @@ var script$6 = {
     type: String,
     default: 'Processing'
   },
+  successMessage: {
+    type: String,
+    default: 'Action Successful'
+  },
+  failMessage: {
+    type: String,
+    default: 'Action failed'
+  },
   method: {
     type: String,
     default: 'POST'
@@ -3269,7 +3306,7 @@ var script$6 = {
     required: true
   }
 },
-  emits: ['actionSuccessful','actionFailed'],
+  emits: ['actionSuccessful','actionFailed','success'],
   setup(__props, { emit }) {
 
 const props = __props;
@@ -3277,25 +3314,37 @@ const props = __props;
 
 const processing = ref(false);
 
+const actionSuccessful = (res)=>{
+  processing.value = false;
+  res.actionType = 'silentAction';
+  console.log(res.data,props.successMessage);
+  emit('actionSuccessful',res);
+  emit('success',res);
+  shRepo.showToast(res.data.message ?? props.successMessage);
+};
 
+const actionFailed = reason =>{
+  processing.value = false;
+  console.log(reason);
+  shRepo.showToast('Failed');
+  reason.actionType = 'silentAction';
+  emit('actionFailed', reason);
+  shRepo.showToast(reason.message ?? props.failMessage,'error');
+};
 function runAction(){
   processing.value = true;
   if(props.method === 'POST'){
     shApis.doPost(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
+      actionSuccessful(res);
     }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
+      actionFailed(reason);
     });
   }
   if(props.method === 'GET'){
     shApis.doGet(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
+      actionSuccessful(res);
     }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
+      actionFailed(reason);
     });
   }
 }
@@ -3505,6 +3554,7 @@ var script$5 = {
         this.pagination_data.loading = 1;
       }
       shApis.doGet(this.endPoint, data).then(req => {
+        this.$emit('dataReloaded', this.pagination_data);
         this.loading = 'done';
         const response = req.data.data;
         this.pagination_data = {
@@ -3957,7 +4007,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                                           ]),
                                                           _: 2 /* DYNAMIC */
                                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onActionSuccessful", "onActionFailed", "onActionCanceled", "loading-message", "class", "url"]))
-                                                      : (act.canvasId)
+                                                      : (act.canvasId || act.type === 'offcanvas')
                                                         ? (openBlock(), createElementBlock("a", {
                                                             key: 2,
                                                             href: '#' + act.canvasId,
@@ -4172,7 +4222,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: withCtx(() => [
                     ($data.selectedRecord)
-                      ? (openBlock(), createBlock(resolveDynamicComponent(action.canvasComponent), mergeProps({ key: 0 }, $options.cleanCanvasProps(action), { record: $data.selectedRecord }), null, 16 /* FULL_PROPS */, ["record"]))
+                      ? (openBlock(), createBlock(resolveDynamicComponent(action.canvasComponent), mergeProps({
+                          key: 0,
+                          onRecordUpdated: $options.reloadData
+                        }, $options.cleanCanvasProps(action), { record: $data.selectedRecord }), null, 16 /* FULL_PROPS */, ["onRecordUpdated", "record"]))
                       : createCommentVNode("v-if", true)
                   ]),
                   _: 2 /* DYNAMIC */
@@ -4408,6 +4461,9 @@ const useUserStore = defineStore('user-store', {
         }
         ShStorage.setItem('user',user);
         user.isAllowedTo = function (slug) {
+          if(!slug){
+            return true
+          }
           if (this.permissions) {
             let permissions = [];
             if (typeof this.permissions === 'string') {
@@ -4587,6 +4643,7 @@ let getModule = computed(()=>{
 
 function moduleAdded () {
   shRepo.showToast('module added successfully', 'success');
+  userStore.setUser();
   reload.value++;
 }
 function showModule (module) {
@@ -4645,6 +4702,7 @@ function submitPermissions() {
   shApis.doPost('admin/departments/department/permissions/' + getModule.value.id, data)
       .then(res => {
         reload.value++;
+        userStore.setUser();
         shRepo.showToast('Permissions updated', 'success');
       });
 }

package/package.json

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