From 5a9ff169a7e44062d486b7db8eabf55b936e9f35 Mon Sep 17 00:00:00 2001
From: moonshinerd <vitorhls15@gmail.com>
Date: Sun, 23 Feb 2025 15:29:26 -0300
Subject: [PATCH] alterando template de gerar calendarios para evitar erros do
 usuario no input do mes

---
 .../eventos/templates/eventos/calendario.html | 96 +++++++++++++++++--
 .../admin/{dat => date_range_filter.html}     |  0
 2 files changed, 89 insertions(+), 7 deletions(-)
 rename sigi/templates/admin/{dat => date_range_filter.html} (100%)

diff --git a/sigi/apps/eventos/templates/eventos/calendario.html b/sigi/apps/eventos/templates/eventos/calendario.html
index 0354a80..14207d3 100644
--- a/sigi/apps/eventos/templates/eventos/calendario.html
+++ b/sigi/apps/eventos/templates/eventos/calendario.html
@@ -22,17 +22,76 @@
   <form>
     <div class="card mb-3">
       <div class="card-header">
-        <a class="icon-link" data-bs-toggle="collapse" href="#filterFormCollapse" aria-expanded="{% if eventos is None %}true{% else %}false{% endif %}" aria-controls="filterFormCollapse">
+        <a class="icon-link" data-bs-toggle="collapse" href="#filterFormCollapse"
+           aria-expanded="{% if eventos is None %}true{% else %}false{% endif %}"
+           aria-controls="filterFormCollapse">
           {% icon "filter" %} {% translate "Filtros" %}
         </a>
       </div>
+
       <div class="card-body collapse{% if eventos is None %} show{% endif %}" id="filterFormCollapse">
-        {{ form }}
+        
+        {% for field in form %}
+          {% if field.name != "mes_ano" and field.name != "categorias" and field.name != "status" %}
+            {{ field }}
+        {% endif %}
+      
+        {% endfor %}
+
+        
+        <div class="mb-3">
+          <fieldset>
+            <legend>Categorias:</legend>
+            {{ form.categorias }}
+          </fieldset>
+        </div>
+
+        
+        <div class="mb-3">
+          <fieldset>
+            <legend>Status:</legend>
+            {{ form.status }}
+          </fieldset>
+        </div>
+
+        
+        <div class="mb-3">
+          <fieldset>
+            <legend>Período:</legend>
+            <div class="mb-3">
+              <label for="id_year" class="form-label">Ano:</label>
+              <input type="number" id="id_year" class="form-control" placeholder="YYYY"
+                     style="width: max-content;" required min="1000" max="9999">
+            </div>
+            <div class="mb-3">
+              <label for="id_month" class="form-label">Mês:</label>
+              <select id="id_month" class="form-select" style="width: max-content;" required>
+                <option value="">Selecione</option>
+                <option value="01">Janeiro</option>
+                <option value="02">Fevereiro</option>
+                <option value="03">Março</option>
+                <option value="04">Abril</option>
+                <option value="05">Maio</option>
+                <option value="06">Junho</option>
+                <option value="07">Julho</option>
+                <option value="08">Agosto</option>
+                <option value="09">Setembro</option>
+                <option value="10">Outubro</option>
+                <option value="11">Novembro</option>
+                <option value="12">Dezembro</option>
+              </select>
+            </div>
+            
+            <input type="hidden" name="mes_ano" id="id_mes_ano" value="">
+          </fieldset>
+        </div>
       </div>
+
       <div class="card-footer d-flex justify-content-end">
         <div>
           <button type="submit" class="btn btn-primary">{% trans 'Ver calendário' %}</button>
-          <button type="submit" name="fmt" value="pdf" class="btn btn-primary" title="{% trans 'Exportar para PDF' %}">
+          <button type="submit" name="fmt" value="pdf" class="btn btn-primary"
+                  title="{% trans 'Exportar para PDF' %}">
             {% icon "pdf" %}
             {% trans 'Exportar para PDF' %}
           </button>
@@ -45,7 +104,8 @@
     <div class="accordion" id="accordionReport">
       <div class="accordion-item">
         <h2 class="accordion-header">
-          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLegenda" aria-expanded="true" aria-controls="collapseLegenda">
+          <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                  data-bs-target="#collapseLegenda" aria-expanded="true" aria-controls="collapseLegenda">
             {% translate "Legenda" %}
           </button>
         </h2>
@@ -57,7 +117,8 @@
       </div>
       <div class="accordion-item">
         <h2 class="accordion-header">
-          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCalendario" aria-expanded="true" aria-controls="collapseCalendario">
+          <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                  data-bs-target="#collapseCalendario" aria-expanded="true" aria-controls="collapseCalendario">
             {% trans 'Calendário' %}
           </button>
         </h2>
@@ -69,7 +130,8 @@
       </div>
       <div class="accordion-item">
         <h2 class="accordion-header">
-          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLista" aria-expanded="false" aria-controls="collapseLista">
+          <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                  data-bs-target="#collapseLista" aria-expanded="false" aria-controls="collapseLista">
             {% trans 'Lista' %}
           </button>
         </h2>
@@ -83,4 +145,24 @@
     {% include "eventos/snippets/calendario_modals.html" %}
   {% endif %}
 
-{% endblock %}
\ No newline at end of file
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const yearInput = document.getElementById('id_year');
+      const monthSelect = document.getElementById('id_month');
+      const hiddenMesAno = document.getElementById('id_mes_ano');
+
+      function updateHiddenField() {
+        const year = yearInput.value.trim();
+        const month = monthSelect.value;
+        if (year && month) {
+          hiddenMesAno.value = year + '-' + month;
+        } else {
+          hiddenMesAno.value = '';
+        }
+      }
+
+      yearInput.addEventListener('input', updateHiddenField);
+      monthSelect.addEventListener('change', updateHiddenField);
+    });
+  </script>
+{% endblock %}
diff --git a/sigi/templates/admin/dat b/sigi/templates/admin/date_range_filter.html
similarity index 100%
rename from sigi/templates/admin/dat
rename to sigi/templates/admin/date_range_filter.html