Ajout du style pour la page de connexion

2023-05-15 05:15:34 +02:00
parent e97b1d1659
commit 38f24a3ec3
8 changed files with 96 additions and 21 deletions
--- a/app/templates/login.html
+++ b/app/templates/login.html
@ -5,12 +5,20 @@
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="/static/login.css" rel="stylesheet" type="text/css">
    <title>Se connecter</title>
 </head>
 <body>
+    <h1>Se connecter</h1>
+    <p>Vous pouvez utiliser les identifiants de démonstration&nbsp;: <strong>demo</strong>/<strong>demo</strong>.</p>
+    {% if request.args["error"] %}
+        <p class="error-box">Nom d'utilisateur ou mot de passe invalide.</p>
+    {% endif %}
    <form method="post">
-        <input type="text" name="username">
-        <input type="password" name="password">
+        <table>
+            <tr><th>Nom d'utilisateur</th><td><input type="text" name="username"></td></tr>
+            <tr><th>Mot de passe</th><td><input type="password" name="password"></td></tr>
+        </table>
        <input type="submit">
    </form>
 </body>