You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.2 KiB
92 lines
2.2 KiB
import Modal from "@app/components/modals";
|
|
import jwtDecode from "jwt-decode";
|
|
import { MutationTree } from "vuex";
|
|
import { IState } from "./state";
|
|
|
|
/**
|
|
* All available mutation types
|
|
*/
|
|
export enum Mutation {
|
|
|
|
LockScroll = "LOCK_SCROLL",
|
|
|
|
UserForget = "USER_FORGET",
|
|
UserLoad = "USER_LOAD",
|
|
UserStore = "USER_STORE",
|
|
|
|
}
|
|
|
|
/**
|
|
* Type declarations for each mutation
|
|
*/
|
|
export type MutationsTypes<S = IState> = {
|
|
[Mutation.UserForget]: (state: S) => void,
|
|
[Mutation.UserLoad] : (state: S, token: string) => boolean,
|
|
[Mutation.UserStore] : (state: S, remember: boolean) => void,
|
|
[Mutation.LockScroll]: (state: S, lock: boolean) => void,
|
|
}
|
|
|
|
/**
|
|
* The auth mutations
|
|
*/
|
|
export const mutations: MutationsTypes & MutationTree<IState> = {
|
|
|
|
[Mutation.LockScroll](state: IState, lock: boolean) {
|
|
if (lock) {
|
|
// document.body.style.position = "fixed";
|
|
// document.body.style.top = `-${window.scrollY}px`;
|
|
document.body.style.paddingRight = `${window.innerWidth - document.body.clientWidth}px`;
|
|
document.body.style.overflow = "hidden";
|
|
} else {
|
|
// const scrollY = document.body.style.top;
|
|
// document.body.style.position = "";
|
|
// document.body.style.top = "";
|
|
document.body.style.paddingRight = "";
|
|
document.body.style.overflow = "";
|
|
// window.scrollTo(0, parseInt(scrollY || '0') * -1);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Log the user out and remove the token from storage
|
|
*/
|
|
[Mutation.UserForget](state: IState) {
|
|
state.user = null;
|
|
sessionStorage.removeItem("jwt");
|
|
localStorage.removeItem("jwt");
|
|
},
|
|
|
|
/**
|
|
* Try loading a user from the provided token
|
|
*/
|
|
[Mutation.UserLoad](state: IState, token: string) {
|
|
try {
|
|
let user: any = jwtDecode(token);
|
|
state.user = {
|
|
id : user.id,
|
|
name : user.name,
|
|
isAdmin: user.isAdmin,
|
|
token : token
|
|
}
|
|
} catch(e) {
|
|
return false;
|
|
}
|
|
return true;
|
|
},
|
|
|
|
/**
|
|
* Store the user to remember them
|
|
*/
|
|
[Mutation.UserStore](state: IState, remember: boolean) {
|
|
if (state.user == null) {
|
|
sessionStorage.removeItem("jwt");
|
|
localStorage.removeItem("jwt");
|
|
return;
|
|
}
|
|
if (remember) {
|
|
localStorage.setItem("jwt", state.user.token);
|
|
} else {
|
|
sessionStorage.setItem("jwt", state.user.token);
|
|
}
|
|
}
|
|
}
|