feat: add usersessions_list.html (#105)

Templates for seeing what sessions are active for the user
/accounts/sessions/.

Author: danihodovic

allauth_ui/templates/usersessions/usersession_list.html

@@ -0,0 +1,62 @@
+{% extends "usersessions/usersession_list.html" %}
+{% load i18n %}
+{% load humanize %}
+{% load allauth_ui %}
+{% block content %}
+    {% trans "Sessions" as heading %}
+    <div class="container mx-auto pt-1 bg-base-200">
+        <div class="w-11/12 p-10 mx-auto mt-5 md:mt-15 lg:mt-32 rounded-lg shadow-md sm:p-5 lg:w-9/12 xl:w-8/12 md:p-10 xl:p-13 bg-base-300">
+            <h1 class="mb-3 text-2xl">{{ heading }}</h1>
+            {% if session_count > 1 %}
+                {% url 'usersessions_list' as action_url %}
+                {% translate "Sign Out Other Sessions"  as button_text %}
+            {% else %}
+                {% url 'account_logout' as action_url %}
+                {% translate "Sign Out" as button_text %}
+            {% endif %}
+            {% #form form=form url=action_url button_text=button_text %}
+            {% csrf_token %}
+            <div class="overflow-x-auto">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th>{% translate "Started At" %}</th>
+                            <th>{% translate "IP Address" %}</th>
+                            <th>{% translate "Browser" %}</th>
+                            {% if show_last_seen_at %}
+                                <th>{% translate "Last seen at" %}</th>
+                            {% endif %}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for session in sessions %}
+                            <tr class="hover">
+                                <td>
+                                    <span title="{{ session.created_at }}">{{ session.created_at|naturaltime }}</span>
+                                </td>
+                                <td>{{ session.ip }}</td>
+                                <td>
+                                    <div class="tooltip" data-tip="{{ session.user_agent }}">
+                                        {{ session.user_agent | truncatechars:23 }}
+                                    </div>
+                                </td>
+                                {% if show_last_seen_at %}
+                                    <td>
+                                        <span title="{{ session.last_seen_at }}">{{ session.last_seen_at|naturaltime }}</span>
+                                    </td>
+                                {% endif %}
+                                <td>
+                                    {% if session.is_current %}
+                                        <div class="badge badge-md">{% translate "Current" %}</div>
+                                    {% else %}
+                                    {% endif %}
+                                </td>
+                            </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+            {% /form %}
+        </div>
+    </div>
+{% endblock content %}

tests/settings.py

@@ -27,20 +27,22 @@
 ]
 
 THIRD_PARTY_APPS = [
-    "rosetta",
-    "django_extensions",
     "allauth_ui",
     "allauth",
     "allauth.account",
     "allauth.socialaccount",
-    "allauth.socialaccount.providers.github",
-    "allauth.socialaccount.providers.facebook",
     "allauth.socialaccount.providers.digitalocean",
+    "allauth.socialaccount.providers.facebook",
+    "allauth.socialaccount.providers.github",
     "allauth.socialaccount.providers.wahoo",
+    "debug_toolbar",
+    "django_browser_reload",
+    "django_extensions",
+    "rosetta",
     "slippers",
     "widget_tweaks",
-    "django_browser_reload",
-    "debug_toolbar",
+    "allauth.usersessions",
+    "django.contrib.humanize",
 ]
 
 LOCAL_APPS = ["tests"]
@@ -55,6 +57,7 @@
     "django.middleware.csrf.CsrfViewMiddleware",
     "allauth.account.middleware.AccountMiddleware",
     "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "allauth.usersessions.middleware.UserSessionsMiddleware",
     "django.contrib.messages.middleware.MessageMiddleware",
     "django.middleware.clickjacking.XFrameOptionsMiddleware",
     "django_browser_reload.middleware.BrowserReloadMiddleware",
@@ -111,3 +114,5 @@
 ALLAUTH_UI_THEME = "light"
 
 BASE_DIR = Path(__file__).parent.parent
+
+USERSESSIONS_TRACK_ACTIVITY = True