Skip to content

Commit

Permalink
refactor(docs): altera geradores de md para html
Browse files Browse the repository at this point in the history
  • Loading branch information
marcelo-lourenco committed Nov 6, 2024
1 parent 88953d1 commit 75eace9
Show file tree
Hide file tree
Showing 45 changed files with 835 additions and 244 deletions.
6 changes: 6 additions & 0 deletions docs/_css/bootstrap.min.css

Large diffs are not rendered by default.

117 changes: 86 additions & 31 deletions docs/_css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,8 @@ button {
cursor: pointer;
border-radius: 5px;
font-size: 16px;
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}

.input-container {
Expand All @@ -50,7 +52,7 @@ button {
padding: 20px 0 40px 0;
}

.input-gerador {
input-gerador {
width: 250px;
padding: 12px;
padding-right: 30px;
Expand All @@ -62,31 +64,86 @@ button {
text-align: center;
}

.icon-copy {
.copiado {
position: absolute;
top: 30%;
right: 10px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23cccccc' d='M11.4 0a.85.85 0 0 1 .622.273l2.743 3a.884.884 0 0 1 .235.602v9.25a.867.867 0 0 1-.857.875H3.857A.867.867 0 0 1 3 13.125V.875C3 .392 3.384 0 3.857 0zM14 4h-2.6a.4.4 0 0 1-.4-.4V1H4v12h10z'/%3E%3Cpath fill='%23cccccc' d='M3 1H2a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h-1v1H2V2h1z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100% 100%;
cursor: pointer;
top: -10px;
left: 50%;
transform: translateX(-50%);
background-color: #4CAF50;
color: white;
padding: 7px;
border-radius: 5px;
opacity: 0;
transition: opacity 0.3s;
}

.icon-copy:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230d6efd' d='M11.4 0a.85.85 0 0 1 .622.273l2.743 3a.884.884 0 0 1 .235.602v9.25a.867.867 0 0 1-.857.875H3.857A.867.867 0 0 1 3 13.125V.875C3 .392 3.384 0 3.857 0zM14 4h-2.6a.4.4 0 0 1-.4-.4V1H4v12h10z'/%3E%3Cpath fill='%230d6efd' d='M3 1H2a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h-1v1H2V2h1z'/%3E%3C/svg%3E");
.mostrar {
opacity: 1;
}

.icon-copy-position {


/* --------------------- */
.form-col {
max-width: 350px;
}
.form-label {
margin-bottom: .5rem
}
.mb-4 {
margin-bottom: 1.5rem!important
}

/* Define the default state of the placeholder */
.floating-label {
position: absolute;
top: 50px;
right: 200px;
transform: translateY(-50%);
color: #0d6efd;
pointer-events: none;
left: 15px;
top: 12px;
transition: 0.2s ease all;
color: #999;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}

/* When the input is focused, move the placeholder */
.floating-label-input:focus~.floating-label,
.floating-label-input:not(:placeholder-shown)~.floating-label {
top: -10px;
left: 15px;
font-size: 12px;
/* color: var(--bs-body-color); */
background-color: var(--bs-body-bg);
padding: 0px 5px;
}

/* Ensure the input has some padding to accommodate the label */
.floating-label-input {
padding: 10px 30px 10px 15px;
position: relative;
}

.form-group {
position: relative;
margin-bottom: 1rem;
}

.form-control:disabled {
background-color: var(--bs-body-bg);
opacity: 1;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus {
/* border-color: var(--bs-body-color) !important; */
border: 1px solid var(--bs-primary);
box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}

.icon {
display: none;
display: inline-block;
background-repeat: no-repeat;
background-size: 100% 100%;
cursor: pointer;
Expand All @@ -96,20 +153,18 @@ button {
width: 16px;
height: 16px;
}
.icon-copy {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23cccccc' d='M11.4 0a.85.85 0 0 1 .622.273l2.743 3a.884.884 0 0 1 .235.602v9.25a.867.867 0 0 1-.857.875H3.857A.867.867 0 0 1 3 13.125V.875C3 .392 3.384 0 3.857 0zM14 4h-2.6a.4.4 0 0 1-.4-.4V1H4v12h10z'/%3E%3Cpath fill='%23cccccc' d='M3 1H2a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h-1v1H2V2h1z'/%3E%3C/svg%3E");
}

.copiado {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background-color: #4CAF50;
color: white;
padding: 7px;
border-radius: 5px;
opacity: 0;
transition: opacity 0.3s;
.icon-copy:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230d6efd' d='M11.4 0a.85.85 0 0 1 .622.273l2.743 3a.884.884 0 0 1 .235.602v9.25a.867.867 0 0 1-.857.875H3.857A.867.867 0 0 1 3 13.125V.875C3 .392 3.384 0 3.857 0zM14 4h-2.6a.4.4 0 0 1-.4-.4V1H4v12h10z'/%3E%3Cpath fill='%230d6efd' d='M3 1H2a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h-1v1H2V2h1z'/%3E%3C/svg%3E");
}

.mostrar {
opacity: 1;
}
.icon-copy-position {
position: absolute;
top: 22px;
right: 10px;
transform: translateY(-50%);
color: var(--color-input-text);
}
128 changes: 114 additions & 14 deletions docs/_js/script.js
Original file line number Diff line number Diff line change
@@ -1,16 +1,116 @@
function copiarTexto() {
const campoTexto = document.getElementById('vlrGerado');
campoTexto.select();
document.execCommand('copy');

const mensagem = document.getElementById('msgCopiado');
mensagem.classList.add('mostrar');
setTimeout(() => {
mensagem.classList.remove('mostrar');
}, 1500); // Esconde a mensagem após 1.5 segundos
const inputFields = document.querySelectorAll('input');
inputFields.forEach(inputField => {
inputField.addEventListener('focus', function () {
inputField.setAttribute('placeholder', ' ');
});
inputField.addEventListener('blur', function () {
inputField.setAttribute('placeholder', '');
});
});

function copy(inputId, messageId = 'msgCopiado') {
const inputField = document.getElementById(inputId);
if (inputField) {
const inputText = inputField.value;
navigator.clipboard.writeText(inputText).then(() => {
const mensagem = document.getElementById(messageId);
if (mensagem) {
mensagem.classList.add('mostrar');
setTimeout(() => {
mensagem.classList.remove('mostrar');
}, 1500); // Esconde a mensagem após 1.5 segundos
}
}).catch(error => {
console.error('Erro ao copiar o texto:', error);
});
}
}

const copyButtons = document.querySelectorAll(".icon-copy");
copyButtons.forEach(button => {
button.addEventListener("click", function () {
copy(button);
});
});


function gerarEndereco() {
const siglasEstados = [
'AC', 'AL', 'AP', 'AM', 'BA', 'CE', 'DF', 'ES', 'GO', 'MA', 'MT', 'MS', 'MG', 'PA', 'PB', 'PR', 'PE', 'PI', 'RJ', 'RN', 'RS', 'RO', 'RR', 'SC', 'SP', 'SE', 'TO',
];

function getRandom(arr) {
return arr[Math.floor(Math.random() * arr.length)];
}

const end = endereco(true, getRandom(siglasEstados));
const fields = {
'fldCep': end.cep,
'fldLogradouro': end.logradouro,
'fldNumero': end.numero,
'fldBairro': end.bairro,
'fldLocalidade': end.localidade,
'fldUf': end.estado
};

for (const [id, value] of Object.entries(fields)) {
document.getElementById(id).value = value;
}
}
function toggleIcon() {
const campoTexto = document.getElementById('vlrGerado');
const icon = document.getElementById('iconCopy');
icon.style.display = campoTexto.value ? 'inline-block' : 'none';

function gerarCartaoCredito() {
const cc = cartaoCredito(true);
const fields = {
'fldCcNumero': cc.numero,
'fldCcBandeira': cc.bandeira,
'fldCcCvv': cc.cvv,
'fldCcDataExpiracao':cc.dataExpiracao,
// FIXME está mantendo o menso nome
'fldCcNomeTitular': cc.nomeTitular,
};

for (const [id, value] of Object.entries(fields)) {
document.getElementById(id).value = value;
}
}

function gerarContaBancaria() {
const cb = contaBancaria();
const fields = {
'fldCodigoBanco': cb.codigoBanco,
'fldNomeBanco': cb.nomeBanco,
'fldAgencia': cb.agencia,
'fldAgenciaDv': cb.agenciaDv,
'fldConta': cb.conta,
'fldContaDv': cb.contaDv,
};

for (const [id, value] of Object.entries(fields)) {
document.getElementById(id).value = value;
}
}

function gerarBanco() {
const cb = banco();
const fields = {
'fldCodigoBanco': cb.codigoBanco,
'fldNomeBanco': cb.nomeBanco,
'fldRazaoSocial': cb.razaoSocial,
'fldISPB': cb.ispb,
};

for (const [id, value] of Object.entries(fields)) {
document.getElementById(id).value = value;
}
}

// FIXME está mantendo o menso nome
function gerarEmail() {
const fields = {
'fldEmail': email(nome.aleatorioCompleto()),
};

for (const [id, value] of Object.entries(fields)) {
document.getElementById(id).value = value;
}
}
41 changes: 20 additions & 21 deletions docs/_sidebar.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,34 +2,33 @@
* [Início](inicio.md "Gerador-BR - Começar")
* [Guia de Utilização](guia-utilizacao.md "Gerador-BR - Guia de Utilização")


<div style="background-color: #f0f0f0; padding: 5px">
<h1>Geradores</h1>
</div>

* DOCUMENTOS PF
* [Gerador de CPF](gerar/cpf.md "Gerador de CPF")
* [Gerador de CNH](gerar/cnh.md "Gerador de CNH")
* [Gerador de RG](gerar/rg.md "Gerador de RG")
* [Gerador de CNS](gerar/cns.md "Gerador de Cartão Nacional Saúde")
* [Gerador de PIS](gerar/pis.md "Gerador de PIS")
* [Gerador de Título de Eleitor](gerar/tituloEleitor.md "Gerador de Título de Eleitor")
* [Gerador de Passaporte](gerar/passaporte.md "Gerador de Passaporte")
* [Gerador de CPF](gerar/cpf.html "Gerador de CPF")
* [Gerador de CNH](gerar/cnh.html "Gerador de CNH")
* [Gerador de RG](gerar/rg.html "Gerador de RG")
* [Gerador de CNS](gerar/cns.html "Gerador de Cartão Nacional Saúde")
* [Gerador de PIS](gerar/pis.html "Gerador de PIS")
* [Gerador de Título de Eleitor](gerar/tituloEleitor.html "Gerador de Título de Eleitor")
* [Gerador de Passaporte](gerar/passaporte.html "Gerador de Passaporte")
* DOCUMENTOS PJ
* [Gerador de CNPJ](gerar/cnpj.md "Gerador de CNPJ")
* [Gerador de Inscrição Estadual](gerar/inscricaoEstadual.md "Gerador de Inscrição Estadual")
* [Gerador de CNPJ](gerar/cnpj.html "Gerador de CNPJ")
* [Gerador de Inscrição Estadual](gerar/inscricaoEstadual.html "Gerador de Inscrição Estadual")
* BANCOS
* [Gerador de Banco](gerar/banco.md "Gerador de Banco")
* [Gerador de Cartão de Crédito](gerar/cartaoCredito.md "Gerador de Cartão de Crédito")
<!-- * [Gerador de Conta Bancária](gerar/contaBancaria.md "Gerador de Conta Bancária") -->
* [Gerador de Cartão de Crédito](gerar/cartaoCredito.html "Gerador de Cartão de Crédito")
* [Gerador de Conta Bancária](gerar/contaBancaria.html "Gerador de Conta Bancária")
* [Gerador de Banco](gerar/banco.html "Gerador de Banco")
* CONTATOS
* [Gerador de E-mail](gerar/email.md "Gerador de email")
* [Gerador de CEP](gerar/cep.md "Gerador de CEP")
* [Gerador de Endereço](gerar/endereco.md "Gerador de Endereço")
* [Gerador de E-mail](gerar/email.html "Gerador de email")
* [Gerador de CEP](gerar/cep.html "Gerador de CEP")
* [Gerador de Endereço](gerar/endereco.html "Gerador de Endereço")
* VEÍCULOS
* [Gerador de Placa Antiga](gerar/placaAntiga.md "Gerador de Placa Antiga")
* [Gerador de Placa MERCOSUL](gerar/placaMercosul.md "Gerador de Placa MERCOSUL")
* [Gerador de RENAVAM](gerar/renavam.md "Gerador de RENAVAM")
* [Gerador de Placa Antiga](gerar/placaAntiga.html "Gerador de Placa Antiga")
* [Gerador de Placa MERCOSUL](gerar/placaMercosul.html "Gerador de Placa MERCOSUL")
* [Gerador de RENAVAM](gerar/renavam.html "Gerador de RENAVAM")
* LOREM IPSUM
* [Gerador de Sentenca](gerar/sentenca.md "Gerador de Sentença")
* [Gerador de Parágrafos](gerar/paragrafo.md "Gerador de Parágrafo")
* [Gerador de Sentenca](gerar/sentenca.html "Gerador de Sentença")
* [Gerador de Parágrafos](gerar/paragrafo.html "Gerador de Parágrafo")
49 changes: 28 additions & 21 deletions docs/gerar/_sidebar.md
Original file line number Diff line number Diff line change
@@ -1,27 +1,34 @@
* [Home](../?id=gerador-de-dados-fictícios-brasil "Gerador-BR - Home")
* [Home](../?id=gerador-de-dados-fictícios-brasi "Gerador-BR - Home")
* [Início](inicio.md "Gerador-BR - Começar")
* [Guia de Utilização](guia-utilizacao.md "Gerador-BR - Guia de Utilização")

<div style="background-color: #f0f0f0; padding: 5px">
<h1>Geradores</h1>
</div>

* DOCUMENTOS PF
* [Gerador de CPF](gerar/cpf.md "Gerador de CPF")
* [Gerador de CNH](gerar/cnh.md "Gerador de CNH")
* [Gerador de RG](gerar/rg.md "Gerador de RG")
* [Gerador de CNS](gerar/cns.md "Gerador de Cartão Nacional Saúde")
* [Gerador de PIS](gerar/pis.md "Gerador de PIS")
* [Gerador de Título de Eleitor](gerar/tituloEleitor.md "Gerador de Título de Eleitor")
* [Gerador de Passaporte](gerar/passaporte.md "Gerador de Passaporte")
* [Gerador de CPF](gerar/cpf.html "Gerador de CPF")
* [Gerador de CNH](gerar/cnh.html "Gerador de CNH")
* [Gerador de RG](gerar/rg.html "Gerador de RG")
* [Gerador de CNS](gerar/cns.html "Gerador de Cartão Nacional Saúde")
* [Gerador de PIS](gerar/pis.html "Gerador de PIS")
* [Gerador de Título de Eleitor](gerar/tituloEleitor.html "Gerador de Título de Eleitor")
* [Gerador de Passaporte](gerar/passaporte.html "Gerador de Passaporte")
* DOCUMENTOS PJ
* [Gerador de CNPJ](gerar/cnpj.md "Gerador de CNPJ")
* [Gerador de Inscrição Estadual](gerar/inscricaoEstadual.md "Gerador de Inscrição Estadual")
* [Gerador de CNPJ](gerar/cnpj.html "Gerador de CNPJ")
* [Gerador de Inscrição Estadual](gerar/inscricaoEstadual.html "Gerador de Inscrição Estadual")
* BANCOS
* [Gerador de Banco](gerar/banco.md "Gerador de Banco")
* [Gerador de Cartão de Crédito](gerar/cartaoCredito.md "Gerador de Cartão de Crédito")
<!-- * [Gerador de Conta Bancária](gerar/contaBancaria.md "Gerador de Conta Bancária") -->
* [Gerador de Cartão de Crédito](gerar/cartaoCredito.html "Gerador de Cartão de Crédito")
* [Gerador de Conta Bancária](gerar/contaBancaria.html "Gerador de Conta Bancária")
* [Gerador de Banco](gerar/banco.html "Gerador de Banco")
* CONTATOS
* [Gerador de E-mail](gerar/email.md "Gerador de email")
* [Gerador de CEP](gerar/cep.md "Gerador de CEP")
* [Gerador de Endereço](gerar/endereco.md "Gerador de Endereço")
* [Gerador de E-mail](gerar/email.html "Gerador de email")
* [Gerador de CEP](gerar/cep.html "Gerador de CEP")
* [Gerador de Endereço](gerar/endereco.html "Gerador de Endereço")
* VEÍCULOS
* [Gerador de Placa Antiga](gerar/placaAntiga.md "Gerador de Placa Antiga")
* [Gerador de Placa MERCOSUL](gerar/placaMercosul.md "Gerador de Placa MERCOSUL")
* [Gerador de RENAVAM](gerar/renavam.md "Gerador de RENAVAM")
* [Gerador de Placa Antiga](gerar/placaAntiga.html "Gerador de Placa Antiga")
* [Gerador de Placa MERCOSUL](gerar/placaMercosul.html "Gerador de Placa MERCOSUL")
* [Gerador de RENAVAM](gerar/renavam.html "Gerador de RENAVAM")
* LOREM IPSUM
* [Gerador de Sentença](gerar/sentenca.md "Gerador de Sentença")
* [Gerador de Parágrafos](gerar/paragrafo.md "Gerador de Parágrafos")
* [Gerador de Sentença](gerar/sentenca.html "Gerador de Sentença")
* [Gerador de Parágrafos](gerar/paragrafo.html "Gerador de Parágrafos")
Loading

0 comments on commit 75eace9

Please sign in to comment.