Merge pull request #26 from cleobnvntra/bugfix-issue22

added error messages to login page

src/app.py

@@ -179,7 +179,7 @@ def login():
 
         if user is None:
             flash("User not found. Please register first.", 'error')
-            return redirect(url_for('register'))
+            return redirect(url_for('login'))
 
         if user and check_password_hash(user['password'], password):
             session['user_id'] = user['id']

src/static/style.css

@@ -147,4 +147,17 @@ a {
 
 a:hover {
     text-decoration: underline;
+}
+
+/* Error message styles */
+.error-container {
+    background-color: #f8d7da;
+    border-radius: 4px;
+    margin-bottom: 20px;
+}
+
+.error-message {
+    color: #dc3545;
+    text-align: center;
+    padding: 20px;
 }

src/templates/login.html

@@ -15,7 +15,15 @@ <h2>Login</h2>
 
             <label for="password">Password</label>
             <input type="password" name="password" class="input-field" required>
-
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="error-container">
+                            <div class="error-message">{{ message }}</div>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
             <button type="submit" class="btn-submit">Login</button>
         </form>
         <p>Don't have an account? <a href="/register">Register here</a>.</p>