cato447/AbizeitungVotingSystem
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

updated start site

Browse Source 
start site has now user and admin login panels
added custom css for start page
dashboard is now splitted in cateogies
implemendet LiveReload
added fallback 'falseInput.html' page
This commit is contained in:
Simon
2020-11-24 17:11:16 +01:00
parent 27f80636f0
commit 6dfe2a3329
7 changed files with 266 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/main/resources/templates/start.html
View File

@@ -5,19 +5,43 @@
<meta charset="UTF-8">
<title>Abizeitung 2020/2021 Voting</title>
<link th:href="@{/styles/start.css}" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form action="#" th:action="@{/vote}" method="post">
<input id="input-1" type="text" placeholder="name.nachname@adolfinum.de" name="name" required autofocus />
<label for="input-1">
<span class="label-text">Adolfinum E-Mail</span>
<div class="signup-button-trigger">Sign Up</div>
</label>
<p class="tip">Press Enter</p>
<div class="signup-button">Abstimmen</div>
</form>
<script>
window.addEventListener("load", function() {
document.getElementById("signup_button").addEventListener("click", test);
});
function test() {
let input_field = document.getElementById("email_input");
let input = input_field.value;
if (!input.match("[a-z]+\\.[a-z]+@adolfinum+\\.de$")) {
input_field.value = "";
alert("Die Email-Adresse \"" + input + "\" entspricht nicht den Vorgaben");
}
}
</script>
<div class="userLogin">
<form action="#" th:action="@{/vote}" method="post">
<label for="email_input">
<span class="label-text">Adolfinum E-Mail</span>
</label>
<input class="email_input" id="email_input" type="text" placeholder="name.nachname@adolfinum.de" name="name" required autofocus />
<p></p>
<button type="submit" id="signup_button">Abstimmen</button>
</form>
</div>
<div class="adminLogin">
<form action="#" th:action="@{/dashboard}" method="post">
<input class="password_input" id="password_input" type="password" placeholder="••••••" name="password" required autofocus />
<p></p>
<button type="submit" id="login_button">Login</button>
</form>
</div>
</body>
</html>