changing the login link based on auth

static/js/base.js

@@ -0,0 +1,19 @@
+let loginLink = document.getElementById("login-link");
+let vtLink = document.getElementById("vt-link");
+
+document.addEventListener("DOMContentLoaded", function () {
+    if (localStorage.getItem("token") !== null) {
+        loginLink.innerHTML = '<a href="#!" onclick="logout()" class="nav-link">Logout</a>';
+        vtLink.classList.remove('d-none');
+    } else {
+        loginLink.innerHTML = '<a href="/login" class="nav-link">Login</a>';
+    }
+    loginLink.classList.remove('d-none')
+});
+
+function logout() {
+    localStorage.removeItem("token");
+    localStorage.removeItem("token_expiry");
+    location.href = "/login";
+}
+

static/js/login.js

@@ -36,6 +36,7 @@ export function val(api) {
                 localStorage.setItem("token", response.authentication_token.token);
                 localStorage.setItem("token_expiry", response.authentication_token.expiry);
                 showSuccess("login-messages", "Login successful.")
+                location.href = "/";
             } else {
                 showError("login-messages", response.message)
             }