From e7c9922d36ea82a54579c1f9e6633d4ad7ad3e74 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Wed, 4 Oct 2023 21:46:55 +0530
Subject: added login and token refreshing

---
 src/views/LogIn.vue    | 32 ++++++++++++++++++--------------
 src/views/Register.vue | 21 +++------------------
 2 files changed, 21 insertions(+), 32 deletions(-)

(limited to 'src/views')

diff --git a/src/views/LogIn.vue b/src/views/LogIn.vue
index fb9bdcd..77999f2 100644
--- a/src/views/LogIn.vue
+++ b/src/views/LogIn.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { ref, toRaw } from "vue"
+import { ref, toRaw } from 'vue'
 import { RouterLink, useRouter } from 'vue-router'
-import axios from "axios"
+import axios from 'axios'
 import { useToast } from 'vue-toast-notification'
 
 const toast = useToast({
@@ -11,8 +11,8 @@ const toast = useToast({
 const router = useRouter()
 
 const isLoading = ref(false)
-const email = ref("")
-const password = ref("")
+const email = ref('')
+const password = ref('')
 
 const login = async (e) => {
   e.preventDefault()
@@ -20,25 +20,25 @@ const login = async (e) => {
 
   try {
     const res = await axios.post('/auth/signin', {
-      "accountname": toRaw(email.value),
-      "password": toRaw(password.value),
-      "method": "email"
+      accountname: toRaw(email.value),
+      password: toRaw(password.value),
+      method: 'email'
     })
 
-    localStorage.setItem("authToken", res.data.auth_token)
-    localStorage.setItem("refToken", res.data.refresh_token)
+    localStorage.setItem('authToken', res.data.auth_token)
+    localStorage.setItem('refToken', res.data.refresh_token)
     toast.default(`Welcome, ${res.data.data.Username}`)
-    router.push({ path: "/" })
+    router.push({ path: '/' })
   } catch (err) {
     const statusCode = err.request.status
 
-    switch(statusCode) {
+    switch (statusCode) {
       case 401:
         toast.error('Password is incorrect')
-        break;
+        break
       case 404:
         toast.error('User does not exist')
-        break;
+        break
       default:
         toast.error('An unhandled exception occoured. Please check logs')
     }
@@ -116,7 +116,11 @@ const login = async (e) => {
         </div>
         -->
 
-        <button type="submit" class="btn btn-primary btn-block mb-4" :class="{ disabled: isLoading }">
+        <button
+          type="submit"
+          class="btn btn-primary btn-block mb-4"
+          :class="{ disabled: isLoading }"
+        >
           Sign In
           <div v-if="isLoading" class="spinner-border spinner-border-sm ms-1" role="status">
             <span class="sr-only"></span>
diff --git a/src/views/Register.vue b/src/views/Register.vue
index b96a0d1..9c3089a 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -34,32 +34,17 @@ import { RouterLink } from 'vue-router'
     <div>
       <form>
         <div class="form-floating mb-4">
-          <input
-            id="login-username-input"
-            type="text"
-            class="form-control"
-            placeholder=""
-          />
+          <input id="login-username-input" type="text" class="form-control" placeholder="" />
           <label for="login-username-input">Username</label>
         </div>
 
         <div class="form-floating mb-4">
-          <input
-            id="login-email-input"
-            type="text"
-            class="form-control"
-            placeholder=""
-          />
+          <input id="login-email-input" type="text" class="form-control" placeholder="" />
           <label for="login-email-input">E-Mail</label>
         </div>
 
         <div class="form-floating mb-4">
-          <input
-            id="login-password-input"
-            type="password"
-            class="form-control"
-            placeholder=""
-          />
+          <input id="login-password-input" type="password" class="form-control" placeholder="" />
           <label for="login-password-input">Password</label>
         </div>
 
-- 
cgit v1.2.3