@iankibetsh/shframework 0.0.9 → 0.1.0

package/dist/dist/library.mjs.css

@@ -1,32 +1,4 @@
 
-.nav.nav-tabs .nav-item .nav-link{
-  color: unset;
-  border: none!important;
-  padding: .75rem 1rem;
-  margin: 0;
-  font-size: 1.25rem;
-}
-.active.nav-link {
-  /*color: #8b8f9a !important;*/
-  color: var(--s-primary) !important;
-  background-color: transparent !important;
-  border-color: #dee2e6 #dee2e6 #fff;
-}
-.active.nav-link{
-  position: relative;
-}
-.nav.nav-tabs .nav-item .active.nav-link:before {
-  content: "";
-  width: 100%;
-  height: 2px;
-  /*background-color: #ffc107;*/
-  background-color: var(--s-primary);
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
 .sh-phone{
   display: flex;
   width: 100%;
@@ -59,6 +31,34 @@
   opacity: 0.5;
 }
 
+.nav.nav-tabs .nav-item .nav-link{
+  color: unset;
+  border: none!important;
+  padding: .75rem 1rem;
+  margin: 0;
+  font-size: 1.25rem;
+}
+.active.nav-link {
+  /*color: #8b8f9a !important;*/
+  color: var(--s-primary) !important;
+  background-color: transparent !important;
+  border-color: #dee2e6 #dee2e6 #fff;
+}
+.active.nav-link{
+  position: relative;
+}
+.nav.nav-tabs .nav-item .active.nav-link:before {
+  content: "";
+  width: 100%;
+  height: 2px;
+  /*background-color: #ffc107;*/
+  background-color: var(--s-primary);
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 .single-mobile-req{
   border: 1px solid #eeeeee;
   border-radius: 0.25rem;

package/dist/library.js

@@ -7,6 +7,7 @@ var NProgress = require('nprogress');
 var vue = require('vue');
 var moment = require('moment');
 var Swal = require('sweetalert2');
+var pinia = require('pinia');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -3373,9 +3374,86 @@ script.render = render;
 script.__scopeId = "data-v-3628b6a6";
 script.__file = "src/views/ShTabs.vue";
 
+const useUserStore = pinia.defineStore('user-store', {
+  state: () => ({
+    user: null,
+    role: null,
+    permissions: null,
+    menus: [],
+    loggedOut: false
+  }),
+  actions: {
+    setUser (){
+      const user = shstorage.getItem('user') ? JSON.parse(shstorage.getItem('user')) : null;
+      if (user) {
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+      }
+      this.user = user;
+      apis.doGet('auth/user').then(res => {
+        shstorage.setItem('user',res.data);
+        const user = res.data;
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+        this.user = user;
+      }).catch((reason) => {
+        if (reason.response && reason.response.status) {
+          this.loggedOut = true;
+        }
+      });
+      if (this.user) {
+        if (typeof this.user.permissions === 'string') {
+          this.permissions = JSON.parse(this.user.permissions);
+        } else {
+          this.permissions = this.user.permissions;
+        }
+      }
+    },
+    signOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    },
+    logOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    }
+  },
+  getters: {
+    userId (state) {
+      return state.user === null ? null:state.user.id
+    }
+  }
+});
+
 exports.ShCanvas = script$4;
 exports.ShForm = script$5;
 exports.ShModal = script$3;
 exports.ShPhone = script$6;
 exports.ShTable = script$1;
 exports.ShTabs = script;
+exports.apis = apis;
+exports.helpers = helpers;
+exports.shstorage = shstorage;
+exports.useUserStore = useUserStore;

package/dist/library.mjs

@@ -3,6 +3,7 @@ import NProgress from 'nprogress';
 import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, normalizeClass, createBlock, renderSlot, createStaticVNode, withCtx, pushScopeId, popScopeId, createVNode } from 'vue';
 import moment from 'moment';
 import Swal from 'sweetalert2';
+import { defineStore } from 'pinia';
 
 function setItem (key, value) {
   let toStore = value;
@@ -3362,4 +3363,77 @@ script.render = render;
 script.__scopeId = "data-v-3628b6a6";
 script.__file = "src/views/ShTabs.vue";
 
-export { script$4 as ShCanvas, script$5 as ShForm, script$3 as ShModal, script$6 as ShPhone, script$1 as ShTable, script as ShTabs };
+const useUserStore = defineStore('user-store', {
+  state: () => ({
+    user: null,
+    role: null,
+    permissions: null,
+    menus: [],
+    loggedOut: false
+  }),
+  actions: {
+    setUser (){
+      const user = shstorage.getItem('user') ? JSON.parse(shstorage.getItem('user')) : null;
+      if (user) {
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+      }
+      this.user = user;
+      apis.doGet('auth/user').then(res => {
+        shstorage.setItem('user',res.data);
+        const user = res.data;
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = JSON.parse(this.permissions);
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+        this.user = user;
+      }).catch((reason) => {
+        if (reason.response && reason.response.status) {
+          this.loggedOut = true;
+        }
+      });
+      if (this.user) {
+        if (typeof this.user.permissions === 'string') {
+          this.permissions = JSON.parse(this.user.permissions);
+        } else {
+          this.permissions = this.user.permissions;
+        }
+      }
+    },
+    signOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    },
+    logOut () {
+      shstorage.setItem('user',null);
+      shstorage.setItem('access_token',null);
+      this.user = null;
+    }
+  },
+  getters: {
+    userId (state) {
+      return state.user === null ? null:state.user.id
+    }
+  }
+});
+
+export { script$4 as ShCanvas, script$5 as ShForm, script$3 as ShModal, script$6 as ShPhone, script$1 as ShTable, script as ShTabs, apis, helpers, shstorage, useUserStore };

package/package.json

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