-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Criação da página pix.php [Issue #767]
- Loading branch information
1 parent
efb3ea4
commit 8ec1d5d
Showing
4 changed files
with
180 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,102 @@ | ||
| let acao = 'qrcode'; | ||
|
|
||
| async function decidirAcao() { | ||
| switch (acao) { | ||
| case 'qrcode': gerarQRCode(); break; | ||
| case 'cadastrar': await cadastrarSocio(); gerarQRCode(); break;//colocar chamada para função de cadastrar sócio | ||
| case 'atualizar': await atualizarSocio(); gerarQRCode(); break;//colocar chamada para função de atualizar sócio | ||
| default: console.log('Ação indefinida'); | ||
| } | ||
| } | ||
|
|
||
| function gerarQRCode() { | ||
| const form = document.getElementById('formulario'); | ||
| const formData = new FormData(form); | ||
|
|
||
| const documento = pegarDocumento(); | ||
|
|
||
| formData.append('nomeClasse', 'ContribuicaoLogController'); | ||
| formData.append('metodo', 'criarQRCode'); | ||
| formData.append('documento_socio', documento); | ||
|
|
||
| fetch("../controller/control.php", { | ||
| method: "POST", | ||
| body: formData | ||
| }) | ||
| .then(response => { | ||
| if (!response.ok) { | ||
| throw new Error("Erro na requisição: " + response.status); | ||
| } | ||
| return response.json(); // Converte a resposta para JSON | ||
| }) | ||
| .then(resposta => { | ||
| if (resposta.qrcode) { | ||
| const qrCodeDiv = document.getElementById('qrcode-div'); | ||
| qrCodeDiv.classList.remove('hidden'); | ||
|
|
||
| // Criar uma div para centralizar o conteúdo | ||
| let qrContainer = document.createElement("div"); | ||
| qrContainer.style.textAlign = "center"; | ||
|
|
||
| // Adicionar o QR Code como imagem | ||
| let qrcode = document.createElement("img"); | ||
| qrcode.src = "data:image/jpeg;base64," + resposta.qrcode; | ||
| qrContainer.appendChild(qrcode); | ||
|
|
||
| // Adicionar um botão abaixo do QR Code | ||
| let copyButton = document.createElement("button"); | ||
| copyButton.textContent = "Copiar Código QR"; | ||
| copyButton.style.display = "block"; | ||
| copyButton.style.marginTop = "10px"; | ||
| copyButton.style.margin = "auto"; | ||
| copyButton.classList.add('btn'); | ||
| copyButton.classList.add('btn-success'); | ||
| qrContainer.appendChild(copyButton); | ||
|
|
||
| qrCodeDiv.appendChild(qrContainer); | ||
|
|
||
| // Ajustar a largura do botão após a imagem carregar | ||
| qrcode.onload = function () { | ||
| copyButton.style.width = qrcode.width * (0.75) + "px"; | ||
| }; | ||
|
|
||
| // Rolar a página para o form3 | ||
| window.location.hash = '#qrcode-div'; | ||
|
|
||
| // Adicionar o evento de clique no botão para copiar o código | ||
| copyButton.addEventListener('click', function (ev) { | ||
| ev.preventDefault(); | ||
| // Criar um elemento temporário para copiar o texto | ||
| let tempInput = document.createElement("input"); | ||
| tempInput.value = resposta.copiaCola;//substituir pelo código da área de transferência | ||
| document.body.appendChild(tempInput); | ||
|
|
||
| // Selecionar e copiar o texto | ||
| tempInput.select(); | ||
| document.execCommand("copy"); | ||
|
|
||
| // Remover o elemento temporário | ||
| document.body.removeChild(tempInput); | ||
|
|
||
| alert("Código QR copiado para a área de transferência!"); | ||
| }); | ||
|
|
||
| } else { | ||
| alert("Ops! Ocorreu um problema na geração da sua forma de pagamento, tente novamente, se o erro persistir contate o suporte."); | ||
| } | ||
|
|
||
| }) | ||
| .catch(error => { | ||
| console.error("Erro:", error); | ||
| }); | ||
| } | ||
|
|
||
| configurarAvancaValor(verificarValor); | ||
| configurarVoltaValor(); | ||
| configurarVoltaCpf(); | ||
| configurarVoltaContato(); | ||
| configurarAvancaEndereco(verificarEndereco); | ||
| configurarAvancaContato(verificarContato); | ||
| configurarAvancaTerminar(decidirAcao); | ||
| configurarMudancaOpcao(alternarPfPj); | ||
| configurarConsulta(buscarSocio); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| <?php | ||
| $title = 'Emitir QRCode'; | ||
| require_once './templates/header.php'; | ||
|
|
||
| $textoTipoContribuicao = 'GERAR QRCode'; | ||
| $tipoContribuicao = 'QRCode'; | ||
|
|
||
| ?> | ||
| <div class="container-contact100"> | ||
| <div class="wrap-contact100"> | ||
|
|
||
| <!--Adiciona a logo e o título ao topo da página--> | ||
| <?php include('./components/contribuicao_brand.php'); ?> | ||
|
|
||
| <form id="formulario"> | ||
|
|
||
| <input type="hidden" name="forma-contribuicao" id="forma-contribuicao" value="boleto"> | ||
|
|
||
| <div id="pag1" class="wrap-input100"> | ||
| <!--Adiciona a página de valor de contribuição--> | ||
| <?php include('./components/contribuicao_valor.php'); ?> | ||
| <?php $tipoAvanca = 'valor'; | ||
| include('./components/btn_avanca.php'); ?> | ||
| </div> | ||
|
|
||
| <div id="pag2" class="wrap-input100 hidden"> | ||
| <!--Adiciona a página para identificação de Sócios PJ e PF--> | ||
| <?php include('./components/contribuicao_documento.php'); ?> | ||
| </div> | ||
|
|
||
| <div id="pag3" class="wrap-input100 hidden"> | ||
| <!--Adiciona a página para coleta do nome, data de nascimento, telefone e e-mail--> | ||
| <?php include('./components/contribuicao_contato.php'); ?> | ||
| </div> | ||
|
|
||
| <div id="pag4" class="wrap-input100 hidden"> | ||
| <!--Adiciona a página para coleta do CEP, rua, número, bairro, estado, cidade e complemento--> | ||
| <?php include('./components/contribuicao_endereco.php'); ?> | ||
| </div> | ||
|
|
||
| <div id="pag5" class="wrap-input100 hidden"> | ||
| <!--Adiciona a página para agradecimento e confirmação da geração do boleto--> | ||
| <?php include('./components/contribuicao_confirmacao.php'); ?> | ||
| </div> | ||
| </div> | ||
|
|
||
| </form> | ||
|
|
||
| <div class="wrap-contact100 mt-5 hidden text-center" id="qrcode-div"> | ||
| <h4>Escaneie seu QRCode, <br> ou então clique no nosso copia e cola!</h4> | ||
|
|
||
| </div> | ||
|
|
||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script> | ||
|
|
||
| <script src="../vendor/bootstrap/js/bootstrap.min.js"></script> | ||
|
|
||
| <script src="../vendor/select2/select2.min.js"></script> | ||
| <script src="../public/js/mascara.js"></script> | ||
| <script src="../public/js/util.js"></script> | ||
| <script src="../public/js/pix.js"></script> | ||
| <!--Busca cep--> | ||
| <script src="../../../Functions/busca_cep.js"></script> | ||
| <?php | ||
| require_once './templates/footer.php'; | ||
| ?> |