You know the drill

src/main/resources/Categories.txt

@@ -1,36 +1,36 @@
-1. Wer wird nie von zuhause ausziehen? (Schüler)
-1. Wer ist der/die kreativste Zuspätkommer/in (Schüler)
-1. Mit wem wird man am ehesten in der Zukunft angeben zur Schule gegangen zu sein? (Schüler)
-1. Wer wohnt im Fittnessstudio? (Schüler)
-1. Wer ist der coolste Leherer?
-1. Wer ist die coolste Lehrerin?
-1. Wer macht den besten Matheunterricht?
-1. Welcher Lehrer hat den Beruf verfehlt?
-1. Welcher Lehrer ist nie da?
-1. Wer hat das Internet erfunden?
-1. Wer sponsort Schollin? (Schüler)
-1. Wer ist am engagiertesten? (Schüler)
-1. Wer wird Bundeskanzler? (Schüler)
-1. Wer hat das Kimpeltum gegründet? (Schüler)
-1. Wer saß am längsten im Klassenschrank? (Schüler)
-1. Wer hat die gößte Sauklaue? (Leherer)
-1. Wer gründet das nächste Google? (Schüler)
-1. Wer kommt am schnellsten in den Knast? (Schüler)
-1. Top 3-Pärchen? (Schüler)
-1. Top 3 Lehrergespanne? (Schüler)
-1. Wer ist der motiviertester Lehrer?
-1. Wer ist Google auf zwei Beinen(Schüler)?
-1. Wer hat den besten Style (Schüler)?
-1. Wer hat den besten Style (Lehrer)?
-1. Wer währe ein gutes Pärchen (Lehrer)?
-1. Wer trinkt am meisten Kaffe (Schüler)?
-1. Wer trinkt am meisten Kaffe (Lehrer)?
-1. Tischflip?
-1. Wer wird Harzer?
-1. Wer hat Wiedererkennungswert (Schüler)?
-1. Wen erkennt man an der Lache (Schüler)?
-1. Wer bringt die dümmsten Witze? (Lehrer)
-1. Wer hat den meisten Schwachsinn erzählt? (Lehrer)
-1. Welche Lehrer machen nie das, was die Schüler wollten? (Lehrer)
-1. Wer isst immer? (Lehrer)
-1. Wer hat die meisten peinlichen Momente gebracht?
+Wer wird nie von zuhause ausziehen?
+Wer ist der/die kreativste Zuspätkommer/in?
+Mit wem wird man am ehesten in der Zukunft angeben zur Schule gegangen zu sein?
+Wer wohnt im Fittnessstudio? (Schüler)
+Wer ist der coolste Leherer?
+Wer ist die coolste Lehrerin?
+Wer macht den besten Matheunterricht?
+Welcher Lehrer hat den Beruf verfehlt?
+Welcher Lehrer ist nie da?
+Wer hat das Internet erfunden?
+Wer sponsort Schollin? (Schüler)
+Wer ist am engagiertesten? (Schüler)
+Wer wird Bundeskanzler? (Schüler)
+Wer hat das Kimpeltum gegründet? (Schüler)
+Wer saß am längsten im Klassenschrank? (Schüler)
+Wer hat die gößte Sauklaue? (Leherer)
+Wer gründet das nächste Google? (Schüler)
+Wer kommt am schnellsten in den Knast? (Schüler)
+Top 3-Pärchen? (Schüler)
+Top 3 Lehrergespanne? (Schüler)
+Wer ist der motiviertester Lehrer?
+Wer ist Google auf zwei Beinen(Schüler)?
+Wer hat den besten Style (Schüler)?
+Wer hat den besten Style (Lehrer)?
+Wer währe ein gutes Pärchen (Lehrer)?
+Wer trinkt am meisten Kaffe (Schüler)?
+Wer trinkt am meisten Kaffe (Lehrer)?
+Tischflip?
+Wer wird Harzer?
+Wer hat Wiedererkennungswert (Schüler)?
+Wen erkennt man an der Lache (Schüler)?
+Wer bringt die dümmsten Witze? (Lehrer)
+Wer hat den meisten Schwachsinn erzählt? (Lehrer)
+Welche Lehrer machen nie das, was die Schüler wollten? (Lehrer)
+Wer isst immer? (Lehrer)
+Wer hat die meisten peinlichen Momente gebracht?

src/main/resources/static/styles/authenticate.css

@@ -25,7 +25,7 @@ h1 {
     margin-bottom: 5%;
 }
 
-h2.categoryHeader {
+h2 {
     color: #FFF;
 }
 
@@ -53,6 +53,11 @@ input {
     text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.2);
 }
 
