Mercurial > gemma
view client/src/stores/user.js @ 160:061209505028
feat: Login and logout with session restoration implemented
Login information stored in local storage for restoration after
browser restart. If a non expired session is found, it
is restored before entering the main area.
Username and logout are located in the lower sidebar.
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 04 Jul 2018 17:21:10 +0200 |
parents | 992e17912405 |
children | 9908260d1e6a |
line wrap: on
line source
import { HTTP } from "../lib/http"; const User = { namespaced: true, state: { authenticated: false, expires: null, roles: [], user: "" }, getters: { authenticated: state => { return state.authenticated; }, userinfo: state => { return state.user; }, roles: state => { return state.roles; }, expires: state => { return state.expires; } }, mutations: { auth_success: (state, data) => { const { token, user, expires, roles } = data; localStorage.setItem("expires", expires); localStorage.setItem("roles", roles); localStorage.setItem("token", token); localStorage.setItem("user", user); state.expires = expires; state.roles = roles; state.user = user; state.authenticated = true; }, clear_auth: state => { state.authenticated = false; state.expires = null; state.roles = []; state.user = ""; localStorage.clear(); }, set_user: (state, name) => { state.user = name; }, set_roles: (state, roles) => { state.roles = roles; }, set_expires: (state, expires) => { state.expires = expires; }, authenticate: state => { state.authenticated = true; } }, actions: { login({ commit }, user) { return new Promise((resolve, reject) => { HTTP.get("/token", { params: user }) .then(response => { commit("auth_success", response.data); resolve(response); }) .catch(error => { commit("clear_auth"); reject(error); }); }); } } }; export default User;