added log out feature

src/main.py

@@ -1,5 +1,5 @@
 from flask import Flask, flash, jsonify, redirect, render_template, request, url_for
-from flask_login import LoginManager, login_required, login_user
+from flask_login import LoginManager, login_required, login_user, logout_user
 
 from src.forms.task_form import AddTaskForm, DeleteTaskForm, EditTaskForm
 from src.forms.user_forms import LogInForm, RegisterForm
@@ -58,6 +58,14 @@ def login():
     return render_template("login.html", form=form)
 
 
+@app.route("/logout")
+@login_required
+def logout():
+    logout_user()
+    flash("You have successfully logged out.", "info")
+    return redirect(url_for("login"))
+
+
 @app.route("/dashboard")
 @login_required
 def dashboard():

templates/base.html

@@ -22,7 +22,8 @@
                             <a class="dropdown-item" href="{{ url_for('add_task', user_id=current_user.id) }}">Add Task</a>
                             <a class="dropdown-item" href="{{ url_for('edit_task', user_id=current_user.id) }}">Edit Task</a>
                             <a class="dropdown-item" href="{{ url_for('delete_task', user_id=current_user.id) }}">Delete Task</a>
-                            <!-- TODO: Change password  -->
+                            <div class="dropdown-divider"></div>
+                            <a class="dropdown-item text-danger" href="{{ url_for('logout') }}">Log Out</a>
                         </div>
                     </li>
                 {% else %}

templates/login.html

@@ -26,7 +26,7 @@ <h2 class="mt-2" style="font-family: 'Brush Script MT', cursive; font-size: 2.5r
             </p>
         </form>
         <p class="text-center mt-4" style="font-size: 0.9rem; color: #888;">
-            Because you're always on top of the mountain (or at least your todo list).
+            Because you're always on top of the mountain (or at least your to-do list).
         </p>
     </div>
 </div>

templates/register.html

@@ -37,7 +37,7 @@ <h2 class="mt-2" style="font-family: 'Brush Script MT', cursive; font-size: 2.5r
             </p>
         </form>
         <p class="text-center mt-4" style="font-size: 0.9rem; color: #888;">
-            Because you're always on top of the mountain (or at least your todo list).
+            Because you're always on top of the mountain (or at least your to-do list).
         </p>
     </div>
 </div>