Updated Teacher Dashboard

views/teacherDashboard.ejs

@@ -1,6 +1,7 @@
 <style>
   .members {
     width: 230px;
+    display: inline-block;
   }
 
   h2 {
@@ -47,25 +48,10 @@
 <br>
 <a href="/users/logout" class="btn btn-secondary">Logout</a>
 <br>
-<h2>Site Members</h2>
-<div class='members'>
-  <ul>
-    <% members.forEach(function (member) { %>
-      <li><button class='btn btn-link mt-2' onclick='openProfile("<%= member.id %>")'><%= member.name %></button></li>
-      <div style='display: none;' data-role='page' id='<%= member._id %>'>
-        <p class="lead mb-3"><%= member.name %></p>
-        <p class='lead mb-3'><%= member.email %></p>
-        <br>
 <div>
-          <p id='userRank'></p>
-          <p>XP: <%= member.xp %></p>
-          <p><%= member.role %></p>
-        </div>
-        <br>
   <script>
-          let xp = <%= member.xp %>;
+    let xp;
     let currRank;
-
     let ranks = [
       {"Digital Noob": 0}, // index 0
       {"Digital Novice": 48}, // index 1
@@ -81,10 +67,33 @@
       {"Expert Digital Crafter": 648}, // index 11
       {"Master Digital Crafter": 800} // index 12
     ]
+    let indexes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 12]
+    console.log("Students Shouldnt be here");
+  </script>
+  <h2>Site Members</h2>
+  <div class='members'>
+    <ul>
+      <% members.forEach(function (member) { %>
+        <% if (member.role == "Student") { %>
+          <li><button class='btn btn-link mt-2' onclick='openProfile("<%= member.id %>")'><%= member.name %></button></li>
+          <div style='display: none;' data-role='page' id='<%= member._id %>'>
+            <p class="lead mb-3"><%= member.name %></p>
+            <p class='lead mb-3'><%= member.email %></p>
+            <br>
+            <div>
+              <p id='userRank-<%= member.id %>'></p>
+              <p>XP: <%= member.xp %></p>
+              <p><%= member.role %></p>
+            </div>
+            <br>
+            <script>
+              xp = <%= member.xp %>;
 
               // Get current rank
-          let indexes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 12]
+              if (xp == 0) {
-          if (xp < 800) {
+                currRank = 'Digital Noob';
+              } else {
+                if (xp < 800 && xp > 0) {
                   for(var i = 0; i < ranks.length; i++) {
                     for (let rank in ranks[i]) {
                       let nextIndex = indexes[i];
@@ -96,17 +105,22 @@
                     }
                   }
                 } else {
+                  if (xp == 800) {
                       currRank = "Master Digital Crafter";
                   }
+                }
+              }
 
               //Show Data
-          document.getElementById('userRank').innerHTML = currRank;
+              document.getElementById('userRank-<%= member.id %>').innerHTML = currRank;
 
             </script>
           </div>
+        <% } %>
       <% }) %>
     </ul>
   </div>
+</div>
 <script>
   function openProfile(id) {
     let state = document.getElementById(id).style.display;