new Changes

resources/js/vue/Admin/store/actions.js

@@ -0,0 +1,8 @@
+import { UserService } from '@/services/auth/user.service'
+export default {
+    async info({ commit }) {
+        const info = await UserService.getInfo();
+        commit("setInfo", info);
+        return true;
+    }
+};

resources/js/vue/Admin/store/getters.js

@@ -0,0 +1,5 @@
+// https://vuex.vuejs.org/en/getters.html
+
+export default {
+  //
+}

resources/js/vue/Admin/store/index.js

@@ -0,0 +1,31 @@
+/**
+ * Vuex
+ *
+ * @library
+ *
+ * https://vuex.vuejs.org/en/
+ */
+
+// Lib imports
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+// Store functionality
+import actions from './actions'
+import getters from './getters'
+import modules from './modules'
+import mutations from './mutations'
+import state from './state'
+
+Vue.use(Vuex)
+
+// Create a new store
+const store = new Vuex.Store({
+  actions,
+  getters,
+  modules,
+  mutations,
+  state
+})
+
+export default store

resources/js/vue/Admin/store/modules/app/mutations.js

@@ -0,0 +1,8 @@
+import { set, toggle } from '@/utils/vuex'
+
+export default {
+  setDrawer: set('drawer'),
+  setImage: set('image'),
+  setColor: set('color'),
+  toggleDrawer: toggle('drawer')
+}

resources/js/vue/Admin/store/modules/app/state.js

@@ -0,0 +1,5 @@
+export default {
+  drawer: null,
+  color: 'WM-CyanBlueGradient-BG',
+  // image: 'https://demos.creative-tim.com/vue-material-dashboard/img/sidebar-2.32103624.jpg'
+}

resources/js/vue/Admin/store/modules/auth/actions.js

@@ -0,0 +1,82 @@
+import { UserService, AuthenticationError, ApiService, TokenService } from '@/services'
+import router from '@/router'
+import { urls } from '@/config/urls'
+
+export default {
+    async login({ commit, dispatch }, {cell_number, password}) {
+        commit('loginRequest');
+        try {
+            const response = await UserService.login(cell_number, password);
+            commit('loginSuccess', response.data.access_token);
+            // Redirect the user to the page he first tried to visit or to the home view
+            router.push(router.history.current.query.redirect || '/');
+
+            dispatch('info', {}, {root : true});
+            
+            return response;
+        } catch (e) {
+            if (e instanceof AuthenticationError) {
+                commit('loginError', {errorCode: e.errorCode, errorMessage: e.message})
+            }
+
+            return false
+        }
+    },
+
+    async forgotPassword({commit}, {form}) {
+        var result = await ApiService.post(urls.forgotPassword, form);
+        if(result && result.status == 200) {
+            commit('modal/changeCurrentModal', { modal: "modal-auth-verify-code" }, {root: true});
+        }
+    },
+    
+
+    async verifyCodeSMS({commit, dispatch}, {form}) {
+        var response = await ApiService.post(urls.sendVerifyCode, form);
+        if(response && response.status == 200 && response.data.access_token) {
+            TokenService.saveToken(response.data.access_token);
+            TokenService.saveRefreshToken(response.data.refresh_token);
+            ApiService.setAuthHeader();
+            commit('loginSuccess', response.data.access_token);
+            commit('modal/changeCurrentModal', { modal: "modal-auth-change-password" }, {root: true});
+            dispatch('info', {}, {root : true});
+        }
+    },
+
+    async changePassword({commit}, {form}) {
+        var response = await ApiService.post(urls.changePassword, form);
+        if(response && response.status == 200 ) {
+            commit('modal/closeModal', {}, {root: true});
+            router.push({ name: `Dashboard` });
+        }
+    },
+
+    async logout({ commit }) {
+        await UserService.logout();
+        commit('logoutSuccess')
+        router.push('/login')
+    },
+
+    refreshToken({ commit, state }) {
+       // If this is the first time the refreshToken has been called, make a request
+       // otherwise return the same promise to the caller
+       if(!state.refreshTokenPromise) {
+           const p = UserService.refreshToken()
+           commit('refreshTokenPromise', p)
+
+           // Wait for the UserService.refreshToken() to resolve. On success set the token and clear promise
+           // Clear the promise on error as well.
+           p.then(
+               response => {
+                   commit('refreshTokenPromise', null)
+                   commit('loginSuccess', response)
+               },
+               error => {
+                   commit('refreshTokenPromise', null)
+               }
+           )
+       }
+
+       return state.refreshTokenPromise
+    }
+}

