V1.0

app/templates/auth/_base.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <!-- BASE -->
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>IPAM - {% block styles %}{{ title }}{% endblock %}</title>
+    <meta name="author" content="Takeus">
+    <meta name="robots" content="noindex, nofollow">
+    <!-- LINKS -->
+    <link rel="icon" type="image/png" href="{{ url_for('static',filename='img/logo.png') }}" />
+    <link rel="stylesheet" href="{{ url_for('static',filename='css/custom.css') }}"/>
+    <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap.min.css') }}"/>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+</head>
+<body class=" d-flex flex-column">
+    <style>
+        body {
+            background: linear-gradient(to right, #87CEEB, #4682B4);
+            background-size: 100% 300%; 
+            animation: gradientAnimation 5s ease infinite;
+        }
+        @keyframes gradientAnimation {
+            0% {background-position: 0% 50%;}
+            50% {background-position: 100% 50%;}
+            100% {background-position: 0% 50%;}
+        }
+    </style>
+    {% block content %}{% endblock %}
+    <!-- JAVASCRIPT -->
+    <script src="{{ url_for('static',filename='js/bootstrap.bundle.min.js') }}"></script>
+</body>
+</html>

app/templates/auth/_flash.html

@@ -0,0 +1,12 @@
+<!-- Flash message -->
+{% with errors = get_flashed_messages(with_categories=true,category_filter=["success","warning","danger","error"]) %}
+{% if errors %}
+{% for category, message in errors %}
+<div class="alert alert-dismissible alert-{{ category }} m-0" style="position:fixed;top:5%;left:38%;z-index:10;min-width:25%;">
+  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+  <p class="mb-0"><b>{{ message }}</b></a></p>
+</div>
+{% endfor %}
+{% endif %}
+{% endwith %}
+<!-- END|Flash message -->

app/templates/auth/login.html

@@ -0,0 +1,36 @@
+{% extends 'auth/_base.html' %}
+{% block content %}
+{% include "auth/_flash.html" %}
+<div class="container d-flex justify-content-center align-items-center vh-100">
+    <div class="card p-4 shadow-lg rounded-3">
+        <h2 class="text-center mb-4">Login Page</h2>
+        <form method="POST">
+            {{ form.csrf_token }}
+            <div class="mb-3">
+                <label for="username" class="form-label">Username</label>
+                <div class="input-group">
+                    <span class="input-group-text"><i class="bi bi-person"></i></span>
+                    {% if bad_password %}
+                    {{ form.username(class="form-control is-invalid", placeholder="username") }}
+                    {% else %}
+                    {{ form.username(class="form-control", placeholder="username") }}
+                    {% endif %}
+                </div>
+            </div>
+            <div class="mb-3">
+                <label for="password" class="form-label">Password</label>
+                <div class="input-group">
+                    <span class="input-group-text"><i class="bi bi-lock"></i></span>
+                    {% if bad_password %}
+                    {{ form.password(class="form-control is-invalid", placeholder="password") }}
+                    {% else %}
+                    {{ form.password(class="form-control", placeholder="password") }}
+                    {% endif %}
+                </div>
+            </div>
+            <button type="submit" class="btn btn-primary w-100">Submit</button>
+        </form>
+    </div>
+</div>
+{% endblock %}
+