Skip to content

Commit

Permalink
Merge pull request #41 from ICEI-PUC-Minas-PMV-SI/Caio/wireframe5
Browse files Browse the repository at this point in the history 
Caio/wireframe5
  • Loading branch information
@Zattrus
Zattrus authored Nov 1, 2023
2 parents 1d15c30 + 21f3d67 commit 22901ba
Show file tree
Hide file tree
Showing 9 changed files with 655 additions and 1 deletion.
125 changes: 125 additions & 0 deletions src/Cadastro/FormEndereco.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="pt-br">
<!-- cabeçalho -->

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doe Aqui</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="./img/logofavicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300&display=swap" rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script>
// Função para validar a correspondência das senhas
function Senha() {
const senha = document.getElementById("senha").value;
const Confirm_passaword = document.getElementById("confirma-senha").value;
const senhaFeedback = document.getElementById("senha-feedback");

if (senha === Confirm_passaword) {
senhaFeedback.textContent = "valido"; // Senhas correspondem, nenhum feedback é exibido.
return true;
} else {
senhaFeedback.textContent = "As senhas não correspondem.";
return false;
}
}

// Adicione um ouvinte de evento para validar as senhas ao enviar o formulário
Confirm_passaword.getElementById("registro-form").addEventListener("submit", function (event) {
if (!Senha()) {
event.preventDefault(); // Impede o envio do formulário se as senhas não corresponderem
}
});

</script>
</head>

<body>
<header>
<div class="logo">
<img src="../img/logoc.png" alt="Logo">
<h1>Doe Aqui</h1>
</div>
<div class="buttons">
<a href="./CEP/cep.html"><button class="button">Quero Doar</button></a>
<button class="button">Quero Arrecadar</button>
<div class="row container col-sm">
</div>
</header>



<div class="container">
<h1>Cadastro</h1>
<form id="Formcadastro2" name="Formcadastro" action="#">

<label for="Logradouro">Logradouro </label>
<input type="text" id="Logradouro" name="Logradouro" required> <br><br>

<label for="Numero">Numero </label>
<input type="text" id="Numero" name="Numero" required> <br><br>

<label for="Complento">Complemento </label>
<input type="text" id="Complemnto" name="Complemnto" > <br><br>

<label for="Bairro">Bairro</label>
<input type="text" id="Bairro" name="Bairro" required> <br><br>

<label for="Cidade">Cidade</label>
<input type="text" id="Cidade" name="Cidade" required> <br><br>

<label for="Estado">Estado </label>
<select id="estado" name="estado" required>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>


</form>
<button id="FormEndereco">Próximo> </button>
</div>
</div>

<footer class="py-1 my-1">
<ul class="nav justify-content-center border-bottom pb-1 mb-1">
<li class="nav-item"><a href="../index.html" class="nav-link px-2 text-body-secondary">Início</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Funcionalidades</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Sobre</a></li>
</ul>
<p class="text-center text-body-secondary">Doe Aqui - 2023 </p>
</footer>
<script src="../Cadastro/functions2.js"></script>
</body>

</html>
97 changes: 97 additions & 0 deletions src/Cadastro/FormRedeSocial.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="pt-br">
<!-- cabeçalho -->

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doe Aqui</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="./img/logofavicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300&display=swap" rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script>
// Função para validar a correspondência das senhas
function Senha() {
const senha = document.getElementById("senha").value;
const Confirm_passaword = document.getElementById("confirma-senha").value;
const senhaFeedback = document.getElementById("senha-feedback");

if (senha === Confirm_passaword) {
senhaFeedback.textContent = "valido"; // Senhas correspondem, nenhum feedback é exibido.
return true;
} else {
senhaFeedback.textContent = "As senhas não correspondem.";
return false;
}
}

// Adicione um ouvinte de evento para validar as senhas ao enviar o formulário
Confirm_passaword.getElementById("registro-form").addEventListener("submit", function (event) {
if (!Senha()) {
event.preventDefault(); // Impede o envio do formulário se as senhas não corresponderem
}
});

</script>
</head>

