From 9430ae4f96edf4339e4e27e25fd129b62775b205 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Vitor=20Capaz=C3=B3rio=20Domingos?=
 <127691953+JoaoVitorDomingos@users.noreply.github.com>
Date: Sun, 20 Oct 2024 10:42:51 -0300
Subject: [PATCH] =?UTF-8?q?Esconder=20e=20Mostrar=20a=20Tabela=20do=20moda?=
 =?UTF-8?q?l=20Impress=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adicionada Javascript onde esconderá ou mostrará a tabela de alunos que podem ser selecionados, nos modais Imprimir Boletim e Imprimir Presença
---
 css/modais.css     |  4 ++++
 index.html         |  4 ++--
 scripts/estilos.js | 27 ++++++++++++++++++++++++++-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/css/modais.css b/css/modais.css
index 7ecb18d..650b71c 100644
--- a/css/modais.css
+++ b/css/modais.css
@@ -44,6 +44,10 @@
     max-height: 250px;
 }
 
+.esconder {
+    display: none;
+}
+
 /* Modal - Editar Back */
 #editar_back form fieldset {
     margin-bottom: 30px;
diff --git a/index.html b/index.html
index bfcd9d0..f11baff 100644
--- a/index.html
+++ b/index.html
@@ -605,7 +605,7 @@ <h2>Imprimir Boletim</h2>
                         </form>
 
                         <div class="container-tabela-modal w-75 mx-auto mb-4">
-                            <table class="table table-striped table-bordered border-dark">
+                            <table class="table table-striped table-bordered border-dark esconder">
                                 <thead>
                                     <tr>
                                         <th scope="col">Escolher</th>
@@ -675,7 +675,7 @@ <h2>Imprimir Presença</h2>
                         </form>
 
                         <div class="container-tabela-modal w-75 mx-auto mb-4">
-                            <table class="table table-striped table-bordered border-dark">
+                            <table class="table table-striped table-bordered border-dark esconder">
                                 <thead>
                                     <tr>
                                         <th scope="col">Escolher</th>
diff --git a/scripts/estilos.js b/scripts/estilos.js
index 1292c37..9fe0dd1 100644
--- a/scripts/estilos.js
+++ b/scripts/estilos.js
@@ -112,4 +112,29 @@ modal_editarBack_formRadios.addEventListener("click", evt => {
     }
 })
 
-
+// Mostra e esconde a tabela dos modais
+const imprimirBo_table = document.querySelector("#imprimir_boletim>div>div>div>div>table")
+const imprimirPre_table = document.querySelector("#imprimir_presenca>div>div>div>div>table")
+const radios_imprimir = [...document.getElementsByName("imprimir_bo_tipo"), ...document.getElementsByName("imprimir_pre_tipo")]
+
+radios_imprimir.forEach(el => {
+    el.addEventListener("click", evento => {
+        console.log(evento.target)
+        console.log(evento.target.name)
+        if(evento.target.name == "imprimir_bo_tipo") {
+            console.log(evento.target.id)
+            if(evento.target.id == "imprimir_bo_sala" && evento.target.checked) {
+                imprimirBo_table.classList.add("esconder")
+            } else if(evento.target.id == "imprimir_bo_escolher" && evento.target.checked) {
+                imprimirBo_table.classList.remove("esconder")
+            }
+        } else if(evento.target.name == "imprimir_pre_tipo") {
+            console.log(evento.target.id)
+            if(evento.target.id == "imprimir_pre_sala" && evento.target.checked) {
+                imprimirPre_table.classList.add("esconder")
+            } else if(evento.target.id == "imprimir_pre_escolher" && evento.target.checked) {
+                imprimirPre_table.classList.remove("esconder")
+            }
+        }
+    })
+})