From 330e9aef7982ae45ed123c02d7f6ca2d49ea98b0 Mon Sep 17 00:00:00 2001
From: pacnpal <183241239+pacnpal@users.noreply.github.com>
Date: Wed, 13 Nov 2024 18:46:32 +0000
Subject: [PATCH] Add refresh button to moderation dashboard that maintains
 current filters when refreshing content

---
 .../partials/dashboard_content.html           | 90 ++++++++++---------
 1 file changed, 50 insertions(+), 40 deletions(-)

diff --git a/templates/moderation/partials/dashboard_content.html b/templates/moderation/partials/dashboard_content.html
index d78f4cc3..323d414d 100644
--- a/templates/moderation/partials/dashboard_content.html
+++ b/templates/moderation/partials/dashboard_content.html
@@ -1,46 +1,56 @@
 {% load static %}
 
 <div class="space-y-6">
-    <div class="flex items-center p-4 space-x-4 bg-gray-900 rounded-lg">
-        <a href="{% url 'moderation:submission_list' %}?status=NEW" 
-           class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'NEW' or not request.GET.status %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
-           hx-get="{% url 'moderation:submission_list' %}?status=NEW"
-           hx-target="#dashboard-content"
-           hx-push-url="true"
-           hx-indicator="#loading-indicator">
-            <i class="mr-2.5 text-lg fas fa-clock"></i>
-            <span>Pending</span>
-        </a>
-        
-        <a href="{% url 'moderation:submission_list' %}?status=APPROVED" 
-           class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'APPROVED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
-           hx-get="{% url 'moderation:submission_list' %}?status=APPROVED"
-           hx-target="#dashboard-content"
-           hx-push-url="true"
-           hx-indicator="#loading-indicator">
-            <i class="mr-2.5 text-lg fas fa-check"></i>
-            <span>Approved</span>
-        </a>
-        
-        <a href="{% url 'moderation:submission_list' %}?status=REJECTED"
-           class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'REJECTED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
-           hx-get="{% url 'moderation:submission_list' %}?status=REJECTED"
-           hx-target="#dashboard-content"
-           hx-push-url="true"
-           hx-indicator="#loading-indicator">
-            <i class="mr-2.5 text-lg fas fa-times"></i>
-            <span>Rejected</span>
-        </a>
-        
-        <a href="{% url 'moderation:submission_list' %}?status=ESCALATED"
-           class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'ESCALATED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
-           hx-get="{% url 'moderation:submission_list' %}?status=ESCALATED"
-           hx-target="#dashboard-content"
-           hx-push-url="true"
-           hx-indicator="#loading-indicator">
-            <i class="mr-2.5 text-lg fas fa-exclamation-triangle"></i>
-            <span>Escalated</span>
-        </a>
+    <div class="flex items-center justify-between p-4 bg-gray-900 rounded-lg">
+        <div class="flex items-center space-x-4">
+            <a href="{% url 'moderation:submission_list' %}?status=NEW" 
+               class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'NEW' or not request.GET.status %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
+               hx-get="{% url 'moderation:submission_list' %}?status=NEW"
+               hx-target="#dashboard-content"
+               hx-push-url="true"
+               hx-indicator="#loading-indicator">
+                <i class="mr-2.5 text-lg fas fa-clock"></i>
+                <span>Pending</span>
+            </a>
+            
+            <a href="{% url 'moderation:submission_list' %}?status=APPROVED" 
+               class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'APPROVED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
+               hx-get="{% url 'moderation:submission_list' %}?status=APPROVED"
+               hx-target="#dashboard-content"
+               hx-push-url="true"
+               hx-indicator="#loading-indicator">
+                <i class="mr-2.5 text-lg fas fa-check"></i>
+                <span>Approved</span>
+            </a>
+            
+            <a href="{% url 'moderation:submission_list' %}?status=REJECTED"
+               class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'REJECTED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
+               hx-get="{% url 'moderation:submission_list' %}?status=REJECTED"
+               hx-target="#dashboard-content"
+               hx-push-url="true"
+               hx-indicator="#loading-indicator">
+                <i class="mr-2.5 text-lg fas fa-times"></i>
+                <span>Rejected</span>
+            </a>
+            
+            <a href="{% url 'moderation:submission_list' %}?status=ESCALATED"
+               class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'ESCALATED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-400 hover:text-gray-300{% endif %}"
+               hx-get="{% url 'moderation:submission_list' %}?status=ESCALATED"
+               hx-target="#dashboard-content"
+               hx-push-url="true"
+               hx-indicator="#loading-indicator">
+                <i class="mr-2.5 text-lg fas fa-exclamation-triangle"></i>
+                <span>Escalated</span>
+            </a>
+        </div>
+
+        <button class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 text-gray-400 hover:text-blue-400 hover:bg-blue-900/40"
+                hx-get="{{ request.get_full_path }}"
+                hx-target="#dashboard-content"
+                hx-indicator="#loading-indicator">
+            <i class="mr-2.5 text-lg fas fa-sync-alt"></i>
+            <span>Refresh</span>
+        </button>
     </div>
 
     <div class="p-6 bg-gray-900 rounded-lg">