<body>
<header>
<div class="logo">
<img src="../img/logoc.png" alt="Logo">
<h1>Doe Aqui</h1>
</div>
<div class="buttons">
<a href="./CEP/cep.html"><button class="button">Quero Doar</button></a>
<button class="button">Quero Arrecadar</button>
<div class="row container col-sm">
</div>
</header>



<div class="container">
<h1>Cadastro</h1>
<form onsubmit="return senha();">

<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required> <br> <br>

<label for="Telefone">Telefone:</label>
<input type="tel" id="Telefone" name="Telefone" required><br> <br>


<label for="Facebook">Facebook:</label>
<input type="url" id="Facebook" name="Facebook"><br> <br>


<label for="Instagram">Instagram:</label>
<input type="url" id="Instagram" name="Instagram"><br> <br>

<label for="outros">Outros:</label>
<input type="url" id="outros" name="outros"><br> <br>


<input type="submit" value="Finalizar">

</form>
</div>
</div>

<footer class="py-1 my-1">
<ul class="nav justify-content-center border-bottom pb-1 mb-1">
<li class="nav-item"><a href="../index.html" class="nav-link px-2 text-body-secondary">Início</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Funcionalidades</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Sobre</a></li>
</ul>
<p class="text-center text-body-secondary">Doe Aqui - 2023 </p>
</footer>

</body>

</html>
77 changes: 77 additions & 0 deletions src/Cadastro/FormUsuario.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="pt-br">
<!-- cabeçalho -->

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doe Aqui</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="./img/logofavicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@300&display=swap" rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>



</head>

<body>
<header>
<div class="logo">
<img src="../img/logoc.png" alt="Logo">
<h1>Doe Aqui</h1>
</div>
<div class="buttons">
<a href="./CEP/cep.html"><button class="button">Quero Doar</button></a>
<button class="button">Quero Arrecadar</button>
<div class="row container col-sm">
</div>


</header>



<div class="container">
<h1>Cadastro</h1>
<form id="Formcadastro" name="Formcadastro" action="#">
<label for="nome">Nome do usuario :</label>
<input type="text" id="nome" name="nome" required><br><br>

<label for="password">Senha</label>
<input type="password" id="password" name="password" required><br><br>

<label for="confirm_password">Confirme Senha</label>
<input type="password" id="confirm_password" name="confirm_password" required><br><br>



<label for="Nome">Razão Social </label>
<input type="text" id="Nome" name="Nome" required> <br><br>

<label for="CNPJ">CNPJ </label>
<input type="text" placeholder="Digite apenas numeros" id="CNPJ" name="CNPJ" maxlength="14" minlength="14"required> <br><br>

</form>

<button id="FormUsuario">Próximo> </button>

</div>
</div>

<footer class="py-1 my-1">
<ul class="nav justify-content-center border-bottom pb-1 mb-1">
<li class="nav-item"><a href="../index.html" class="nav-link px-2 text-body-secondary">Início</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Funcionalidades</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Sobre</a></li>
</ul>
<p class="text-center text-body-secondary">Doe Aqui - 2023 </p>
</footer>
<script src="../Cadastro/functions1.js"></script>
</body>

</html>
34 changes: 34 additions & 0 deletions src/Cadastro/functions1.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@


const password = document.querySelector("#password");
const confirm_password = document.querySelector("#confirm_password");
const FormUsuario= document.querySelector("#FormUsuario");
FormUsuario.addEventListener("click", proximo);

function senha()
{
if (password.value === confirm_password.value) { // Senhas correspondem, nenhum feedback é exibido.
alert( 'senhas conferem');
return true;
}
else{ alert("senhas não conferem");
return false;}
};

// Adicione um ouvinte de evento para validar as senhas ao enviar o formulário



function proximo() {

window.location.href ="../Cadastro/FormEndereco.html";

}








8 changes: 8 additions & 0 deletions src/Cadastro/functions2.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
const FormEndereco= document.querySelector("#FormEndereco");
FormEndereco.addEventListener("click", proximo)

function proximo() {

window.location.href = "../Cadastro/FormRedeSocial.html" ;

}
Loading

0 comments on commit 22901ba

Please sign in to comment.