Display login page

2022-03-30 11:00:20 +02:00
parent 5bc4af399d
commit 70aaa1ff44
6 changed files with 171 additions and 10 deletions
--- a/templates/base_login_page.html
+++ b/templates/base_login_page.html
@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Auth service">
+    <title>{{ app_name }} - {{ page_title }}</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="/assets/css/bootstrap.css" rel="stylesheet" crossorigin="anonymous"/>
+
+    <!-- Favicons -->
+    <meta name="theme-color" content="#7952b3">
+
+    <style>
+        .bd-placeholder-img {
+            font-size: 1.125rem;
+            text-anchor: middle;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            user-select: none;
+        }
+
+        @media (min-width: 768px) {
+            .bd-placeholder-img-lg {
+                font-size: 3.5rem;
+            }
+        }
+
+
+    </style>
+
+
+    <!-- Custom styles for this template -->
+    <link href="/assets/css/base_login_page.css" rel="stylesheet">
+</head>
+<body class="text-center">
+
+<main class="form-signin">
+
+    <h1 class="h3 mb-3 fw-normal">{{ page_title }}</h1>
+
+    <div class="alert alert-danger" role="alert">
+        {{ danger }}
+    </div>
+
+    <div class="alert alert-success" role="alert">
+        {{ success }}
+    </div>
+
+    {% block content %}
+    TO_REPLACE
+    {% endblock content %}
+
+    <p class="mt-5 mb-3 text-muted">&copy; 2022 -
+        <script>document.write(new Date().getFullYear())</script>
+    </p>
+
+</main>
+
+<script src="/assets/js/base_login_page.js"></script>
+</body>
+</html>
--- a/templates/login.html
+++ b/templates/login.html
@ -1 +1,22 @@
-here comes the login page for {{ app_name }}
+{% extends "base_login_page.html" %}
+{% block content %}
+<form action="/login" method="post">
+    <div>
+        <div class="form-floating">
+            <input name="mail" type="text" required class="form-control" id="floatingName" placeholder="unsername"
+                   value="{{ mail }}">
+            <label for="floatingName">Email address or username</label>
+        </div>
+
+        <div class="form-floating">
+            <input name="password" type="password" required class="form-control" id="floatingPassword"
+                   placeholder="Password">
+            <label for="floatingPassword">Password</label>
+        </div>
+    </div>
+
+    <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
+
+</form>
+
+{% endblock content %}