Projeto Finalizado v1.0 18-06-2024 \o/

Readme.md

@@ -1,8 +1,9 @@
 # bancoDeSangueWeb
 
-<h3>Este projeto é uma Aplicação WEB do bancoDeSangue feito em JAVA e está em desenvolvimento para o PI-II</h3>
+<h3>Este projeto é uma Aplicação WEB do bancoDeSangue feito em JAVA e está em desenvolvimento para o PI-II.</h3>
 <h3>Módulo D - Assistente de Desenvolvimento de Aplicativos Computacionais II - PI II - SenacTech.</h3>
-<h3>O objetivo é facilitar o CRUD da aplicaçãoWeb para os funcionários cadastradores, o estoque de bolsas de sangue por tipo sanguíneo, bem como fornecer informações sobre o estoque de sangue nos hospitais na página principal.</h3>
+<h3>O objetivo é facilitar o CRUD da aplicaçãoWeb para os funcionários cadastradores.</h3>
+<h3>O projeto fornece o estoque de bolsas de sangue por tipo sanguíneo, plasma, e informações sobre os doadores.</h3>
 <h3>Previsão de conclusão e entrega: 25 de junho de 2024</h3>
 <h3>Autor: André Cruz</h3>
 
@@ -40,8 +41,8 @@
 - ~~As funcionalidades descritas acima.~~ :white_check_mark:
 
 # Como rodar o projeto
-- Execute o XAMPP e inicie Apache e MySQL
-- Na maioria dos casos não é necessário reconfigurar o arquivo conexao.php.
-- No seu SGDB de preferência abra o arquivo "bdSangueWEB comandos SQL.sql" e execute o scritpt para montar o banco.
+- Execute o XAMPP e inicie Apache e MySQL;
+- Na maioria dos casos não é necessário reconfigurar o arquivo conexao.php;
+- No seu SGDB de preferência abra o arquivo "bdSangueWEB comandos SQL.sql" e execute o scritpt para montar o banco;
 - Copie a pasta do repositório para dentro do htdocs do xampp, geralmente: c:\xampp\htdocs
 - No navegador digite: localhost\nome_da_pasta_do_repositorio

index.html

@@ -27,7 +27,7 @@ <h2 class="loginTitulo">Banco de Sangue</h2>
   </header>
 
   <main>
-    
+
     <div id="modal" class="modal">
       <span class="close">&times;</span>
       <img class="modal-content" id="modal-img">
@@ -61,7 +61,7 @@ <h2>Quantidade de Bolsas de Sangue por Tipo Sanguíneo</h2>
         </thead>
         <tbody id="tabelaHospitais">
           <!-- Adicione informações para outros hospitais aqui -->
-          
+
         </tbody>
       </table>
     </section>

js/preencheInputsDoadores.js

