add logout and better redirects

2022-04-19 13:21:12 -07:00
1 parent 106c24546e
commit 6257cb2bcb
@@ -16,7 +16,7 @@
    <link rel="stylesheet" href="static/styles/style.css">
    <script src="https://kit.fontawesome.com/ccff26c93b.js" crossorigin="anonymous"></script>
  </head>
-  <body>
+  <body onload="verify()">

    <!-- header -->
    <header class="header" id="intro">
@@ -32,7 +32,7 @@
          </div>

          <div class="navbar-collapse">
-            <ul class="navbar-nav">
+            <ul id="list" class="navbar-nav">
              <li class="nav-item">
                <a href="#info" class="nav-link">info</a>
              </li>
@@ -48,10 +48,10 @@
              <li class="nav-item">
                <a href="#contact" class="nav-link">contact</a>
              </li>
-              <li class="nav-item">
+              <li class="nav-item" id="signup-link">
                <a href="/register" class="nav-link">sign up</a>
              </li>
-              <li class="nav-item">
+              <li class="nav-item" id="login-link">
                <a href="/login" class="nav-link">login</a>
              </li>
            </ul>
@@ -307,5 +307,31 @@
    <script src="static/resources/OwlCarousel2-2.3.4/dist/owl.carousel.js"></script>
    <script src="static/resources/WOW-master/dist/wow.js"></script>
    <script src="static/scripts/script.js" ></script>
+
+    <script>
+      function verify() {
+        let isLoggedIn = {{ .loggedIn }}
+        if (isLoggedIn) {
+          // Add dashboard link
+          let a = document.getElementById("list");
+          let candidate = document.getElementById("candidate");
+          let li = document.createElement("li");
+          li.setAttribute('class', 'nav-item');
+          let link = document.createElement("a");
+          link.setAttribute('href', '/dashboard')
+          link.setAttribute('class', 'nav-link')
+          link.appendChild(document.createTextNode("dashboard"));
+          li.appendChild(link);
+          a.appendChild(li);
+
+          // Remove login/signup links
+          // Declaring a variable to get select element
+          let item = document.getElementById('login-link');
+          a.removeChild(item);
+          item = document.getElementById('signup-link')
+          a.removeChild(item)
+        }
+      }
+      </script>
  </body>
 </html>