From 0c63552d1bc9e04b4793aa8f529a95fa47876827 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Fri, 15 Aug 2025 22:54:04 -0300
Subject: [PATCH] feat: add today button to MonthYearPicker

---
 app/apps/common/views.py                      |  7 ++
 .../common/fragments/month_year_picker.html   | 84 ++++++++++---------
 2 files changed, 51 insertions(+), 40 deletions(-)

diff --git a/app/apps/common/views.py b/app/apps/common/views.py
index 2013e54..d44378f 100644
--- a/app/apps/common/views.py
+++ b/app/apps/common/views.py
@@ -91,6 +91,12 @@ def month_year_picker(request):
         for date in all_months
     ]
 
+    today_url = (
+        reverse(url, kwargs={"month": current_date.month, "year": current_date.year})
+        if url
+        else ""
+    )
+
     return render(
         request,
         "common/fragments/month_year_picker.html",
@@ -98,6 +104,7 @@ def month_year_picker(request):
             "month_year_data": result,
             "current_month": current_month,
             "current_year": current_year,
+            "today_url": today_url,
         },
     )
 
diff --git a/app/templates/common/fragments/month_year_picker.html b/app/templates/common/fragments/month_year_picker.html
index fdae5ca..8ed07d7 100644
--- a/app/templates/common/fragments/month_year_picker.html
+++ b/app/templates/common/fragments/month_year_picker.html
@@ -5,47 +5,51 @@
 {% block title %}{% translate 'Pick a month' %}{% endblock %}
 
 {% block body %}
-{% regroup month_year_data by year as years_list %}
+  {% regroup month_year_data by year as years_list %}
 
-<ul class="nav nav-pills nav-fill" id="yearTabs" role="tablist">
-  {% for x in years_list %}
-  <li class="nav-item" role="presentation">
-    <button class="nav-link{% if x.grouper == current_year %} active{% endif %}"
-            id="{{ x.grouper }}"
-            data-bs-toggle="tab"
-            data-bs-target="#{{ x.grouper }}-pane"
-            type="button"
-            role="tab"
-            aria-controls="{{ x.grouper }}-pane"
-            aria-selected="{% if x.grouper == current_year %}true{% else %}false{% endif %}">
-      {{ x.grouper }}
-    </button>
-  </li>
-  {% endfor %}
-</ul>
-<div class="tab-content" id="yearTabsContent" hx-boost="true">
-  {% for x in years_list %}
-  <div class="tab-pane fade{% if x.grouper == current_year %} show active{% endif %} mt-2"
-       id="{{ x.grouper }}-pane"
-       role="tabpanel"
-       aria-labelledby="{{ x.grouper }}"
-       tabindex="0">
-    <ul class="list-group list-group-flush" id="month-year-list">
-      {% for month_data in x.list %}
-      <li class="list-group-item tw:hover:bg-zinc-900
-            {% if month_data.month == current_month and month_data.year == current_year %} disabled bg-primary{% endif %}"
-          {% if month_data.month == current_month and month_data.year == current_year %}aria-disabled="true"{% endif %}>
-        <div class="d-flex justify-content-between">
-          <a class="text-decoration-none stretched-link {% if month_data.month == current_month and month_data.year == current_year %} text-black{% endif %}"
-           href={{ month_data.url }}>
-            {{ month_data.month|month_name }}</a>
-          <span class="badge text-bg-secondary">{{ month_data.transaction_count }}</span>
-        </div>
-          
+  <ul class="nav nav-pills nav-fill" id="yearTabs" role="tablist">
+    {% for x in years_list %}
+      <li class="nav-item" role="presentation">
+        <button class="nav-link{% if x.grouper == current_year %} active{% endif %}"
+                id="{{ x.grouper }}"
+                data-bs-toggle="tab"
+                data-bs-target="#{{ x.grouper }}-pane"
+                type="button"
+                role="tab"
+                aria-controls="{{ x.grouper }}-pane"
+                aria-selected="{% if x.grouper == current_year %}true{% else %}false{% endif %}">
+          {{ x.grouper }}
+        </button>
       </li>
-      {% endfor %}
-    </ul>
+    {% endfor %}
+  </ul>
+  <div class="tab-content" id="yearTabsContent" hx-boost="true">
+    {% for x in years_list %}
+      <div class="tab-pane fade{% if x.grouper == current_year %} show active{% endif %} mt-2"
+           id="{{ x.grouper }}-pane"
+           role="tabpanel"
+           aria-labelledby="{{ x.grouper }}"
+           tabindex="0">
+        <ul class="list-group list-group-flush" id="month-year-list">
+          {% for month_data in x.list %}
+            <li class="list-group-item tw:hover:bg-zinc-900
+            {% if month_data.month == current_month and month_data.year == current_year %} disabled bg-primary{% endif %}"
+                {% if month_data.month == current_month and month_data.year == current_year %}aria-disabled="true"{% endif %}>
+              <div class="d-flex justify-content-between">
+                <a class="text-decoration-none stretched-link {% if month_data.month == current_month and month_data.year == current_year %} text-black{% endif %}"
+                   href={{ month_data.url }}>
+                  {{ month_data.month|month_name }}</a>
+                <span class="badge text-bg-secondary">{{ month_data.transaction_count }}</span>
+              </div>
+
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endfor %}
+  </div>
+  <hr>
+  <div class="w-full text-end">
+    <a class="btn btn-outline-primary btn-sm" href="{{ today_url }}" role="button" hx-boost="true">{% trans 'Today' %}</a>
   </div>
-  {% endfor %}
-</div>
 {% endblock %}