From 3dabfc7fd23054194c0b7863a815e897232fae00 Mon Sep 17 00:00:00 2001
From: Klaas <klaas@boergmann.it>
Date: Mon, 27 May 2024 22:45:57 +0200
Subject: [PATCH] Adminbereich in Tabs

---
 views/admin.ejs | 67 ++++++++++++++++++++++++++++++++-----------------
 1 file changed, 44 insertions(+), 23 deletions(-)

diff --git a/views/admin.ejs b/views/admin.ejs
index f399c70..b681fa3 100644
--- a/views/admin.ejs
+++ b/views/admin.ejs
@@ -1,30 +1,51 @@
 <%- include('partials/header') %>
 
 <h1>Admin Panel</h1>
-<ul>
-  <% users.forEach(user => { %>
-    <li>
-      <%= user.username %> - <%= user.email %>
-      <form action="/activate" method="post" style="display: inline;">
-        <input type="hidden" name="userId" value="<%= user.id %>">
-        <button type="submit" class="btn btn-success">Activate</button>
-      </form>
-    </li>
-  <% }) %>
+
+<!-- Nav tabs -->
+<ul class="nav nav-tabs" id="myTab" role="tablist">
+  <li class="nav-item" role="presentation">
+    <button class="nav-link active" id="tab-1" data-bs-toggle="tab" data-bs-target="#cont-1" type="button" role="tab" aria-controls="tab-1" aria-selected='true'> Mitglied anlegen </button>
+  </li>
+  <li class="nav-item" role="presentation">
+    <button class="nav-link" id="tab-2" data-bs-toggle="tab" data-bs-target="#cont-2" type="button" role="tab" aria-controls="tab-2" aria-selected='false'> User Freischalten </button>
+  </li>
 </ul>
 
-<form method="POST" action="/new-member">
-  Name: <input type="text" id="name" placeholder="Name" name="name"> </br>
-  Geburtsdatum: <input type="date" id="riege" name="geburt"></br>
-  <select name="riege">
-    <option value=1> Riege 1</option>
-    <option value=2> Riege 2</option>
-    <option value=3> Riege 3</option>
-    <option value=4> Riege 4</option>
-    <option value=5> Riege 5</option>
-  </select></br>
-  Adresse: <input type="text" id="adresse" placeholder="Adresse" name="adresse"></br>
-  <button type="submit">Speichern</button>
-</form>
+<!-- Tab panes -->
+<div class="tab-content" id="myTabContent">
+  <div class="tab-pane fade show active" id="cont-1" role="tabpanel" aria-labelledby="tab-1">
+    <form method="POST" action="/new-member">
+      Name: <input type="text" id="name" placeholder="Name" name="name"> </br>
+      Geburtsdatum: <input type="date" id="riege" name="geburt"></br>
+      <select name="riege">
+        <option value=1> Riege 1</option>
+        <option value=2> Riege 2</option>
+        <option value=3> Riege 3</option>
+        <option value=4> Riege 4</option>
+        <option value=5> Riege 5</option>
+      </select></br>
+      Adresse: <input type="text" id="adresse" placeholder="Adresse" name="adresse"></br>
+      <button type="submit">Speichern</button>
+    </form>
+    
+  </div>
+  <div class="tab-pane fade" id="cont-2" role="tabpanel" aria-labelledby="tab-2">
+    <ul>
+      <% if (users.length > 0) {%>
+      <% users.forEach(user => { %>
+        <li>
+          <%= user.username %> - <%= user.email %>
+          <form action="/activate" method="post" style="display: inline;">
+            <input type="hidden" name="userId" value="<%= user.id %>">
+            <button type="submit" class="btn btn-success">Activate</button>
+          </form>
+        </li>
+      <% }) } else { %>
+        <p>Keine User zum freischalten</p>
+      <% } %>
+    </ul>
+  </div>
+</div>
 
 <%- include('partials/footer') %>