resources/js/vue/Admin/store/modules/auth/getters.js

@@ -0,0 +1,17 @@
+export default {
+    loggedIn: (state) => {
+        return state.accessToken ? true : false
+    },
+
+    authenticationErrorCode: (state) => {
+        return state.authenticationErrorCode
+    },
+
+    authenticationError: (state) => {
+        return state.authenticationError
+    },
+
+    authenticating: (state) => {
+        return state.authenticating
+    }
+}

resources/js/vue/Admin/store/modules/auth/mutations.js

@@ -0,0 +1,27 @@
+export default {
+    loginRequest(state) {
+        state.authenticating = true;
+        state.authenticationError = ''
+        state.authenticationErrorCode = 0
+    },
+
+    loginSuccess(state, accessToken) {
+        state.accessToken = accessToken;
+        state.authenticating = false;
+    },
+
+    loginError(state, {errorCode, errorMessage}) {
+        state.authenticating = false
+        state.authenticationErrorCode = errorCode
+        state.authenticationError = errorMessage
+    },
+
+    logoutSuccess(state) {
+        state.accessToken = ''
+    },
+
+
+    refreshTokenPromise(state, promise) {
+        state.refreshTokenPromise = promise
+    }
+}

resources/js/vue/Admin/store/modules/auth/state.js

@@ -0,0 +1,9 @@
+import { TokenService } from '@/services/auth/storage.service'
+
+export default {
+    authenticating: false,
+    accessToken: TokenService.getToken(),
+    authenticationErrorCode: 0,
+    authenticationError: '',
+    refreshTokenPromise: null  // Holds the promise of the refresh token
+}

resources/js/vue/Admin/store/modules/index.js

@@ -0,0 +1,21 @@
+// https://vuex.vuejs.org/en/modules.html
+
+const requireModule = require.context('.', true, /\.js$/)
+const modules = {}
+
+requireModule.keys().forEach(fileName => {
+  if (fileName === './index.js') return
+
+  // Replace ./ and .js
+  const path = fileName.replace(/(\.\/|\.js)/g, '')
+  const [moduleName, imported] = path.split('/')
+  if (!modules[moduleName]) {
+    modules[moduleName] = {
+      namespaced: true
+    }
+  }
+
+  modules[moduleName][imported] = requireModule(fileName).default
+})
+
+export default modules

resources/js/vue/Admin/store/modules/modal/getters.js

@@ -0,0 +1,12 @@
+export default {
+    getCurrentModal: (state) => {
+        return state.currentModal.name
+    },
+    getModalProperties: (state) => {
+        return state.currentModal.properties;
+    },
+    getModalResult: (state) => {
+        return state.currentModal.result;
+    }
+
+}

resources/js/vue/Admin/store/modules/modal/mutations.js

@@ -0,0 +1,16 @@
+export default {
+    changeCurrentModal: (state, data) => {
+        state.result = '';
+        state.currentModal.name = data.modal;
+        if (data.properties) {
+            state.currentModal.properties = data.properties;
+        }
+    },
+    setResultModal: (state, data) => {
+        state.currentModal.result = data;
+    },
+    closeModal: state => {
+        state.currentModal.name = "";
+        state.currentModal.properties = {};
+    }
+};

resources/js/vue/Admin/store/modules/modal/state.js

@@ -0,0 +1,7 @@
+export default {
+    currentModal: {
+        name: '',
+        properties: {},
+        result: {}
+    },
+}

resources/js/vue/Admin/store/mutations.js

@@ -0,0 +1,10 @@
+export default {
+    setInfo: (state, info) => {
+        if(info.user) {
+            state.user = info.user;
+        }
+        if(info.roles) {
+            state.roles = info.roles;
+        }
+    }
+};

resources/js/vue/Admin/store/state.js

@@ -0,0 +1,3 @@
+export default {
+  user : {},
+}