From df3292611a8179f30783256b1fdf7c6e6eb772da Mon Sep 17 00:00:00 2001
From: JasonGrace2282 <aarush.deshpande@gmail.com>
Date: Sat, 5 Oct 2024 02:11:39 -0400
Subject: [PATCH] feat: improve pagination

---
 intranet/static/js/dashboard/announcements.js |  3 +++
 intranet/templates/dashboard/dashboard.html   | 15 +++++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/intranet/static/js/dashboard/announcements.js b/intranet/static/js/dashboard/announcements.js
index 3fb827865e..27f31fe56a 100644
--- a/intranet/static/js/dashboard/announcements.js
+++ b/intranet/static/js/dashboard/announcements.js
@@ -62,6 +62,9 @@ $(document).ready(function() {
         filterClubAnnouncements();
     });
 
+    if (flipToUnsubscribed) {
+      $(".unsubscribed-filter").click();
+    }
 });
 
 function updatePartiallyHidden() {
diff --git a/intranet/templates/dashboard/dashboard.html b/intranet/templates/dashboard/dashboard.html
index e73faf830c..446ac8c477 100644
--- a/intranet/templates/dashboard/dashboard.html
+++ b/intranet/templates/dashboard/dashboard.html
@@ -30,6 +30,9 @@
 {% block js %}
     {{ block.super }}
 
+    <script>
+        const flipToUnsubscribed = "{{ request.GET.flip_to }}" == "unsubscribed";
+    </script>
     <script src="{% static 'js/dashboard/eighth-widget.js' %}"></script>
     <script src="{% static 'js/schedule.js' %}"></script>
     <script src="{% static 'js/events.js' %}"></script>
@@ -285,7 +288,7 @@ <h3 class="club-announcements-header">
                     <div style="display:grid;grid-template-columns:1fr max-content 1fr">
                         <div style="text-align:center;grid-column-start:2">
                           <a {% if prev_page > 0 %}
-                            href="{% url view_announcements_url %}?{% query_transform request page=prev_page %}"
+                            href="{% url view_announcements_url %}?{% query_transform request page=prev_page flip_to="subscribed" %}"
                             {% else %}
                             disabled
                             {% endif %}
@@ -295,11 +298,11 @@ <h3 class="club-announcements-header">
                         {% for page in page_obj|page_list:items %}
                         <a class="{% if page %}button {% else %}ellipses{% endif %}"
                           style="{% if page == items.number %}background-image: linear-gradient(to bottom, #858585 0%, #5f5f5f 100%); color: white;{% endif %}"
-                          href="{% url view_announcements_url %}{% if page %}?{% query_transform request page=page %}{% else %}#{% endif %}">{{ page|default:"..." }}</a>
+                          href="{% url view_announcements_url %}{% if page %}?{% query_transform request page=page flip_to="subscribed" %}{% else %}#{% endif %}">{{ page|default:"..." }}</a>
                         {% endfor %}
 
                         <a {% if more_items %}
-                          href="{% url view_announcements_url %}?{% query_transform request page=next_page %}"
+                          href="{% url view_announcements_url %}?{% query_transform request page=next_page flip_to="subscribed" %}"
                           {% else %}
                           disabled
                           {% endif %}
@@ -322,7 +325,7 @@ <h3 class="club-announcements-header">
                     <div style="display:grid;grid-template-columns:1fr max-content 1fr">
                         <div style="text-align:center;grid-column-start:2">
                           <a {% if unsubscribed.prev_page > 0 %}
-                            href="{% url view_announcements_url %}?{% query_transform request unsubscribed_page=unsubscribed.prev_page %}"
+                            href="{% url view_announcements_url %}?{% query_transform request unsubscribed_page=unsubscribed.prev_page flip_to="unsubscribed" %}"
                             {% else %}
                             disabled
                             {% endif %}
@@ -332,11 +335,11 @@ <h3 class="club-announcements-header">
                         {% for page in unsubscribed.page_obj|page_list:unsubscribed.items %}
                         <a class="{% if page %}button {% else %}ellipses{% endif %}"
                           style="{% if page == unsubscribed.items.number %}background-image: linear-gradient(to bottom, #858585 0%, #5f5f5f 100%); color: white;{% endif %}"
-                          href="{% url view_announcements_url %}{% if page %}?{% query_transform request unsubscribed_page=page %}{% else %}#{% endif %}">{{ page|default:"..." }}</a>
+                          href="{% url view_announcements_url %}{% if page %}?{% query_transform request unsubscribed_page=page flip_to="unsubscribed" %}{% else %}#{% endif %}">{{ page|default:"..." }}</a>
                         {% endfor %}
 
                         <a {% if unsubscribed.more_items %}
-                          href="{% url view_announcements_url %}?{% query_transform request unsubscribed_page=unsubscribed.next_page %}"
+                          href="{% url view_announcements_url %}?{% query_transform request unsubscribed_page=unsubscribed.next_page flip_to="unsubscribed" %}"
                           {% else %}
                           disabled
                           {% endif %}