Add signup page

3 files changed, 113 insertions, 0 deletions

diff --git a/app/src/store/index.ts b/app/src/store/index.ts
new file mode 100644
index 0000000..6001d90
--- /dev/null
+++ b/app/src/store/index.ts
@@ -0,0 +1,27 @@
+import { createStore } from "vuex";
+import auth from "./modules/auth";
+import { toastController } from "@ionic/vue";
+
+const store = createStore({
+    state: {
+        api: process.env.VUE_APP_BACKEND_URL,
+    },
+    actions: {
+        // eslint-disable-next-line
+        async toast({ commit }, data: any) {
+            const toast = await toastController.create({
+                header: data.header,
+                message: data.text,
+                color: data.color,
+                duration: 2000,
+                position: "top",
+            });
+            return toast.present();
+        },
+    },
+    modules: {
+        auth,
+    },
+});
+
+export default store;
diff --git a/app/src/store/modules/auth.ts b/app/src/store/modules/auth.ts
new file mode 100644
index 0000000..b511bff
--- /dev/null
+++ b/app/src/store/modules/auth.ts
@@ -0,0 +1,80 @@
+import { ActionContext } from "vuex";
+import { RootState } from "@/store/state";
+
+export interface AuthState {
+    user: string | null;
+    token: string | null;
+}
+
+type AuthContext = ActionContext<AuthState, RootState>;
+
+const auth = {
+    namespaced: true,
+    state: {
+        user: null,
+        token: localStorage.getItem("access_token") || null,
+    },
+    getters: {
+        accessToken: (state: AuthState): string | null => {
+            return state.token;
+        },
+        isLogged: (state: AuthState): boolean => {
+            return state.token != null;
+        },
+        me: (state: AuthState): any => {
+            return state.user;
+        },
+    },
+    mutations: {
+        saveAccessToken: (state: AuthState, token: string) => {
+            localStorage.setItem("access_token", token);
+            state.token = token;
+        },
+        deleteAccessToken: (state: AuthState) => {
+            localStorage.removeItem("access_token");
+            state.token = null;
+            localStorage.removeItem("login");
+            state.user = null;
+        },
+        saveUserInfo: (state: AuthState, data: any) => {
+            state.user = data;
+        },
+    },
+    actions: {
+        // Make the login using `credentials`.
+        // It returns the response in JSON format
+        async login(context: AuthContext, credentials: any) {
+            const api = context.rootState.api;
+
+            const res = { status: -1, data: null };
+
+            console.log(credentials);
+
+            await fetch(`${api}/auth/login`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(credentials),
+            })
+                .then(async (response) => {
+                    const data = await response.json();
+                    res.data = data;
+                    res.status = response.status;
+                    if (res.status != 200) {
+                        context.commit("deleteAccessToken");
+                    } else {
+                        context.commit("saveAccessToken", data.access_token);
+                    }
+                })
+                .catch((e) => {
+                    res.status = e.status;
+                });
+
+            return res;
+        },
+        logout(context: AuthContext) {
+            context.commit("deleteAccessToken");
+        },
+    },
+};
+
+export default auth;
diff --git a/app/src/store/state.ts b/app/src/store/state.ts
new file mode 100644
index 0000000..e4169ff
--- /dev/null
+++ b/app/src/store/state.ts
@@ -0,0 +1,6 @@
+import { AuthState } from "./modules/auth";
+
+export interface RootState {
+    api: string;
+    auth?: AuthState;
+}