Просмотр исходного кода

Añado estilo para dejar los filtros bonitos. Falla add_class

Celestino Rey 1 год назад
Родитель
Сommit
c7b93fc9bd
2 измененных файлов с 25 добавлено и 8 удалено
  1. 5 0
      src/finanzas/templatetags/range_filters.py
  2. 20 8
      src/templates/dashboard.html

+ 5 - 0
src/finanzas/templatetags/range_filters.py

@@ -6,3 +6,8 @@ register = template.Library()
 def to(start, end):
     """Uso: {% for i in 1|to:12 %} genera del 1 al 12 (includos)"""
     return range(start, end + 1)
+
+
+@register.filter
+def add_class(field, css_class):
+    return field.as_widget(attrs={"class": css_class})

+ 20 - 8
src/templates/dashboard.html

@@ -41,14 +41,26 @@
 
     <div class="board">
         <div class="form-group">
-            <form method="get">
-                {{ form_fecha.mes }}
-                {{ form_fecha.anio }}
-                {{ form_filtro.buscar }}
-                <button type="submit" class="btn btn-primari">Filtrar</button>
-                {% if form_filtro.buscar.value %}
-                    <a href="{% url 'dashboard' %}?mes={{ form_fecha.mes.value }}&anio={{ form_fecha.anio.value }}" class="btn btn-outline-secondary">Limpiar</a>
-                {% endif %}
+            <form method="get" class="form-inline mb-3">
+                <div class="row g-2 align-items-end">
+                    <div class="col-auto">
+                        {{ form_fecha.mes.label_tab }}
+                        {{ form_fecha.mes|add_class: "form-select" }}
+                    </div>
+                    <div class="col-auto">
+                        {{ form_fecha.anio.label_tab }}
+                        {{ form_fecha.anio|add_class: "form-select" }}
+                    </div>
+                    <div class="col-auto">
+                        {{ form_filtro.buscar }}
+                    </div>
+                    <div class="col-auto">
+                        <button type="submit" class="btn btn-primari">Filtrar</button>
+                    </div>
+                    {% if form_filtro.buscar.value %}
+                        <a href="{% url 'dashboard' %}?mes={{ form_fecha.mes.value }}&anio={{ form_fecha.anio.value }}" class="btn btn-outline-secondary">Limpiar</a>
+                    {% endif %}
+                </div>
             </form>
         </div>