Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Página de auto cadastro #746

Merged
merged 22 commits into from
Oct 17, 2024
Merged

Página de auto cadastro #746

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
7209c1a
Criação da estrutura do formulário para o cadastro de um novo sócio n…
GabrielPintoSouza Oct 2, 2024
d26eedc
Implementação do comportamento dos botões de avançar [Issue #744]
GabrielPintoSouza Oct 2, 2024
a2b0e3b
Implementação do comportamento dos botões de voltar [Issue #744]
GabrielPintoSouza Oct 3, 2024
81a030f
Criada a validação do valor de uma doação [Issue #744]
GabrielPintoSouza Oct 3, 2024
5ed92c2
Criada a validação do CPF [Issue #744]
GabrielPintoSouza Oct 3, 2024
bf36dab
Criada a validação do contato [Issue #744]
GabrielPintoSouza Oct 3, 2024
b389c04
Criada a validação da periodicidade [Issue #744]
GabrielPintoSouza Oct 3, 2024
2a9a7bc
Implementação da busca de cep nas informações de endereço [Issue #744]
GabrielPintoSouza Oct 3, 2024
218d1a9
Criação da validação de um endereço [Issue #744]
GabrielPintoSouza Oct 3, 2024
3f1a6a0
Definição do comportamento do envio do formulário de cadastro [Issue …
GabrielPintoSouza Oct 4, 2024
b2922a3
Implementação da função cadastrar no arquivo processa_cadastro_socio.…
GabrielPintoSouza Oct 4, 2024
c17ca26
Adição da TAG 'Solicitante' no BD padrão [Issue #744]
GabrielPintoSouza Oct 4, 2024
7697ad6
Criação da função de buscar um sócio por CPF [Issue #744]
GabrielPintoSouza Oct 7, 2024
5bc531a
Adição do preenchimento automático de informações para sócios existen…
GabrielPintoSouza Oct 7, 2024
bf41bc8
Procedimentos de extrair e validar os dados do formulário foram movid…
GabrielPintoSouza Oct 7, 2024
0474fb6
Implementação da funcionalidade de atualizar um sócio [Issue #744]
GabrielPintoSouza Oct 7, 2024
989b431
Criação da função verificarInterno [Issue #744]
GabrielPintoSouza Oct 8, 2024
721b27f
Adicionada periodicidade no formulário [Issue #744]
GabrielPintoSouza Oct 8, 2024
dbbd629
Ajustes na view [Issue #744]
GabrielPintoSouza Oct 8, 2024
0d4b35a
Mudança do título da página cadastro_socio.php [Issue #744]
GabrielPintoSouza Oct 8, 2024
5300b73
Adição da quantidade de sócios retornados no relatório [Issue #750]
GabrielPintoSouza Oct 15, 2024
f23a952
Adição da pesquisa pelo nome da tag 'Solicitante' em processa_socio.p…
GabrielPintoSouza Oct 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions BD/wegia002.sql
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,9 @@ INSERT INTO `socio_status` (`id_sociostatus`, `status`) VALUES
(3, 'Inativo Temporariamente'),
(4, 'Sem informação');

INSERT INTO `socio_tag` (`tag`) VALUES
('Solicitante');

INSERT INTO `status_memorando` (`status_atual`) VALUES ('Ativo'), ('Lido'), ('Não Lido'), ('Importante'), ('Pendente'), ('Arquivado');

INSERT INTO `unidade` (`descricao_unidade`) VALUES ('Quilo'), ('Litro'), ('Metro'), ('Pacote'), ('Unidade');
Expand Down
334 changes: 334 additions & 0 deletions html/socio/cadastro_socio.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,334 @@
<?php
include("../contribuicao/php/conexao.php");

include("../contribuicao/php/preencheForm.php");
include("../contribuicao/php/logo_titulo.php");
ini_set('display_errors', 0);
ini_set('display_startup_erros', 0);

?>
<!DOCTYPE html>
<html lang="pt-br">

<head>
<title>Seja um sócio apoiador!</title>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="outros/css/index.css">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Bitter&display=swap" rel="stylesheet">
<!--
=========================================================================================-->

<link rel="stylesheet" type="text/css" href="../contribuicao/outros/vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/vendor/noui/nouislider.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/css/util.css">
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/css/main.css">
<link rel="stylesheet" type="text/css" href="../contribuicao/outros/css/donation.css">

<script type="text/javascript" src="../../Functions/onlyNumbers.js"></script>
<script type="text/javascript" src="../../Functions/testaCPF.js"></script>
<script src="../../Functions/busca_cep.js"></script>
<script src="../contribuicao/outros/js/mascara.js"></script>
<!--===============================================================================================-->
<style>
#logo_img {
display: block;
margin-left: auto;
margin-right: auto;
}

.container-contact100 {
display: flex;
justify-content: center;
align-items: center;
}

/*.wrap-contact100 {
text-align: center;
}*/

#doacao_boleto .btn-group {
display: flex;
justify-content: center;
border-radius: 20px;
}

.hidden {
display: none;
}

span.obrigatorio{
color: red;
}

.btn-voltar{
font-size: .9rem;
}

.btn-voltar:hover{
font-size: 1rem;
}
</style>
</head>

<body>
<div class="container-contact100">
<div class="wrap-contact100">
<span id="logo_img"><?php resgataImagem(); ?></span>
<span class="contact100-form-title" id="titulo_pag"><?php resgataParagrafo(); ?></span>

<h3 class="text-center">Formulário de cadastro</h3>
<p class="text-center">Campos obrigatórios <span class="obrigatorio">*</span></p>
<div id="mensagem">

</div>
<form action="" name="cadastro" id="form-cadastro">

<input type="hidden" name="acao" id="acao" value="cadastrar">

<div id="pag1" class="wrap-input100">

<div class="wrap-input100">
<label for="valor" class="label-input100">Com quanto deseja contribuir? <span class="obrigatorio">*</span></label>
<input type="number" class="input100" name="valor" id="valor" placeholder="Digite o valor da sua contribuição">
</div>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-acao" id="avanca-valor">
AVANÇAR
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</button>
</div>

</div>

<div id="pag2" class="wrap-input100 hidden">

<div class="wrap-input100">
<label for="cpf" class="label-input100">Para prosseguirmos precisamos do seu CPF <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="cpf" id="cpf" placeholder="Informe o seu CPF" onkeyup="return Onlynumbers(event)" onkeypress="mascara('###.###.###-##',this,event)" maxlength="14">
</div>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn" id="avanca-cpf">
AVANÇAR
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</button>
</div>

<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-voltar" id="volta-valor">
<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i>
VOLTAR
</button>
</div>

</div>

<div id="pag3" class="wrap-input100 hidden">

<div class="wrap-input100">
<label for="nome" class="label-input100">Nome <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="nome" id="nome" placeholder="Informe seu nome completo">
</div>
<div class="wrap-input100">
<label for="data_nascimento" class="label-input100">Data de Nascimento <span class="obrigatorio">*</span></label>
<input type="date" class="input100" name="data_nascimento" id="data_nascimento" min="1900-01-01" max="<?= date('Y-m-d') ?>">
</div>
<div class="wrap-input100">
<label for="email" class="label-input100">E-mail <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="email" id="email" placeholder="Informe seu e-mail">
</div>
<div class="wrap-input100">
<label for="telefone" class="label-input100">Telefone <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="telefone" id="telefone" placeholder="Informe seu número de telefone para contato" onkeypress="mascara('(##)#####-####',this,event); return Onlynumbers(event)" maxlength="14">
</div>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-acao" id="avanca-contato">
AVANÇAR
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</button>

<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-voltar" id="volta-cpf">
<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i>
VOLTAR
</button>
</div>
</div>

</div>

<div id="pag4" class="wrap-input100 hidden">
<div class="wrap-input100 validate-input bg1">
<span class="label-input100">Com qual frequência gostaria de contribuir? <span class="obrigatorio">*</span></span>
<select class="wrap-input100 validate-input bg1" id="periodicidade" name="periodicidade">
<option value="" disabled selected>Selecione uma opção...</option>
<option value="2">Mensal</option>
<option value="6">Bimestral</option>
<option value="8">Trimestral</option>
<option value="10">Semestral</option>
</select>
</div>

<div id="vencimento" class="wrap-input100 validate-input bg1">
<span class="label-input100">Escolha uma data de vencimento <span class="obrigatorio">*</span></span><br>
<input type='radio' value='01' name='data_vencimento' id='data_vencimento01'><span style='margin-right: 1.5em'>1</span>
<input type='radio' value='05' name='data_vencimento' id='data_vencimento05'><span style='margin-right: 1.5em'>5</span>
<input type='radio' value='10' name='data_vencimento' id='data_vencimento10'><span style='margin-right: 1.5em'>10</span>
<input type='radio' value='15' name='data_vencimento' id='data_vencimento15'><span style='margin-right: 1.5em'>15</span>
<input type='radio' value='20' name='data_vencimento' id='data_vencimento20'><span style='margin-right: 1.5em'>20</span>

</div>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn" id="avanca-periodo">
AVANÇAR
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</button>
</div>

<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-voltar" id="volta-contato">
<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i>
VOLTAR
</button>
</div>
</div>

<div id="pag5" class="wrap-input100 hidden">

<div class="wrap-input100">
<label for="cep" class="label-input100">CEP <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="cep" id="cep" placeholder="Informe o CEP do seu endereço" onkeypress="$(this).mask('00000-000')" onblur="pesquisacep(this.value)">
</div>
<div class="wrap-input100">
<label for="rua" class="label-input100">Rua <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="rua" id="rua" placeholder="Informe o nome da sua rua">
</div>
<div class="wrap-input100">
<label for="numero" class="label-input100">Número <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="numero" id="numero" placeholder="Informe o número da sua residência">
</div>
<div class="wrap-input100">
<label for="bairro" class="label-input100">Bairro <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="bairro" id="bairro" placeholder="Informe o nome do seu bairro">
</div>
<div class="wrap-input100 validate-input bg1">
<span class="label-input100">Estado <span class="obrigatorio">*</span></span>
<select class="wrap-input100 validate-input bg1" id="uf" name="uf">
<option value="Selecione sua unidade federativa" disabled></option>
<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="RS">Sergipe</option>
<option value="TO">Tocantins</option>
</select><br>
</div>
<div class="wrap-input100">
<label for="cidade" class="label-input100">Cidade <span class="obrigatorio">*</span></label>
<input type="text" class="input100" name="cidade" id="cidade" placeholder="Informe o nome da sua cidade">
</div>
<div class="wrap-input100">
<label for="complemento" class="label-input100">Complemento</label>
<input type="text" class="input100" name="complemento" id="complemento" placeholder="Caso julgue interessante, forneça um complemento">
</div>

<input type="hidden" name="ibge" id="ibge" value="">
<div class="container-contact100-form-btn">
<button class="contact100-form-btn" id="avanca-endereco">
AVANÇAR
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</button>
</div>

<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-voltar" id="volta-periodo">
<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i>
VOLTAR
</button>
</div>

</div>

<div id="pag6" class="wrap-input100 hidden">

<h3 class="text-center">Obrigado por apoiar nossa Instituição!</h3>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn" id="avanca-terminar">
Inscrever-se como sócio apoiador.
<i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i>
</button>
</div>

<div class="container-contact100-form-btn">
<button class="contact100-form-btn btn-voltar" id="volta-endereco">
<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i>
VOLTAR
</button>
</div>

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

<!--===============================================================================================-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
<!--===============================================================================================-->
<script src="../contribuicao/outros/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="../contribuicao/outros/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="../contribuicao/outros/js/main.js"></script>
<script src="../contribuicao/outros/js/mascara.js"></script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>

<!--Busca cep-->
<script src="../../Functions/busca_cep.js"></script>
<script src="./js/cadastro_socio.js"></script>

</body>

</html>
<?php
Loading