From 5013df903f6a18a587fc452c76b6087ac5827334 Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Sat, 30 Dec 2023 09:04:52 +0100
Subject: [PATCH] Add pagination to month archive view (fix #13)

---
 nummi/main/static/main/css/main.css       | 12 ++++++++----
 nummi/main/templates/main/pagination.html |  9 ++++++++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/nummi/main/static/main/css/main.css b/nummi/main/static/main/css/main.css
index 8930bbd..bd7abec 100644
--- a/nummi/main/static/main/css/main.css
+++ b/nummi/main/static/main/css/main.css
@@ -135,17 +135,21 @@ footer {
   font-weight: 250;
 }
 
-#pagination {
+.pagination {
   text-align: center;
   font-feature-settings: var(--num);
 }
-#pagination a {
-  width: 2rem;
+.pagination a {
+  min-width: 1rem;
+  padding: 0 0.5rem;
 }
-#pagination a.cur {
+.pagination a.cur {
   font-weight: 650;
   text-decoration: underline dotted;
 }
+.pagination a.cur:hover {
+  text-decoration: underline;
+}
 
 @media (width < 1024px) {
   body {
diff --git a/nummi/main/templates/main/pagination.html b/nummi/main/templates/main/pagination.html
index 5fdef1b..1e22c4f 100644
--- a/nummi/main/templates/main/pagination.html
+++ b/nummi/main/templates/main/pagination.html
@@ -1,9 +1,16 @@
 {% load i18n %}
 {% if page_obj %}
-    <p id="pagination">
+    <p class="pagination">
         {% for page in paginator.page_range %}
             <a href="?page={{ page }}"
                {% if page == page_obj.number %}class="cur"{% endif %}>{{ page }}</a>
         {% endfor %}
     </p>
 {% endif %}
+{% if month %}
+    <p class="pagination">
+        <a href="{% url "transaction_month" previous_month|date:"Y" previous_month|date:"m" %}">{{ previous_month|date:"F Y"|capfirst }}</a>
+        <a href="" class="cur">{{ month|date:"F Y"|capfirst }}</a>
+        <a href="{% url "transaction_month" next_month|date:"Y" next_month|date:"m" %}">{{ next_month|date:"F Y"|capfirst }}</a>
+    </p>
+{% endif %}