diff options
Diffstat (limited to 'store/auth.js')
-rw-r--r-- | store/auth.js | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/store/auth.js b/store/auth.js new file mode 100644 index 0000000..55126dc --- /dev/null +++ b/store/auth.js @@ -0,0 +1,121 @@ +export const state = () => ({ + token: localStorage.getItem("access_token") || null, + user: null, +}); + +export const getters = { + accessToken: (state) => { + return state.token; + }, + isLogged: (state) => { + return state.token != null; + }, + me: (state) => { + return state.user; + }, +}; + +export const mutations = { + saveAccessToken: (state, value) => { + localStorage.setItem("access_token", key); + state.token = value; + }, + // Remove access_token and credentials from the browser data + logout: (state) => { + localStorage.removeItem("access_token"); + state.token = null; + state.user = null; + }, + // Save user's informations from the endpoint `/me` + saveUserInfo: (state, data) => { + state.user = data; + }, +}; + +export const actions = { + // Make the login and then save the credentials. + async login({ commit }, credentials) { + commit("loadingStatus", true, { root: true }); + let res = { status: 0, data: null }; + let api = this.$config.api; + + await fetch(`${api}/v1/auth/login`, { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify(credentials), + }) + .then(async (response) => { + res.data = await response.json(); + res.status = response.status; + if (res.status == 200) { + // This is usefull if the login is called by `keepAccess` + commit("saveUserInfo", res.data); + } else { + commit("logout"); + } + }) + .catch((e) => { + res.status = e.status; + }); + + commit("loadingStatus", false, { root: true }); + + return res; + }, + // Make a signup request and then returns a dictionary with response + // status and response data + async signup({ commit }, credentials) { + commit("loadingStatus", true, { root: true }); + let res = { status: 0, data: null }; + let api = this.$config.api; + + await fetch(`${api}/v1/auth/signup`, { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify(credentials), + }) + .then(async (response) => { + res.data = await response.json(); + res.status = response.status; + }) + .catch((e) => { + res.status = e.status; + }); + + commit("loadingStatus", false, { root: true }); + + return res; + }, + // Search my info + async findMe({ commit, getters }) { + commit("loadingStatus", true, { root: true }); + let res = { status: 0, data: null }; + let api = this.$config.api; + + await fetch(`${api}/v1/users/me`, { + headers: { + "Content-Type": "application/json", + Authorization: `Bearer ${getters.accessToken}`, + }, + }) + .then(async (response) => { + if (response.status == 200) { + res.data = await response.json(); + + commit("saveUserInfo", res.data); + } else { + commit("logout"); + } + }) + .catch((e) => { + res.status = e.status; + }); + + commit("loadingStatus", false, { root: true }); + + return res; + }, + logout({ commit }) { + commit("logout"); + }, +}; |