comunatec/controles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: corrige comportamento dos campos de data para manter calendário e formato brasileiro

Browse Source
This commit is contained in:
andersonid
2025-04-04 16:01:41 -03:00
committed by LS
parent 53594517c0
commit 50ef370c2b
1 changed files with 56 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
static/js/militantes.js
View File

@@ -18,6 +18,7 @@ function formatarData(data) {
// Função para converter data de DD/MM/YYYY para YYYY-MM-DD
function converterDataParaISO(data) {
if (!data) return '';
if (data.includes('-')) return data; // Já está no formato ISO
const [dia, mes, ano] = data.split('/');
return `${ano}-${mes}-${dia}`;
}
@@ -168,6 +169,41 @@ function filtrarMilitantes() {
updatePagination();
}
// Função para configurar um campo de data
function configurarCampoData(campo) {
if (!campo) return;
// Criar um campo de texto para exibição
const campoTexto = document.createElement('input');
campoTexto.type = 'text';
campoTexto.className = campo.className;
campoTexto.placeholder = 'dd/mm/aaaa';
campoTexto.readOnly = true; // Evita edição manual
// Esconder o campo original mas manter ao lado
campo.type = 'date';
campo.style.position = 'absolute';
campo.style.left = '-9999px';
// Inserir o campo de texto antes do campo de data
campo.parentNode.insertBefore(campoTexto, campo);
// Se já tiver valor, formatar
if (campo.value) {
campoTexto.value = formatarData(campo.value);
}
// Quando o campo original mudar, atualizar o texto
campo.addEventListener('change', function() {
campoTexto.value = this.value ? formatarData(this.value) : '';
});
// Quando clicar no campo de texto, abrir o calendário
campoTexto.addEventListener('click', function() {
campo.showPicker();
});
}
// Configurar eventos quando o DOM estiver carregado
document.addEventListener('DOMContentLoaded', function() {
console.log('DOM carregado, configurando eventos...');
@@ -229,7 +265,10 @@ document.addEventListener('DOMContentLoaded', function() {
console.log('Configurando modal de edição...');
// Configuração do modal de edição
// Configurar campos de data
document.querySelectorAll('input[type="date"]').forEach(configurarCampoData);
// Configurar modal de edição
const modalEditarMilitante = document.getElementById('modalEditarMilitante');
if (modalEditarMilitante) {
@@ -290,9 +329,9 @@ document.addEventListener('DOMContentLoaded', function() {
'edit_nome': dados.nome,
'edit_cpf': dados.cpf,
'edit_titulo_eleitoral': dados.titulo_eleitoral,
'edit_data_nascimento': dados.data_nascimento ? formatarData(dados.data_nascimento) : '',
'edit_data_entrada': dados.data_entrada_oci ? formatarData(dados.data_entrada_oci) : '',
'edit_data_efetivacao': dados.data_efetivacao_oci ? formatarData(dados.data_efetivacao_oci) : '',
'edit_data_nascimento': dados.data_nascimento,
'edit_data_entrada': dados.data_entrada_oci,
'edit_data_efetivacao': dados.data_efetivacao_oci,
'edit_telefone1': dados.telefone1,
'edit_telefone2': dados.telefone2,
'edit_email': dados.email,
@@ -319,11 +358,16 @@ document.addEventListener('DOMContentLoaded', function() {
// Preencher cada campo se ele existir
Object.entries(campos).forEach(([id, valor]) => {
const campo = document.getElementById(id);
if (campo && valor !== undefined && valor !== null) {
campo.value = valor;
// Se for campo de data, ajustar o tipo para text
if (campo) {
if (campo.type === 'date') {
campo.type = 'text';
// Para campos de data, atualizar também o campo de texto
campo.value = valor || '';
const campoTexto = campo.previousElementSibling;
if (campoTexto && campoTexto.type === 'text') {
campoTexto.value = valor ? formatarData(valor) : '';
}
} else {
campo.value = valor || '';
}
}
});
@@ -384,13 +428,7 @@ document.addEventListener('DOMContentLoaded', function() {
e.preventDefault();
console.log('Enviando formulário de edição...');
// Converter datas para formato ISO antes do envio
const camposData = this.querySelectorAll('input[type="text"][name*="data"]');
camposData.forEach(campo => {
if (campo.value) {
campo.value = converterDataParaISO(campo.value);
}
});
// Os campos de data já estarão no formato ISO, não precisa converter
// Coletar responsabilidades selecionadas
const responsabilidades = [];
@@ -479,13 +517,7 @@ document.addEventListener('DOMContentLoaded', function() {
formNovoMilitante.addEventListener('submit', function(e) {
e.preventDefault();
// Converter datas para formato ISO antes do envio
const camposData = this.querySelectorAll('input[type="text"][name*="data"]');
camposData.forEach(campo => {
if (campo.value) {
campo.value = converterDataParaISO(campo.value);
}
});
// Os campos de data já estarão no formato ISO, não precisa converter
const formData = new FormData(this);
@@ -746,35 +778,6 @@ document.addEventListener('DOMContentLoaded', function() {
});
});
// Configurar campos de data para formato brasileiro
const camposData = document.querySelectorAll('input[type="date"]');
camposData.forEach(campo => {
// Quando o campo receber foco, usar o formato ISO para o input type="date"
campo.addEventListener('focus', function() {
if (this.value) {
const dataISO = converterDataParaISO(this.value);
this.type = 'date';
this.value = dataISO;
}
});
// Quando o campo perder foco, mostrar no formato brasileiro
campo.addEventListener('blur', function() {
if (this.value) {
const dataBR = formatarData(this.value);
this.type = 'text';
this.value = dataBR;
}
});
// Inicializar com o formato brasileiro se já tiver valor
if (campo.value) {
const dataBR = formatarData(campo.value);
campo.type = 'text';
campo.value = dataBR;
}
});
// Inicializar paginação
updateVisibleRows();
updatePagination();