From 4e1f55855d3991aa18f60d8d688cc5316c899049 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= <lukas@kucharczyk.xyz>
Date: Thu, 15 Jan 2026 22:43:17 +0100
Subject: [PATCH] Update history when status changes

---
 games/templates/partials/history.html |  6 ++++++
 games/templates/view_game.html        | 14 ++++++--------
 2 files changed, 12 insertions(+), 8 deletions(-)
 create mode 100644 games/templates/partials/history.html

diff --git a/games/templates/partials/history.html b/games/templates/partials/history.html
new file mode 100644
index 0000000..a2c44a1
--- /dev/null
+++ b/games/templates/partials/history.html
@@ -0,0 +1,6 @@
+<ul class="list-disc list-inside">
+    {% for change in statuschanges %}
+    <li class="text-slate-500">
+        {% if change.timestamp %}{{ change.timestamp | date:"d/m/Y H:i" }}: Changed{% else %}At some point changed{% endif %} status from <c-gamestatus :status="change.old_status" class="text-white">{{ change.get_old_status_display }}</c-gamestatus> to <c-gamestatus :status="change.new_status" class="text-white">{{ change.get_new_status_display }}</c-gamestatus> (<a href="{% url 'edit_statuschange' change.id %}">Edit</a>, <a href="{% url 'delete_statuschange' change.id %}">Delete</a>)</li>
+    {% endfor %}
+</ul>
\ No newline at end of file
diff --git a/games/templates/view_game.html b/games/templates/view_game.html
index d120deb..91f38fc 100644
--- a/games/templates/view_game.html
+++ b/games/templates/view_game.html
@@ -75,7 +75,10 @@
                                      'X-CSRFToken': '{{ csrf_token }}'
                                  },
                                  body: JSON.stringify({ status: newStatus })
-                             }).finally(() => this.saving = false);
+                             }).then(() => {
+                                 document.body.dispatchEvent(new CustomEvent('status-changed'));
+                             })
+                             .finally(() => this.saving = false);
                          }
                      }"
                 >
@@ -204,14 +207,9 @@
                 No play events yet.
             {% endif %}
         </div>
-        <div class="mb-6">
+        <div class="mb-6" id="history-container" hx-get="" hx-trigger="status-changed from:body" hx-select="#history-container" hx-swap="outerHTML">
             <c-h1 :badge="statuschange_count">History</c-h1>
-            <ul class="list-disc list-inside">
-                {% for change in statuschanges %}
-                <li class="text-slate-500">
-                    {% if change.timestamp %}{{ change.timestamp | date:"d/m/Y H:i" }}: Changed{% else %}At some point changed{% endif %} status from <c-gamestatus :status="change.old_status" class="text-white">{{ change.get_old_status_display }}</c-gamestatus> to <c-gamestatus :status="change.new_status" class="text-white">{{ change.get_new_status_display }}</c-gamestatus> (<a href="{% url 'edit_statuschange' change.id %}">Edit</a>, <a href="{% url 'delete_statuschange' change.id %}">Delete</a>)</li>
-                {% endfor %}
-            </ul>
+            {% include "partials/history.html" %}
         </div>
     </div>
     <script>