From e5c266c481796ea177e048b8ca30e251bcfe0f1b Mon Sep 17 00:00:00 2001
From: Mo8it <mo8it@proton.me>
Date: Tue, 20 Sep 2022 18:11:25 +0200
Subject: [PATCH] Custom login template

---
 advlabdb/config.py                          |   1 -
 advlabdb/templates/security/login_user.html | 103 ++++++++++++++++++++
 2 files changed, 103 insertions(+), 1 deletion(-)
 create mode 100644 advlabdb/templates/security/login_user.html

diff --git a/advlabdb/config.py b/advlabdb/config.py
index 1106ead..71cfd79 100644
--- a/advlabdb/config.py
+++ b/advlabdb/config.py
@@ -82,4 +82,3 @@ def set_config(app, data_dir: Path):
     app.config["SECURITY_PASSWORD_SALT"] = secrets["SECURITY_PASSWORD_SALT"]
     app.config["SECURITY_PASSWORD_LENGTH_MIN"] = settings.getint("SECURITY_PASSWORD_LENGTH_MIN", 15)
     app.config["SECURITY_POST_LOGIN_VIEW"] = "/post-login"
-    # TODO: app.config["SECURITY_LOGIN_USER_TEMPLATE"] =
diff --git a/advlabdb/templates/security/login_user.html b/advlabdb/templates/security/login_user.html
new file mode 100644
index 0000000..3ff4736
--- /dev/null
+++ b/advlabdb/templates/security/login_user.html
@@ -0,0 +1,103 @@
+{% extends "security/base.html" %}
+{% from "security/_macros.html" import render_field_with_errors, render_field, render_field_errors, render_form_errors %}
+
+{% block title %}AdvLabDB - Login{% endblock title %}
+
+{% block body_attribs %}
+    style="
+    background-image: radial-gradient(#35393b, #181a1b);
+    "
+{% endblock body_attribs %}
+
+{% block body %}
+    <style>
+        .fs-error-msg {
+            color: #ff6b6b;
+        }
+    </style>
+
+    <font color="white">
+        <div style="
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 95vh;
+        ">
+            <div style="
+                text-align: center;
+            ">
+                <h1>AdvLabDB</h1>
+                <p>Database for labs</p>
+
+                <h2>Login</h2>
+
+                {% include "security/_messages.html" %}
+
+                <br>
+
+                <form action="{{ url_for_security('login') }}" method="POST" name="login_user_form">
+                    {{ login_user_form.hidden_tag() }}
+                    {{ render_form_errors(login_user_form) }}
+
+                    <div style="
+                        display: flex;
+                        justify-content: center;
+                    ">
+                        <table>
+                            <tr>
+                                <td>
+                                    Email
+                                </td>
+                                <td>
+                                    {{ login_user_form.email() }}
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+                                    Password
+                                </td>
+                                <td>
+                                    {{ login_user_form.password() }}
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
+
+                    {% if login_user_form.email.errors %}
+                        <ul>
+                            {% for error in login_user_form.email.errors %}
+                                <li class="fs-error-msg">{{ error }}</li>
+                            {% endfor %}
+                        </ul>
+                    {% endif %}
+
+                    {% if login_user_form.password.errors %}
+                        <ul>
+                            {% for error in login_user_form.password.errors %}
+                                <li class="fs-error-msg">{{ error }}</li>
+                            {% endfor %}
+                        </ul>
+                    {% endif %}
+
+                    <br>
+
+                    Remember me {{ login_user_form.remember() }}
+
+                    {% if login_user_form.remember.errors %}
+                        <ul>
+                            {% for error in login_user_form.remember.errors %}
+                                <li class="fs-error-msg">{{ error }}</li>
+                            {% endfor %}
+                        </ul>
+                    {% endif %}
+
+                    {{ render_field_errors(login_user_form.csrf_token) }}
+
+                    <br>
+
+                    {{ render_field(login_user_form.submit) }}
+                </form>
+            </div>
+        </div>
+    </font>
+{% endblock body %}