@iankibetsh/shframework 0.0.8 → 0.1.2

package/dist/dist/library.mjs.css

@@ -31,34 +31,6 @@
   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

@@ -1,10 +1,13 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var Axios = require('axios');
 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 }; }
 
@@ -3368,21 +3371,88 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script.render = render;
-script.__scopeId = "data-v-3628b6a6";
 script.__file = "src/views/ShTabs.vue";
 
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  ShForm: script$5,
-  ShCanvas: script$4,
-  ShModal: script$3,
-  ShPhone: script$6,
-  ShTable: script$1,
-  ShTabs: script
+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
+    }
+  }
 });
 
-if (typeof Vue !== 'undefined') {
-  for (const name in components) {
-    Vue.component(name, components[name]);
-  }
-}
+exports.ShCanvas = script$4;
+exports.ShForm = script$5;
+exports.ShModal = script$3;
+exports.ShPhone = script$6;
+exports.ShTable = script$1;
+exports.ShTabs = script;
+exports.shApis = apis;
+exports.shRepo = 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;
@@ -3359,21 +3360,79 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script.render = render;
-script.__scopeId = "data-v-3628b6a6";
 script.__file = "src/views/ShTabs.vue";
 
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  ShForm: script$5,
-  ShCanvas: script$4,
-  ShModal: script$3,
-  ShPhone: script$6,
-  ShTable: script$1,
-  ShTabs: script
+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
+    }
+  }
 });
 
-if (typeof Vue !== 'undefined') {
-  for (const name in components) {
-    Vue.component(name, components[name]);
-  }
-}
+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 as shApis, helpers as shRepo, shstorage as shStorage, useUserStore };

package/package.json

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