Teste do Modal Financeiro - Nova Linha

Instruções de Teste

  1. Abra o console do navegador (F12)
  2. Abra o modal financeiro de um cliente usando o botão verde
  3. Clique em "Adicionar Novo Pagamento"
  4. Preencha os campos (valor e data)
  5. Clique em "Salvar"
  6. Observe se a linha permanece visível após o salvamento
  7. Verifique os logs no console para rastrear o processo

Logs Esperados (em ordem)

🆕 Iniciando criação de nova linha com ID: novo_[timestamp]
✅ Nova linha adicionada via DataTable API
🔍 Verificando se nova linha persiste...
✅ Nova linha confirmada presente na tabela
📊 Classes da linha: nova-linha editing-row
📍 Posição da linha: 0
🚀 INICIANDO salvarNovaLinha para ID: novo_[timestamp]
📊 Dados coletados: [dados do formulário]
💾 Enviando dados para servidor...
✅ Resposta do servidor recebida
🔄 DataTable atualizado e reordenado para mostrar últimos registros primeiro
✅ Linha encontrada na tabela após salvamento
🔍 Verificação final após salvamento...
📊 Status final: [status da linha]
✅ Linha salva e visível corretamente
🎉 SUCESSO: Novo pagamento salvo e processamento concluído

Problemas Possíveis

Se a linha desaparecer:
  • Verifique se há logs de "❌ CRÍTICO: Linha desapareceu após salvamento!"
  • Observe se há conflitos de ID ou se o DataTable está sendo reinicializado
  • Confirme se não há eventos de limpeza interferindo

Comandos de Debug (cole no console)

// Verificar estado atual da tabela
console.log('Total linhas:', $('#tabelaPagamentos tbody tr').length);

// Verificar se DataTable está ativo
console.log('DataTable ativo:', $.fn.DataTable.isDataTable('#tabelaPagamentos'));

// Listar todas as linhas e seus IDs
$('#tabelaPagamentos tbody tr').each(function(index) {
  const id = $(this).data('id') || $(this).attr('data-id');
  console.log(`Linha ${index}: ID = ${id}`);
});

// Forçar reordenação
if ($.fn.DataTable.isDataTable('#tabelaPagamentos')) {
  $('#tabelaPagamentos').DataTable().order([[ 0, 'desc' ]]).draw();
}