add logout and better redirects

2022-04-19 13:21:12 -07:00
1 parent 106c24546e
commit 6257cb2bcb
@@ -6,8 +6,12 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
-  {{ .username }}
-  {{ .email }}
-  {{ .firstname }} {{ .lastname }}
+  <h3>{{ .username }}</h3>
+  <h3>{{ .email }}</h3>
+  <h3>{{ .firstname }} {{ .lastname }}</h3>
+
+  <form action="/logout" method="POST">
+    <button type="submit">Logout</button>
+  </form>
 </body>
 </html>
@@ -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>
@@ -52,10 +52,10 @@
  <div class="container">
    <div class="navigation">
      <ol>
-        <li><a href="#"  data-ref="name">First Name</a></li>
-        <li><a href="#"  data-ref="lastname">Last Name</a></li>
-        <li><a href="#"  data-ref="email">Email</a></li>
-        <li><a href="#"   data-ref="viewpswd">Password</a></li>
+        <li><a href="#" data-ref="name">First Name</a></li>
+        <li><a href="#" data-ref="lastname">Last Name</a></li>
+        <li><a href="#" data-ref="email">Email</a></li>
+        <li><a href="#" data-ref="viewpswd">Password</a></li>
      </ol>
    </div>
    <form id="sign-form" class="sign-form" action="/register" method="POST">