alterando template de gerar calendarios para evitar erros do usuario no input do mes

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 %}
+  <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 %}