summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--nuxt.config.js4
-rw-r--r--store/README.md10
-rw-r--r--store/auth.js121
-rw-r--r--store/index.js14
4 files changed, 139 insertions, 10 deletions
diff --git a/nuxt.config.js b/nuxt.config.js
index 72fc201..0e259bf 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -43,4 +43,8 @@ export default {
build: {},
css: ["~assets/sass/main.sass"],
+
+ publicRuntimeConfig: {
+ api: process.env.BACKEND_URL,
+ },
};
diff --git a/store/README.md b/store/README.md
deleted file mode 100644
index 1972d27..0000000
--- a/store/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# STORE
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Vuex Store files.
-Vuex Store option is implemented in the Nuxt.js framework.
-
-Creating a file in this directory automatically activates the option in the framework.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
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");
+ },
+};
diff --git a/store/index.js b/store/index.js
new file mode 100644
index 0000000..eabe2e5
--- /dev/null
+++ b/store/index.js
@@ -0,0 +1,14 @@
+export const state = () => ({
+ loading: false,
+});
+
+export const getters = {
+ animation: (state) => {
+ return state.loading ? "animate-none" : "animate-spin";
+ },
+};
+export const mutations = {
+ loadingStatus: (state, value) => {
+ state.loading = value;
+ },
+};