resolvido merge com nova ui
This commit is contained in:
LS
@@ -1,5 +1,29 @@
|
||||
console.log('Carregando script militantes.js...');
|
||||
|
||||
// Constantes para responsabilidades
|
||||
const Militante = {
|
||||
RESPONSAVEL_FINANCAS: 256,
|
||||
RESPONSAVEL_IMPRENSA: 512,
|
||||
QUADRO_ORIENTADOR: 64,
|
||||
SECRETARIO: 1,
|
||||
TESOUREIRO: 2,
|
||||
IMPRENSA: 4,
|
||||
MNS: 8,
|
||||
MPS: 16,
|
||||
JUVENTUDE: 32,
|
||||
ASPIRANTE: 128
|
||||
};
|
||||
|
||||
// Função para obter o token CSRF da meta tag
|
||||
function getCsrfToken() {
|
||||
const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
|
||||
if (!token) {
|
||||
console.error('CSRF token não encontrado!');
|
||||
return '';
|
||||
}
|
||||
return token;
|
||||
}
|
||||
|
||||
// Variáveis globais para controle dos filtros e paginação
|
||||
let filtroAtual = 'todos';
|
||||
let filtroResponsabilidade = null;
|
||||
@@ -10,7 +34,7 @@ let totalRows = 0;
|
||||
|
||||
// Mapa de responsabilidades para valores numéricos
|
||||
const RESPONSABILIDADES_MAP = {
|
||||
'Secretario': 1,
|
||||
'Secretário': 1,
|
||||
'Tesoureiro': 2,
|
||||
'Imprensa': 4,
|
||||
'MNS': 8,
|
||||
@@ -18,13 +42,13 @@ const RESPONSABILIDADES_MAP = {
|
||||
'Juventude': 32,
|
||||
'Quadro-Orientador': 64,
|
||||
'Aspirante': 128,
|
||||
'Responsavel de Financas': 256,
|
||||
'Responsavel de Imprensa': 512
|
||||
'Responsável de Finanças': 256,
|
||||
'Responsável de Imprensa': 512
|
||||
};
|
||||
|
||||
// Mapa reverso para converter valores em nomes
|
||||
const RESPONSABILIDADES_REVERSE_MAP = {
|
||||
1: 'Secretario',
|
||||
1: 'Secretário',
|
||||
2: 'Tesoureiro',
|
||||
4: 'Imprensa',
|
||||
8: 'MNS',
|
||||
@@ -32,8 +56,8 @@ const RESPONSABILIDADES_REVERSE_MAP = {
|
||||
32: 'Juventude',
|
||||
64: 'Quadro-Orientador',
|
||||
128: 'Aspirante',
|
||||
256: 'Responsavel de Financas',
|
||||
512: 'Responsavel de Imprensa'
|
||||
256: 'Responsável de Finanças',
|
||||
512: 'Responsável de Imprensa'
|
||||
};
|
||||
|
||||
// Função para validar data no formato DD/MM/YYYY
|
||||
@@ -185,31 +209,30 @@ function filtrarMilitantes() {
|
||||
|
||||
// Filtro de responsabilidades
|
||||
if (filtroResponsabilidade) {
|
||||
const badges = row.querySelectorAll('.badge');
|
||||
const responsabilidadeMap = {
|
||||
'responsavel-financas': 'RFI',
|
||||
'responsavel-imprensa': 'RIM',
|
||||
'quadro-orientador': 'QOR',
|
||||
'secretario': 'SEC',
|
||||
'tesoureiro': 'TES',
|
||||
'imprensa': 'IMP',
|
||||
'mns': 'MNS',
|
||||
'mps': 'MPS',
|
||||
'juventude': 'JUV',
|
||||
'aspirante': 'ASP'
|
||||
'responsavel-financas': Militante.RESPONSAVEL_FINANCAS,
|
||||
'responsavel-imprensa': Militante.RESPONSAVEL_IMPRENSA,
|
||||
'quadro-orientador': Militante.QUADRO_ORIENTADOR,
|
||||
'secretario': Militante.SECRETARIO,
|
||||
'tesoureiro': Militante.TESOUREIRO,
|
||||
'imprensa': Militante.IMPRENSA,
|
||||
'mns': Militante.MNS,
|
||||
'mps': Militante.MPS,
|
||||
'juventude': Militante.JUVENTUDE,
|
||||
'aspirante': Militante.ASPIRANTE
|
||||
};
|
||||
const responsabilidadeTexto = responsabilidadeMap[filtroResponsabilidade];
|
||||
const hasResponsabilidade = Array.from(badges).some(badge =>
|
||||
badge.textContent.trim() === responsabilidadeTexto
|
||||
);
|
||||
if (!hasResponsabilidade) {
|
||||
|
||||
const valorResponsabilidade = responsabilidadeMap[filtroResponsabilidade];
|
||||
const responsabilidades = parseInt(row.getAttribute('data-responsabilidades') || '0');
|
||||
|
||||
if ((responsabilidades & valorResponsabilidade) === 0) {
|
||||
shouldShow = false;
|
||||
}
|
||||
}
|
||||
|
||||
// Filtro de célula
|
||||
if (filtroCelula) {
|
||||
const celula = row.querySelector('[data-celula]').getAttribute('data-celula');
|
||||
const celula = row.querySelector('[data-celula-id]')?.getAttribute('data-celula-id');
|
||||
if (celula !== filtroCelula) {
|
||||
shouldShow = false;
|
||||
}
|
||||
@@ -258,187 +281,130 @@ function configurarCampoData(campo) {
|
||||
}
|
||||
|
||||
// Função para carregar os dados do militante no modal de edição
|
||||
function carregarDadosMilitante(id) {
|
||||
console.log('Carregando dados do militante:', id);
|
||||
|
||||
fetch(`/militantes/dados/${id}`)
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error! status: ${response.status}`);
|
||||
async function carregarDadosMilitante(militanteId) {
|
||||
try {
|
||||
console.log('Carregando dados do militante:', militanteId);
|
||||
const response = await fetch(`/militantes/dados/${militanteId}`);
|
||||
const data = await response.json();
|
||||
|
||||
if (data.status === 'error') {
|
||||
throw new Error(data.message);
|
||||
}
|
||||
|
||||
console.log('Dados recebidos:', data);
|
||||
|
||||
// Mapear campos básicos
|
||||
const campos = [
|
||||
'nome', 'cpf', 'titulo_eleitoral', 'data_nascimento', 'data_entrada_oci',
|
||||
'data_efetivacao_oci', 'telefone1', 'telefone2', 'profissao',
|
||||
'regime_trabalho', 'empresa', 'contratante', 'instituicao_ensino',
|
||||
'tipo_instituicao', 'sindicato', 'cargo_sindical', 'central_sindical',
|
||||
'dirigente_sindical'
|
||||
];
|
||||
|
||||
campos.forEach(campo => {
|
||||
const elemento = document.getElementById(`edit_${campo}`);
|
||||
if (elemento) {
|
||||
if (elemento.type === 'checkbox') {
|
||||
elemento.checked = data[campo];
|
||||
} else {
|
||||
elemento.value = data[campo] || '';
|
||||
}
|
||||
}
|
||||
return response.text().then(text => {
|
||||
try {
|
||||
return JSON.parse(text);
|
||||
} catch (e) {
|
||||
console.error('Erro ao fazer parse do JSON:', e);
|
||||
console.log('Texto recebido:', text);
|
||||
throw e;
|
||||
}
|
||||
});
|
||||
})
|
||||
.then(data => {
|
||||
console.log('Dados recebidos:', data);
|
||||
|
||||
// Mapear campos básicos
|
||||
const camposTexto = {
|
||||
'edit_militante_id': data.id,
|
||||
'edit_nome': data.nome || '',
|
||||
'edit_cpf': data.cpf || '',
|
||||
'edit_titulo_eleitoral': data.titulo_eleitoral || '',
|
||||
'edit_email': data.email || '',
|
||||
'edit_telefone1': data.telefone1 || '',
|
||||
'edit_telefone2': data.telefone2 || '',
|
||||
'edit_sindicato': data.sindicato || '',
|
||||
'edit_cargo_sindical': data.cargo_sindical || '',
|
||||
'edit_central_sindical': data.central_sindical || ''
|
||||
};
|
||||
|
||||
// Preencher campos de texto simples
|
||||
Object.entries(camposTexto).forEach(([id, valor]) => {
|
||||
const campo = document.getElementById(id);
|
||||
if (campo) {
|
||||
campo.value = valor;
|
||||
} else {
|
||||
console.warn(`Campo não encontrado: ${id}`);
|
||||
}
|
||||
});
|
||||
|
||||
// Tratar campos de seleção
|
||||
const selects = {
|
||||
'edit_estado_militante': data.estado || 'ATIVO',
|
||||
'edit_celula': data.celula_id || ''
|
||||
};
|
||||
|
||||
Object.entries(selects).forEach(([id, valor]) => {
|
||||
const campo = document.getElementById(id);
|
||||
if (campo) {
|
||||
campo.value = valor;
|
||||
} else {
|
||||
console.warn(`Campo select não encontrado: ${id}`);
|
||||
}
|
||||
});
|
||||
|
||||
// Tratar campos de checkbox
|
||||
const checkboxes = {
|
||||
'edit_dirigente_sindical': data.dirigente_sindical || false
|
||||
};
|
||||
|
||||
Object.entries(checkboxes).forEach(([id, valor]) => {
|
||||
const campo = document.getElementById(id);
|
||||
if (campo) {
|
||||
campo.checked = !!valor;
|
||||
} else {
|
||||
console.warn(`Campo checkbox não encontrado: ${id}`);
|
||||
}
|
||||
});
|
||||
|
||||
// Tratar campos de data
|
||||
const camposData = {
|
||||
'edit_data_nascimento': data.data_nascimento,
|
||||
'edit_data_entrada': data.data_entrada_oci,
|
||||
'edit_data_efetivacao': data.data_efetivacao_oci
|
||||
};
|
||||
|
||||
Object.entries(camposData).forEach(([id, valor]) => {
|
||||
const campo = document.getElementById(id);
|
||||
if (campo) {
|
||||
// Se o valor existe e está em formato ISO, converter para DD/MM/AAAA
|
||||
if (valor && typeof valor === 'string' && valor.includes('-')) {
|
||||
campo.value = formatarData(valor);
|
||||
} else {
|
||||
campo.value = valor || '';
|
||||
}
|
||||
} else {
|
||||
console.warn(`Campo data não encontrado: ${id}`);
|
||||
}
|
||||
});
|
||||
|
||||
// Converter responsabilidades
|
||||
const responsabilidadesBits = data.responsabilidades_bits || data.responsabilidades || 0;
|
||||
console.log('Responsabilidades bits:', responsabilidadesBits);
|
||||
|
||||
// Resetar todas as badges para o estado inicial
|
||||
const badges = document.querySelectorAll('#modalEditarMilitante .badge-clickable');
|
||||
badges.forEach(badge => {
|
||||
// Remover todas as classes exceto 'badge' e 'badge-clickable'
|
||||
const classesToKeep = ['badge', 'badge-clickable'];
|
||||
badge.classList.forEach(cls => {
|
||||
if (!classesToKeep.includes(cls)) {
|
||||
badge.classList.remove(cls);
|
||||
}
|
||||
});
|
||||
|
||||
// Adicionar a classe bg-light como estado inicial
|
||||
badge.classList.add('bg-light');
|
||||
badge.classList.remove('active');
|
||||
});
|
||||
|
||||
// Ativar as badges correspondentes às responsabilidades
|
||||
badges.forEach(badge => {
|
||||
const value = parseInt(badge.getAttribute('data-value'));
|
||||
if ((responsabilidadesBits & value) === value) {
|
||||
badge.classList.remove('bg-light');
|
||||
badge.classList.add('active');
|
||||
|
||||
// Adicionar a classe original
|
||||
const originalClass = badge.getAttribute('data-original-class');
|
||||
if (originalClass) {
|
||||
originalClass.split(' ').forEach(cls => {
|
||||
badge.classList.add(cls);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Atualizar o valor total das responsabilidades
|
||||
const responsabilidadesInput = document.getElementById('responsabilidades_values');
|
||||
if (responsabilidadesInput) {
|
||||
responsabilidadesInput.value = responsabilidadesBits;
|
||||
}
|
||||
|
||||
// Reinicializar os badges clicáveis
|
||||
initBadgeClickable();
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Erro ao carregar dados do militante:', error);
|
||||
// Mostrar alerta de erro
|
||||
mostrarAlerta('Erro ao carregar dados do militante: ' + error.message, 'danger');
|
||||
});
|
||||
|
||||
// Preencher o email (primeiro email da lista)
|
||||
const emailElement = document.getElementById('edit_email');
|
||||
if (emailElement) {
|
||||
if (data.emails && data.emails.length > 0) {
|
||||
emailElement.value = data.emails[0].endereco_email;
|
||||
} else {
|
||||
emailElement.value = '';
|
||||
}
|
||||
}
|
||||
|
||||
// Mapear campos de endereço
|
||||
if (data.endereco) {
|
||||
const camposEndereco = ['cep', 'estado', 'cidade', 'bairro', 'rua', 'numero', 'complemento'];
|
||||
camposEndereco.forEach(campo => {
|
||||
const elemento = document.getElementById(`edit_${campo}`);
|
||||
if (elemento) {
|
||||
elemento.value = data.endereco[campo] || '';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Mapear estado
|
||||
const selectEstado = document.getElementById('edit_estado');
|
||||
if (selectEstado && data.estado) {
|
||||
selectEstado.value = data.estado;
|
||||
}
|
||||
|
||||
// Mapear célula
|
||||
const selectCelula = document.getElementById('edit_celula_id');
|
||||
if (selectCelula && data.celula_id) {
|
||||
selectCelula.value = data.celula_id;
|
||||
}
|
||||
|
||||
// Processar responsabilidades
|
||||
if (data.responsabilidades_valor !== undefined) {
|
||||
console.log('Valor das responsabilidades:', data.responsabilidades_valor);
|
||||
|
||||
// Resetar todas as badges para seu estado inicial
|
||||
document.querySelectorAll('.badge-clickable').forEach(badge => {
|
||||
badge.classList.remove('active');
|
||||
const originalClass = badge.getAttribute('data-original-class');
|
||||
if (originalClass) {
|
||||
badge.className = `badge badge-clickable ${originalClass}`;
|
||||
}
|
||||
});
|
||||
|
||||
// Ativar as badges correspondentes
|
||||
document.querySelectorAll('.badge-clickable').forEach(badge => {
|
||||
const valor = parseInt(badge.getAttribute('data-value'));
|
||||
if (!isNaN(valor) && (data.responsabilidades_valor & valor)) {
|
||||
badge.classList.add('active');
|
||||
}
|
||||
});
|
||||
|
||||
// Atualizar o campo hidden com o valor total
|
||||
document.getElementById('responsabilidades_values').value = data.responsabilidades_valor;
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erro ao carregar dados:', error);
|
||||
alert('Erro ao carregar dados do militante');
|
||||
}
|
||||
}
|
||||
|
||||
// Função para mostrar alertas
|
||||
function mostrarAlerta(mensagem, tipo = 'success') {
|
||||
console.log('Mostrando alerta:', mensagem, tipo);
|
||||
|
||||
// Criar div de alerta se não existir
|
||||
let alertPlaceholder = document.getElementById('alertPlaceholder');
|
||||
if (!alertPlaceholder) {
|
||||
alertPlaceholder = document.createElement('div');
|
||||
alertPlaceholder.id = 'alertPlaceholder';
|
||||
alertPlaceholder.style.position = 'fixed';
|
||||
alertPlaceholder.style.top = '20px';
|
||||
alertPlaceholder.style.right = '20px';
|
||||
alertPlaceholder.style.zIndex = '9999';
|
||||
document.body.appendChild(alertPlaceholder);
|
||||
}
|
||||
|
||||
// Criar wrapper para o alerta
|
||||
const wrapper = document.createElement('div');
|
||||
wrapper.innerHTML = `
|
||||
<div class="alert alert-${tipo} alert-dismissible fade show" role="alert">
|
||||
${mensagem}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
function mostrarAlerta(mensagem, tipo) {
|
||||
const alertDiv = document.createElement('div');
|
||||
alertDiv.className = `alert alert-${tipo} alert-dismissible fade show`;
|
||||
alertDiv.role = 'alert';
|
||||
alertDiv.innerHTML = `
|
||||
${mensagem}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
`;
|
||||
alertPlaceholder.appendChild(wrapper);
|
||||
|
||||
const container = document.querySelector('.container');
|
||||
container.insertBefore(alertDiv, container.firstChild);
|
||||
|
||||
// Remover o alerta após 5 segundos
|
||||
setTimeout(() => {
|
||||
wrapper.firstElementChild.classList.remove('show');
|
||||
setTimeout(() => wrapper.remove(), 150);
|
||||
alertDiv.remove();
|
||||
}, 5000);
|
||||
}
|
||||
|
||||
// Configurar o token CSRF para todas as requisições AJAX
|
||||
$.ajaxSetup({
|
||||
beforeSend: function(xhr, settings) {
|
||||
if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
|
||||
xhr.setRequestHeader("X-CSRFToken", getCsrfToken());
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Configurar eventos quando o DOM estiver carregado
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
console.log('DOM carregado, configurando eventos...');
|
||||
@@ -526,151 +492,241 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
// Configurar modal de edição
|
||||
if (modalEditarMilitante) {
|
||||
modalEditarMilitante.addEventListener('show.bs.modal', function(event) {
|
||||
console.log('Modal sendo aberto...');
|
||||
|
||||
// Obter o botão que disparou o modal
|
||||
modalEditarMilitante.addEventListener('show.bs.modal', async function(event) {
|
||||
console.log('Modal de edição aberto');
|
||||
const button = event.relatedTarget;
|
||||
|
||||
if (!button) {
|
||||
console.error('Botão não encontrado');
|
||||
alert('Erro ao abrir modal: botão não encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
const militanteId = button.getAttribute('data-militante-id');
|
||||
const militanteNome = button.getAttribute('data-militante-nome');
|
||||
|
||||
console.log('ID do militante:', militanteId);
|
||||
console.log('Nome do militante:', militanteNome);
|
||||
console.log('Dados do botão:', { militanteId, militanteNome });
|
||||
|
||||
// Atualizar o título do modal
|
||||
const modalTitle = modalEditarMilitante.querySelector('.modal-title');
|
||||
if (modalTitle) {
|
||||
modalTitle.innerHTML = `<i class="fas fa-user-edit me-2"></i>Editar ${militanteNome}`;
|
||||
if (!militanteId) {
|
||||
console.error('ID do militante não encontrado no botão');
|
||||
alert('Erro ao abrir modal: ID do militante não encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
// Definir o ID do militante no campo hidden
|
||||
const idField = document.getElementById('edit_militante_id');
|
||||
if (idField) {
|
||||
idField.value = militanteId;
|
||||
if (!idField) {
|
||||
console.error('Campo hidden para ID do militante não encontrado');
|
||||
alert('Erro ao abrir modal: campo para ID do militante não encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
// Buscar dados do militante
|
||||
carregarDadosMilitante(militanteId);
|
||||
idField.value = militanteId;
|
||||
console.log('ID do militante definido:', idField.value);
|
||||
|
||||
// Atualizar título do modal
|
||||
const modalTitle = this.querySelector('.modal-title');
|
||||
if (modalTitle) {
|
||||
modalTitle.textContent = `Editar ${militanteNome}`;
|
||||
}
|
||||
|
||||
try {
|
||||
// Carregar dados do militante
|
||||
const response = await fetch(`/militantes/dados/${militanteId}`);
|
||||
if (!response.ok) {
|
||||
throw new Error(`Erro HTTP: ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
console.log('Dados recebidos:', data);
|
||||
|
||||
if (data.status === 'error') {
|
||||
throw new Error(data.message || 'Erro ao carregar dados do militante');
|
||||
}
|
||||
|
||||
// Mapear campos básicos
|
||||
const campos = [
|
||||
'nome', 'cpf', 'titulo_eleitoral', 'data_nascimento', 'data_entrada_oci',
|
||||
'data_efetivacao_oci', 'telefone1', 'telefone2', 'profissao',
|
||||
'regime_trabalho', 'empresa', 'contratante', 'instituicao_ensino',
|
||||
'tipo_instituicao', 'sindicato', 'cargo_sindical', 'central_sindical',
|
||||
'dirigente_sindical'
|
||||
];
|
||||
|
||||
campos.forEach(campo => {
|
||||
const elemento = document.getElementById(`edit_${campo}`);
|
||||
if (elemento) {
|
||||
if (elemento.type === 'checkbox') {
|
||||
elemento.checked = data[campo];
|
||||
} else {
|
||||
elemento.value = data[campo] || '';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Preencher o email (primeiro email da lista)
|
||||
const emailElement = document.getElementById('edit_email');
|
||||
if (emailElement) {
|
||||
if (data.emails && data.emails.length > 0) {
|
||||
emailElement.value = data.emails[0].endereco_email;
|
||||
} else {
|
||||
emailElement.value = '';
|
||||
}
|
||||
}
|
||||
|
||||
// Mapear campos de endereço
|
||||
if (data.endereco) {
|
||||
const camposEndereco = ['cep', 'estado', 'cidade', 'bairro', 'rua', 'numero', 'complemento'];
|
||||
camposEndereco.forEach(campo => {
|
||||
const elemento = document.getElementById(`edit_${campo}`);
|
||||
if (elemento) {
|
||||
elemento.value = data.endereco[campo] || '';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Mapear estado
|
||||
const selectEstado = document.getElementById('edit_estado');
|
||||
if (selectEstado && data.estado) {
|
||||
selectEstado.value = data.estado;
|
||||
}
|
||||
|
||||
// Mapear célula
|
||||
const selectCelula = document.getElementById('edit_celula_id');
|
||||
if (selectCelula && data.celula_id) {
|
||||
selectCelula.value = data.celula_id;
|
||||
}
|
||||
|
||||
// Processar responsabilidades
|
||||
if (data.responsabilidades_valor !== undefined) {
|
||||
console.log('Valor das responsabilidades:', data.responsabilidades_valor);
|
||||
|
||||
// Resetar todas as badges para seu estado inicial
|
||||
document.querySelectorAll('.badge-clickable').forEach(badge => {
|
||||
badge.classList.remove('active');
|
||||
const originalClass = badge.getAttribute('data-original-class');
|
||||
if (originalClass) {
|
||||
badge.className = `badge badge-clickable ${originalClass}`;
|
||||
}
|
||||
});
|
||||
|
||||
// Ativar as badges correspondentes
|
||||
document.querySelectorAll('.badge-clickable').forEach(badge => {
|
||||
const valor = parseInt(badge.getAttribute('data-value'));
|
||||
if (!isNaN(valor) && (data.responsabilidades_valor & valor)) {
|
||||
badge.classList.add('active');
|
||||
}
|
||||
});
|
||||
|
||||
// Atualizar o campo hidden com o valor total
|
||||
document.getElementById('responsabilidades_values').value = data.responsabilidades_valor;
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erro ao carregar dados:', error);
|
||||
alert('Erro ao carregar dados do militante');
|
||||
}
|
||||
});
|
||||
|
||||
// Configurar clique nas badges
|
||||
document.querySelectorAll('.badge-clickable').forEach(badge => {
|
||||
badge.addEventListener('click', function() {
|
||||
// Toggle classe active
|
||||
this.classList.toggle('active');
|
||||
|
||||
// Atualizar classes visuais
|
||||
if (this.classList.contains('active')) {
|
||||
const originalClass = this.getAttribute('data-original-class');
|
||||
this.className = `badge badge-clickable ${originalClass} active`;
|
||||
} else {
|
||||
const originalClass = this.getAttribute('data-original-class');
|
||||
this.className = `badge badge-clickable ${originalClass}`;
|
||||
}
|
||||
|
||||
// Atualizar o valor total das responsabilidades
|
||||
let valorTotal = 0;
|
||||
document.querySelectorAll('.badge-clickable.active').forEach(activeBadge => {
|
||||
const valor = parseInt(activeBadge.getAttribute('data-value'));
|
||||
if (!isNaN(valor)) {
|
||||
valorTotal |= valor;
|
||||
}
|
||||
});
|
||||
|
||||
// Atualizar o campo hidden
|
||||
const responsabilidadesInput = document.getElementById('responsabilidades_values');
|
||||
if (responsabilidadesInput) {
|
||||
responsabilidadesInput.value = valorTotal;
|
||||
console.log('Valor total das responsabilidades atualizado:', valorTotal);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Configurar formulário de edição
|
||||
const formEditarMilitante = document.getElementById('formEditarMilitante');
|
||||
if (formEditarMilitante) {
|
||||
formEditarMilitante.addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
console.log('Formulário submetido');
|
||||
formEditarMilitante.addEventListener('submit', async function(event) {
|
||||
event.preventDefault();
|
||||
console.log('Formulário de edição enviado');
|
||||
|
||||
// Validar todas as datas antes do envio
|
||||
const camposData = this.querySelectorAll('.date-mask');
|
||||
let datasValidas = true;
|
||||
// Obter ID do militante
|
||||
const militanteId = document.getElementById('edit_militante_id').value;
|
||||
console.log('ID do militante:', militanteId);
|
||||
|
||||
camposData.forEach(campo => {
|
||||
const valor = campo.value;
|
||||
if (valor && !validarData(valor)) {
|
||||
datasValidas = false;
|
||||
$(campo).addClass('is-invalid');
|
||||
if (!$(campo).next('.invalid-feedback').length) {
|
||||
$(campo).after('<div class="invalid-feedback">Data inválida</div>');
|
||||
}
|
||||
} else {
|
||||
$(campo).removeClass('is-invalid');
|
||||
$(campo).next('.invalid-feedback').remove();
|
||||
}
|
||||
});
|
||||
|
||||
if (!datasValidas) {
|
||||
mostrarAlerta('Existem datas inválidas no formulário', 'danger');
|
||||
if (!militanteId) {
|
||||
console.error('ID do militante não encontrado');
|
||||
alert('Erro ao salvar: ID do militante não encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
// Converter datas para formato ISO
|
||||
camposData.forEach(campo => {
|
||||
if (campo.value) {
|
||||
campo.value = converterDataParaISO(campo.value);
|
||||
console.log(`Data convertida para ISO: ${campo.name} = ${campo.value}`);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Criar FormData com todos os campos
|
||||
const formData = new FormData(this);
|
||||
|
||||
// Verificar se o input de responsabilidades existe
|
||||
const responsabilidadesInput = document.getElementById('responsabilidades_values');
|
||||
if (!responsabilidadesInput) {
|
||||
mostrarAlerta('Erro: Campo de responsabilidades não encontrado', 'danger');
|
||||
return;
|
||||
}
|
||||
// Garantir que o valor das responsabilidades seja enviado
|
||||
const responsabilidadesValue = document.getElementById('responsabilidades_values').value;
|
||||
formData.set('responsabilidades_valor', responsabilidadesValue);
|
||||
console.log('Valor das responsabilidades sendo enviado:', responsabilidadesValue);
|
||||
|
||||
// Converter responsabilidades para array antes de enviar
|
||||
const responsabilidadesBits = parseInt(responsabilidadesInput.value) || 0;
|
||||
const responsabilidades = [];
|
||||
|
||||
// Converter bits para nomes de responsabilidades
|
||||
for (const [valor, nome] of Object.entries(RESPONSABILIDADES_REVERSE_MAP)) {
|
||||
if ((responsabilidadesBits & parseInt(valor)) === parseInt(valor)) {
|
||||
responsabilidades.push(nome);
|
||||
}
|
||||
}
|
||||
|
||||
// Substituir o valor numérico pelo array de responsabilidades
|
||||
formData.set('responsabilidades', JSON.stringify(responsabilidades));
|
||||
|
||||
// Log dos dados sendo enviados
|
||||
console.log('Dados do formulário:');
|
||||
for (let [key, value] of formData.entries()) {
|
||||
console.log(`${key}: ${value}`);
|
||||
}
|
||||
|
||||
// Obter o ID do militante
|
||||
const militanteId = document.getElementById('edit_militante_id').value;
|
||||
if (!militanteId) {
|
||||
mostrarAlerta('Erro: ID do militante não encontrado', 'danger');
|
||||
return;
|
||||
}
|
||||
|
||||
// Enviar dados para o servidor
|
||||
fetch(`/militantes/editar/${militanteId}`, {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(response => {
|
||||
try {
|
||||
// Construir URL
|
||||
const url = `/militantes/editar/${militanteId}`;
|
||||
console.log('URL da requisição:', url);
|
||||
|
||||
// Enviar requisição
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest',
|
||||
'X-CSRF-Token': getCsrfToken()
|
||||
},
|
||||
body: formData
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
return response.text().then(text => {
|
||||
try {
|
||||
const jsonResponse = JSON.parse(text);
|
||||
return jsonResponse;
|
||||
} catch (e) {
|
||||
console.error('Erro ao fazer parse do JSON:', e);
|
||||
console.log('Texto recebido:', text);
|
||||
throw new Error('Erro ao processar resposta do servidor');
|
||||
}
|
||||
});
|
||||
throw new Error(`Erro HTTP: ${response.status}`);
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
|
||||
const data = await response.json();
|
||||
console.log('Resposta do servidor:', data);
|
||||
if (data.success) {
|
||||
|
||||
if (data.status === 'success') {
|
||||
// Fechar modal
|
||||
const modal = bootstrap.Modal.getInstance(document.getElementById('modalEditarMilitante'));
|
||||
modal.hide();
|
||||
|
||||
// Mostrar mensagem de sucesso
|
||||
mostrarAlerta('Militante atualizado com sucesso!', 'success');
|
||||
|
||||
// Fechar o modal
|
||||
const modal = bootstrap.Modal.getInstance(document.getElementById('modalEditarMilitante'));
|
||||
if (modal) {
|
||||
modal.hide();
|
||||
} else {
|
||||
console.warn('Modal não encontrado');
|
||||
}
|
||||
|
||||
// Recarregar a página após 1 segundo
|
||||
setTimeout(() => window.location.reload(), 1000);
|
||||
// Recarregar página após um pequeno delay para a mensagem ser vista
|
||||
setTimeout(() => {
|
||||
location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
throw new Error(data.message || 'Erro ao atualizar militante');
|
||||
throw new Error(data.message || 'Erro desconhecido ao salvar militante');
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Erro:', error);
|
||||
mostrarAlerta(error.message || 'Erro ao atualizar militante', 'danger');
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Erro ao salvar:', error);
|
||||
mostrarAlerta(`Erro ao salvar militante: ${error.message}`, 'danger');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -719,10 +775,11 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
fetch(this.action, {
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
'X-Requested-With': 'XMLHttpRequest',
|
||||
'X-CSRF-Token': getCsrfToken()
|
||||
},
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
@@ -743,8 +800,8 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
tr.innerHTML = `
|
||||
<td data-nome="${data.militante.nome}">${data.militante.nome}</td>
|
||||
<td data-cpf="${data.militante.cpf}">${data.militante.cpf}</td>
|
||||
<td data-email="${data.militante.email}">${data.militante.email}</td>
|
||||
<td data-telefone="${data.militante.telefone}">${data.militante.telefone}</td>
|
||||
<td data-email="${data.militante.emails && data.militante.emails.length > 0 ? data.militante.emails[0].endereco_email : ''}">${data.militante.emails && data.militante.emails.length > 0 ? data.militante.emails[0].endereco_email : ''}</td>
|
||||
<td data-telefone="${data.militante.telefone1}">${data.militante.telefone1}</td>
|
||||
<td data-filiado="${data.militante.filiado}">
|
||||
<span class="badge ${data.militante.filiado ? 'bg-success' : 'bg-secondary'}">
|
||||
${data.militante.filiado ? 'Sim' : 'Não'}
|
||||
@@ -759,8 +816,8 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
data-militante-id="${data.militante.id}"
|
||||
data-militante-nome="${data.militante.nome}"
|
||||
data-militante-cpf="${data.militante.cpf}"
|
||||
data-militante-email="${data.militante.email}"
|
||||
data-militante-telefone="${data.militante.telefone}"
|
||||
data-militante-email="${data.militante.emails && data.militante.emails.length > 0 ? data.militante.emails[0].endereco_email : ''}"
|
||||
data-militante-telefone="${data.militante.telefone1}"
|
||||
data-militante-endereco="${data.militante.endereco}"
|
||||
data-militante-filiado="${data.militante.filiado}"
|
||||
title="Editar">
|
||||
@@ -973,73 +1030,63 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
});
|
||||
});
|
||||
|
||||
// Inicializar badges clicáveis
|
||||
initBadgeClickable();
|
||||
|
||||
// Inicializar paginação
|
||||
updateVisibleRows();
|
||||
updatePagination();
|
||||
});
|
||||
|
||||
// Função para inicializar as badges clicáveis
|
||||
function initBadgeClickable() {
|
||||
const badges = document.querySelectorAll('.badge-clickable');
|
||||
const selectedValues = [];
|
||||
// Função para atualizar o valor total das responsabilidades
|
||||
function atualizarValorResponsabilidades() {
|
||||
const badges = document.querySelectorAll('.badge-clickable.active');
|
||||
let valorTotal = 0;
|
||||
|
||||
// Inicializar o array com os valores das badges que já estão ativas
|
||||
badges.forEach(badge => {
|
||||
if (badge.classList.contains('active')) {
|
||||
const value = parseInt(badge.getAttribute('data-value'));
|
||||
if (!selectedValues.includes(value)) {
|
||||
selectedValues.push(value);
|
||||
}
|
||||
const valor = parseInt(badge.getAttribute('data-value'));
|
||||
if (!isNaN(valor)) {
|
||||
valorTotal |= valor;
|
||||
}
|
||||
});
|
||||
|
||||
// Atualizar o input hidden com o valor total inicial
|
||||
const totalValue = selectedValues.reduce((a, b) => a + b, 0);
|
||||
document.getElementById('responsabilidades_values').value = totalValue;
|
||||
|
||||
// Adicionar evento de clique para cada badge
|
||||
badges.forEach(badge => {
|
||||
badge.addEventListener('click', function() {
|
||||
const value = parseInt(this.getAttribute('data-value'));
|
||||
const originalClass = this.getAttribute('data-original-class');
|
||||
|
||||
// Toggle do estado ativo
|
||||
if (this.classList.contains('active')) {
|
||||
// Desativar badge
|
||||
this.classList.remove('active');
|
||||
originalClass.split(' ').forEach(cls => {
|
||||
this.classList.remove(cls);
|
||||
});
|
||||
this.classList.add('bg-light');
|
||||
|
||||
// Remover valor do array
|
||||
const index = selectedValues.indexOf(value);
|
||||
if (index > -1) {
|
||||
selectedValues.splice(index, 1);
|
||||
}
|
||||
} else {
|
||||
// Ativar badge
|
||||
this.classList.add('active');
|
||||
this.classList.remove('bg-light');
|
||||
originalClass.split(' ').forEach(cls => {
|
||||
this.classList.add(cls);
|
||||
});
|
||||
|
||||
// Adicionar valor ao array
|
||||
if (!selectedValues.includes(value)) {
|
||||
selectedValues.push(value);
|
||||
}
|
||||
}
|
||||
|
||||
// Atualizar o input hidden com o novo valor total
|
||||
const newTotal = selectedValues.reduce((a, b) => a + b, 0);
|
||||
document.getElementById('responsabilidades_values').value = newTotal;
|
||||
|
||||
console.log('Valores selecionados:', selectedValues);
|
||||
console.log('Valor total:', newTotal);
|
||||
const input = document.getElementById('responsabilidades_values');
|
||||
if (input) {
|
||||
input.value = valorTotal;
|
||||
}
|
||||
return valorTotal;
|
||||
}
|
||||
|
||||
// Função para salvar as alterações do militante
|
||||
async function salvarAlteracoesMilitante(militanteId) {
|
||||
try {
|
||||
const form = document.getElementById('formEditarMilitante');
|
||||
const formData = new FormData(form);
|
||||
|
||||
// Adicionar responsabilidades
|
||||
let responsabilidadesValor = 0;
|
||||
form.querySelectorAll('input[name="responsabilidades"]:checked').forEach(checkbox => {
|
||||
responsabilidadesValor |= parseInt(checkbox.value);
|
||||
});
|
||||
});
|
||||
formData.append('responsabilidades_valor', responsabilidadesValor);
|
||||
|
||||
const response = await fetch(`/militantes/editar/${militanteId}`, {
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
headers: {
|
||||
'X-CSRFToken': getCsrfToken()
|
||||
}
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (data.status === 'success') {
|
||||
mostrarAlerta(data.message, 'success');
|
||||
setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 1500);
|
||||
} else {
|
||||
mostrarAlerta(data.message || 'Erro ao salvar alterações', 'danger');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Erro ao salvar alterações:', error);
|
||||
mostrarAlerta('Erro ao salvar alterações. Por favor, tente novamente.', 'danger');
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user