+.errorCode {
+    margin-top: 10%;
+    color: #bb1515;
+}
+
 html,
 body {
     width: 100%;

src/main/resources/static/styles/dashboard.css

@@ -2,7 +2,9 @@ td.voted {
     background-color: #f05048;
 }
 
-td.submitted {}
+td.submitted {
+    background-color: #dbc95e;
+}
 
 td.notVoted {
     background-color: #76ed6b;

src/main/resources/templates/authenticate.html

@@ -35,12 +35,26 @@
                 if (!this.value && ev.key === "Backspace" && i) $inp.eq(i - 1).focus();
             }
         });
+
+        function getCode() {
+            groupInputs = document.querySelectorAll(".passInput");
+            var code = "";
+            groupInputs.forEach(input => {
+                console.log("Input: " + input.value);
+                code += input.value;
+            });
+            console.log("Code: " + code);
+            output = document.getElementById("authCode");
+            output.value = code;
+            document.getElementById("passForm").submit();
+        }
     </script>
 
-    <h1 th:text="|Dir wurde eine Email an ${name} gesendet!|"></h1>
-    <h2>Gebe den enthaltenen Authentifizierungscode ein</h2>
+    <h1 th:text="|Dir wurde ein Code an ${name} gesendet!|"></h1>
+    <h2>Bitte gebe den Authentifizierungscode ein</h2>
     <form action="#" id="passForm" th:action="@{/vote}" method="post">
         <input id="voterName" type="hidden" name="name" th:value="${name}" />
+        <input id="authCode" type="hidden" name="code" value="" />
         <input type="text" placeholder="•" class="passInput" name="pass[]" maxlength="1" autocomplete="off" required pattern="\d{1}" autofocus>
         <input type="text" placeholder="•" class="passInput" name="pass[]" maxlength="1" autocomplete="off" required pattern="\d{1}">
         <input type="text" placeholder="•" class="passInput" name="pass[]" maxlength="1" autocomplete="off" required pattern="\d{1}">
@@ -48,8 +62,15 @@
         <input type="text" placeholder="•" class="passInput" name="pass[]" maxlength="1" autocomplete="off" required pattern="\d{1}">
         <input type="text" placeholder="•" class="passInput" name="pass[]" maxlength="1" autocomplete="off" required pattern="\d{1}">
 
-        <button type="submit" id="signup_button">Abstimmen</button>
     </form>
+    <button class="submitButton" id="signup_button" onclick="getCode()">Abstimmen</button>
+    <div th:if="${codeExpired}">
+        <h2 class="errorCode">Der Code ist nicht mehr gültig!<br>Fordere einen neuen an</h2>
+    </div>
+
+    <div th:if="${codeFalse}">
+        <h2 class="errorCode">Der eingegebene Code ist falsch</h2>
+    </div>
 </body>
 
 

src/main/resources/templates/dashboard.html

@@ -18,31 +18,30 @@
                     <tr>
                         <th>Id</th>
                         <th>E-Mail</th>
-                        <th>Status</th>
                     </tr>
 
                     <tr th:each="voter : ${voters}">
-                        <div th:if="${voter.candidatesubmit_status}">
-                            <td class="submitted" th:text="${voter.id}"></td>
-                            <td class="submitted" th:text="${voter.email}"></td>
-                            <td class="submitted" th:text="Candidates submitted"></td>
-                        </div>
 
                         <!-- If voter has voted -->
                         <div th:if="${voter.vote_status}">
                             <td class="voted" th:text="${voter.id}"></td>
                             <td class="voted" th:text="${voter.email}"></td>
-                            <td class="voted" th:text="Voted"></td>
                         </div>
 
                         <!-- ELSE -->
                         <div th:unless="${voter.vote_status}">
-                            <td class="notVoted" th:text="${voter.id}"></td>
-                            <td class="notVoted" th:text="${voter.email}"></td>
-                            <td class="notVoted" th:text="$Not voted"></td>
+                            <div th:if="${voter.candidatesubmit_status}">
+                                <td class="submitted" th:text="${voter.id}"></td>
+                                <td class="submitted" th:text="${voter.email}"></td>
+                            </div>
+                            <div th:unless="${voter.candidatesubmit_status}">
+                                <td class="notVoted" th:text="${voter.id}"></td>
+                                <td class="notVoted" th:text="${voter.email}"></td>
+                            </div>
+                        </div>
                     </tr>
                 </table>
-                </div>
+            </div>
         </li>
         <li>
             <h1>Kandidaten Liste</h1>