feat: add today button to MonthYearPicker

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,
         },
     )
 

app/templates/common/fragments/month_year_picker.html

@@ -5,9 +5,9 @@
 {% 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">
+  <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 %}"
@@ -22,8 +22,8 @@
         </button>
       </li>
     {% endfor %}
-</ul>
-<div class="tab-content" id="yearTabsContent" hx-boost="true">
+  </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"
@@ -47,5 +47,9 @@
         </ul>
       </div>
     {% endfor %}
-</div>
+  </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>
 {% endblock %}