Implement basic login function; add basic styling

2021-07-26 23:52:59 +02:00 · 2021-07-26 23:52:59 +02:00 · 8be7988d97
commit 8be7988d97
parent 2bb7ea54a2
12 changed files with 252 additions and 27 deletions
--- a/templates/login.html.twig
+++ b/templates/login.html.twig
@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Login - MailAccountAdmin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+
+<body>
+
+<header>
+    <h1>MailAccountAdmin</h1>
+</header>
+
+<main class="login_page">
+    <h2>Login</h2>
+
+    <form action="/login" method="POST">
+        {% if error is defined %}
+        <div class="error">{{ error }}</div>
+        {% endif %}
+
+        <table>
+            <tr>
+                <td><label for="username">Username</label></td>
+                <td><input type="text" id="username" name="username"></td>
+            </tr>
+            <tr>
+                <td><label for="password">Password</label></td>
+                <td><input type="password" id="password" name="password"></td>
+            </tr>
+            <tr>
+                <td></td>
+                <td><button type="submit">Login</button></td>
+            </tr>
+        </table>
+    </form>
+</main>
+
+</body>
+</html>