From aba9bc994d826861ad750c1d8263f96820e73447 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= <lukas@kucharczyk.xyz>
Date: Sat, 8 Feb 2025 13:46:56 +0100
Subject: [PATCH] Add playtime stats to navbar

---
 CHANGELOG.md                |  1 +
 games/static/base.css       |  4 ++++
 games/templates/navbar.html |  6 +++++-
 games/views/general.py      | 12 +++++++++++-
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b166331..c674e61 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 * Manage purchases
 * Automatically convert purchase prices
 * Add emulated property to sessions
+* Add today's and last 7 days playtime stats to navbar
 
 ## Improved
 * mark refunded purchases red on game overview
diff --git a/games/static/base.css b/games/static/base.css
index ad444bc..eee8f34 100644
--- a/games/static/base.css
+++ b/games/static/base.css
@@ -1728,6 +1728,10 @@ input:checked + .toggle-bg {
   justify-content: space-between;
 }
 
+.gap-1 {
+  gap: 0.25rem;
+}
+
 .gap-2 {
   gap: 0.5rem;
 }
diff --git a/games/templates/navbar.html b/games/templates/navbar.html
index a869588..e503c80 100644
--- a/games/templates/navbar.html
+++ b/games/templates/navbar.html
@@ -25,7 +25,11 @@
             </svg>
         </button>
         <div class="hidden w-full md:block md:w-auto" id="navbar-dropdown">
-            <ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+            <ul class="items-center flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+                <li class="text-white flex flex-col items-center text-xs">
+                    <span class="flex uppercase gap-1">Today<span class="text-gray-400">·</span>Last 7 days</span>
+                    <span class="flex items-center gap-1">{{ today_played }}<span class="text-gray-400">·</span>{{ last_7_played }}</span>
+                </li>
                 <li>
                     <a href="#"
                        class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent"
diff --git a/games/views/general.py b/games/views/general.py
index 0fc3e8b..3c819e9 100644
--- a/games/views/general.py
+++ b/games/views/general.py
@@ -1,4 +1,4 @@
-from datetime import datetime
+from datetime import datetime, timedelta
 from typing import Any, Callable
 
 from django.contrib.auth.decorators import login_required
@@ -8,6 +8,7 @@ from django.db.models.manager import BaseManager
 from django.http import HttpRequest, HttpResponse, HttpResponseRedirect
 from django.shortcuts import redirect, render
 from django.urls import reverse
+from django.utils.timezone import now as timezone_now
 
 from common.time import available_stats_year_range, dateformat, format_duration
 from common.utils import safe_division
@@ -15,11 +16,20 @@ from games.models import Game, Platform, Purchase, Session
 
 
 def model_counts(request: HttpRequest) -> dict[str, bool]:
+    today_played = Session.objects.filter(
+        timestamp_start__year=2025, timestamp_start__day=8, timestamp_start__month=2
+    ).aggregate(time=Sum(F("duration_calculated")))["time"]
+    last_7_played = Session.objects.filter(
+        timestamp_start__gte=(timezone_now() - timedelta(days=7))
+    ).aggregate(time=Sum(F("duration_calculated")))["time"]
+
     return {
         "game_available": Game.objects.exists(),
         "platform_available": Platform.objects.exists(),
         "purchase_available": Purchase.objects.exists(),
         "session_count": Session.objects.exists(),
+        "today_played": format_duration(today_played, "%H h %m m"),
+        "last_7_played": format_duration(last_7_played, "%H h %m m"),
     }