@@ -1,12 +1,11 @@
-document.addEventListener("DOMContentLoaded", function() {
+document.addEventListener("DOMContentLoaded", function () {
     selecionaLinhaNaTabela();
 
-    document.getElementById("preencherInputs").addEventListener("click", function() {
+    document.getElementById("preencherInputs").addEventListener("click", function () {
         preencherCampos();
     });
 });
 
-
 function preencherCampos() {
     let linhaSelecionada = document.querySelector("#tabelaHospitais tr.selecionado");
     console.log(linhaSelecionada)
@@ -23,7 +22,7 @@ function preencherCampos() {
         document.getElementById("cidadeDoador").value = cells[8].innerText;
         document.getElementById("ufdoador").value = cells[9].innerText;
         document.getElementById("emailDoador").value = cells[10].innerText;
-        
+
     } else {
         alert("Selecione uma linha na tabela!");
     }

js/preencheTabelaDoadores.js

@@ -8,11 +8,11 @@ function preencheTabelaDoadores() {
         alert('Erro: ' + data.error);
         return;
       }
-      
+
       let tabela = document.getElementById('tabelaHospitais');
       tabela.innerHTML = '';
       let tamanhoTabela = Math.max(data.arrayD.length, data.arrayL.length);
-      
+
       for (let i = 0; i < tamanhoTabela; i++) {
         let cadDoador = data.arrayD[i] || {};
         let logDoador = data.arrayL[i] || {};
@@ -67,7 +67,7 @@ document.getElementById('preencherTabela').addEventListener('click', preencheTab
 
 //
 function applyConditionalStyling() {
-  document.querySelectorAll('.podeDoar').forEach(function(div) {
+  document.querySelectorAll('.podeDoar').forEach(function (div) {
     if (div.textContent === 'Sim') {
       div.style.color = 'rgb(155 6 2)';
       div.style.fontWeight = 'bold';

pages/cadastro.html

@@ -35,15 +35,8 @@ <h2>Cadastro de Usuários e Doadores</h2>
         <div class="formCamposDiv">
           <div class="formCampoDivNome">
             <label for="nomeDoador">Nome Completo</label>
-              <input
-                type="text" 
-                name="nomeDoador" 
-                id="nomeDoador" 
-                autocomplete="nomeDoador"
-                title="O nome não pode conter caracteres inválidos."
-								pattern="^[A-Za-zÀ-ÿ\s]+$"
-                required
-              >
+            <input type="text" name="nomeDoador" id="nomeDoador" autocomplete="nomeDoador"
+              title="O nome não pode conter caracteres inválidos." pattern="^[A-Za-zÀ-ÿ\s]+$" required>
           </div>
 
           <div class="formCampoDivTipo">
@@ -63,103 +56,50 @@ <h2>Cadastro de Usuários e Doadores</h2>
 
           <div class="formCampoDivDataNasc">
             <label for="dataNascimentoDoador">Data de Nascimento</label>
-              <input
-                type="date" 
-                name="dataNascimentoDoador" 
-                id="dataNascimentoDoador" 
-                autocomplete="dataNascimentoDoador"
-                required
-              >
+            <input type="date" name="dataNascimentoDoador" id="dataNascimentoDoador" autocomplete="dataNascimentoDoador"
+              required>
           </div>
 
           <div class="formCampoDivDataUltDoa">
             <label for="dataUltimaDoacao">Data da última doação</label>
-              <input
-                type="date" 
-                name="dataUltimaDoacao" 
-                id="dataUltimaDoacao" 
-                autocomplete="dataUltimaDoacao"
-                required
-              >
+            <input type="date" name="dataUltimaDoacao" id="dataUltimaDoacao" autocomplete="dataUltimaDoacao" required>
           </div>
 
           <div class="formCampoDivCEP">
             <label for="cepDoador">CEP</label>
-              <input
-                type="tel" 
-                name="cepDoador" 
-                id="cepDoador" 
-                autocomplete="cepDoador"
-                maxlength="8"
-                title="O cep deve ter 8 dígitos sem traço" 
-                pattern="[0-9]{8}"
-                required
-              >
+            <input type="tel" name="cepDoador" id="cepDoador" autocomplete="cepDoador" maxlength="8"
+              title="O cep deve ter 8 dígitos sem traço" pattern="[0-9]{8}" required>
           </div>
 
           <div class="formCampoDivBairro">
             <label for="bairroDoador">Bairro</label>
-              <input
-                type="text" 
-                name="bairroDoador" 
-                id="bairroDoador" 
-                autocomplete="bairroDoador"
-                title="Apenas caracteres alfabéticos são permitidos" 
-								pattern="^[A-Za-zÀ-ÿ\s]+$"
-                required
-              >
+            <input type="text" name="bairroDoador" id="bairroDoador" autocomplete="bairroDoador"
+              title="Apenas caracteres alfabéticos são permitidos" pattern="^[A-Za-zÀ-ÿ\s]+$" required>
           </div>
 
           <div class="formCampoDivCidade">
             <label for="cidadeDoador">Cidade</label>
-              <input
-                type="text" 
-                name="cidadeDoador" 
-                id="cidadeDoador" 
-                autocomplete="cidadeDoador"
-                title="Apenas caracteres alfabéticos são permitidos" 
-								pattern="^[A-Za-zÀ-ÿ\s]+$"
-                required
-              >
+            <input type="text" name="cidadeDoador" id="cidadeDoador" autocomplete="cidadeDoador"
+              title="Apenas caracteres alfabéticos são permitidos" pattern="^[A-Za-zÀ-ÿ\s]+$" required>
           </div>
 
           <div class="formCampoDivUF">
             <label for="ufdoador">Estado</label>
-              <input
-                type="text" 
-                name="ufdoador" 
-                id="ufdoador" 
-                autocomplete="ufdoador"
-                title="Apenas caracteres alfabéticos são permitidos" 
-								pattern="^[A-Za-zÀ-ÿ\s]+$"
-                required
-              >
+            <input type="text" name="ufdoador" id="ufdoador" autocomplete="ufdoador"
+              title="Apenas caracteres alfabéticos são permitidos" pattern="^[A-Za-zÀ-ÿ\s]+$" required>
           </div>
 
 
           <div class="formCampoDivEmail">
             <label for="emailDoador">E-mail</label>
-              <input
-              id="emailDoador" 
-              name="emailDoador" 
-              type="email" 
-              autocomplete="emailDoador"
-              placeholder="nome@dominio.com" 
-							title="O formato do e-mail deve ser: nome@dominio.com" 
-							pattern="[0-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" 
-              required
-              >
+            <input id="emailDoador" name="emailDoador" type="email" autocomplete="emailDoador"
+              placeholder="nome@dominio.com" title="O formato do e-mail deve ser: nome@dominio.com"
+              pattern="[0-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required>
           </div>
 
           <div class="formCampoDivSenha">
             <label for="senhaLogin">Senha</label>
-              <input
-                id="senhaLogin" 
-                name="senhaLogin" 
-                type="password" 
-                autocomplete="senhaLogin"
-                required
-              >
+            <input id="senhaLogin" name="senhaLogin" type="password" autocomplete="senhaLogin" required>
           </div>
         </div>
       </div>

pages/manutencaoCadastro.php

@@ -239,6 +239,7 @@
                 <button id="atualizarHosp" title="Atualiza os dados do doador selecionado" name="action" value="atualizar">Atualizar</button>
                 <button id="cadastrarHosp" title="Cadastra um novo doador" name="action" value="cadastrar">Cadastrar</button>
               </div>
+              
             </form>
           </section>
         </main>