Merge branch 'feature/vuejs' into feature/vue-serverview

resources/assets/scripts/store/index.js

@@ -1,14 +1,16 @@
 import Vuex from 'vuex';
 import { sync } from 'vuex-router-sync';
 import { serverModule } from "./modules/server";
-import { userModule } from './modules/user'
+import { userModule } from './modules/user';
+import { authModule } from "./modules/auth";
 
 const createStore = (router) => {
     const store = new Vuex.Store({
-        //strict: process.env.NODE_ENV !== 'production',
+        strict: process.env.NODE_ENV !== 'production',
         modules: {
             userModule,
             serverModule,
+            authModule,
         },
     });
     sync(store, router);

resources/assets/scripts/store/modules/auth.js

@@ -0,0 +1,71 @@
+import User from './../../models/user';
+const route = require('./../../../../../vendor/tightenco/ziggy/src/js/route').default;
+
+export const authModule = {
+    namespaced: true,
+    state: {
+        user: User.fromToken(),
+    },
+    getters: {
+        /**
+         * Return the currently authenticated user.
+         *
+         * @param state
+         * @returns {User|null}
+         */
+        currentUser: function (state) {
+            return state.user;
+        }
+    },
+    setters: {},
+    actions: {
+        login: ({commit}, {user, password}) => {
+            return new Promise((resolve, reject) => {
+                window.axios.post(route('auth.login'), {user, password})
+                    .then(response => {
+                        commit('logout');
+
+                        // If there is a 302 redirect or some other odd behavior (basically, response that isnt
+                        // in JSON format) throw an error and don't try to continue with the login.
+                        if (!(response.data instanceof Object)) {
+                            return reject(new Error('An error was encountered while processing this request.'));
+                        }
+
+                        if (response.data.complete) {
+                            commit('login', {jwt: response.data.jwt});
+                            return resolve({
+                                complete: true,
+                                intended: response.data.intended,
+                            });
+                        }
+
+                        return resolve({
+                            complete: false,
+                            token: response.data.login_token,
+                        });
+                    })
+                    .catch(reject);
+            });
+        },
+        logout: function ({commit}) {
+            return new Promise((resolve, reject) => {
+                window.axios.get(route('auth.logout'))
+                    .then(() => {
+                        commit('logout');
+                        return resolve();
+                    })
+                    .catch(reject);
+            })
+        },
+    },
+    mutations: {
+        login: function (state, {jwt}) {
+            localStorage.setItem('token', jwt);
+            state.user = User.fromToken(jwt);
+        },
+        logout: function (state) {
+            localStorage.removeItem('token');
+            state.user = null;
+        },
+    },
+};