const PID_DC_STATUS_LABELS = { revisao: "Em revisão", concluida: "Concluída" };
const PID_DC_SEVERIDADE_LABELS = { alta: "Alta", media: "Média", baixa: "Baixa" };
const PID_DC_ACHADO_STATUS_LABELS = { pendente: "Pendente", tratado: "Tratado", ignorado: "Ignorado" };
// Ordem de exibição do donut/legenda de severidade no resumo — mesmas cores
// já usadas pelos badges (.dc-badge--alta/--media/--baixa, dashboard-contabil.css).
const PID_DC_SEVERIDADE_LISTA = ["alta", "media", "baixa"];
const PID_DC_SEVERIDADE_CORES = { alta: "var(--danger)", media: "var(--gold)", baixa: "rgb(var(--slate-rgb))" };
// Mesmas 9 regras/chaves de regras.py (REGRAS) — enumeradas aqui pra sempre
// mostrar as 9 categorias no resumo, mesmo as que não geraram achado nesta
// apuração (mesmo espírito do "Nenhum registro encontrado" do sistema externo
// que inspirou esta visão). A 10ª (`item_removido_reprocessamento`) não é uma
// regra sobre o PDF: nasce na sincronização do reprocessamento, quando uma
// conta/linha some do arquivo novo (ver regras.achados_itens_removidos()).
const PID_DC_REGRAS = [
{ chave: "balanceamento_ativo_passivo", label: "Balanceamento Ativo x Passivo" },
{ chave: "debito_credito_divergente", label: "Débito x Crédito" },
{ chave: "saldo_negativo_caixa", label: "Caixa Negativo" },
{ chave: "saldo_sinal_invertido", label: "Sinal de Saldo Invertido" },
{ chave: "lucro_balancete_diverge_dre", label: "Lucro Balancete x DRE" },
{ chave: "conta_transitoria_com_saldo", label: "Contas Transitórias" },
{ chave: "conta_deveria_zerar", label: "Contas que Deveriam Zerar" },
{ chave: "descricao_generica", label: "Descrição Genérica" },
{ chave: "variacao_atipica_dre", label: "Variação atípica na DRE - Análise Vertical" },
{ chave: "item_removido_reprocessamento", label: "Contas e Linhas Removidas" },
];
// Agrupamento temático das 9 regras acima pro resumo da aba Observações —
// evita 9 cards soltos no grid (poluído visualmente com uma tabela por
// conta em cada um); cada grupo vira 1 card com as regras dele listadas por
// linha (label + contagem), clique numa linha com contagem > 0 continua
// isolando achado.regra na lista abaixo, igual antes.
const PID_DC_GRUPOS = [
{
label: "Divergências de Saldo",
regras: [
"balanceamento_ativo_passivo",
"debito_credito_divergente",
"saldo_negativo_caixa",
"saldo_sinal_invertido",
"lucro_balancete_diverge_dre",
],
},
{
label: "Contas Atípicas",
regras: ["conta_transitoria_com_saldo", "conta_deveria_zerar", "descricao_generica"],
},
// "Variações e Indicadores" (variacao_atipica_dre) saiu daqui: essas
// variações só aparecem no fim da aba Análise Vertical.
// `somenteComAchados`: só aparece na apuração em que algo foi de fato
// removido — um card fixo em "0" em toda análise nunca reprocessada seria
// ruído, diferente das regras acima, cujo "0" é a informação de que aquela
// checagem rodou e passou.
{
label: "Mudanças no Reprocessamento",
regras: ["item_removido_reprocessamento"],
somenteComAchados: true,
},
];
// Paleta de 10 cores distintas reaproveitando os tokens *-rgb já existentes
// (theme-aware — acompanham o tema claro/escuro e a cor de tema escolhida
// pelo usuário), com color-mix() pra completar até 10 sem hardcoded hex novo.
const PID_DC_CATEGORIA_CORES = [
"rgb(var(--accent-rgb))",
"rgb(var(--danger-rgb))",
"rgb(var(--gold-rgb))",
"rgb(var(--teal-rgb))",
"rgb(var(--slate-rgb))",
"rgb(var(--coral-rgb))",
"color-mix(in srgb, rgb(var(--accent-rgb)) 55%, white)",
"color-mix(in srgb, rgb(var(--danger-rgb)) 55%, white)",
"color-mix(in srgb, rgb(var(--gold-rgb)) 55%, black)",
"color-mix(in srgb, rgb(var(--teal-rgb)) 55%, black)",
];
function pidDcFormatMoeda(valor) {
const numero = Number(valor || 0);
return numero.toLocaleString("pt-BR", { style: "currency", currency: "BRL" });
}
// Os 3 formatos abaixo espelham os filtros moeda/percentual/indice de
// portal_api/templatetags/contabil_extras.py (mesmo relatório "Gerar
// Dashboard") — diferente de pidDcFormatMoeda acima, `null`/`undefined`
// sempre vira "—", nunca "R$ 0,00": em IndicadoresFinanceiros, `None`
// significa "indisponível" (ex. EBITDA sem histórico), não zero.
function pidDcFormatIndicadorMoeda(valor) {
if (valor === null || valor === undefined) return "—";
return Number(valor).toLocaleString("pt-BR", { style: "currency", currency: "BRL" });
}
function pidDcFormatIndicadorPercentual(valor) {
if (valor === null || valor === undefined) return "—";
return `${(Number(valor) * 100).toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`;
}
function pidDcFormatIndicadorIndice(valor) {
if (valor === null || valor === undefined) return "—";
return Number(valor).toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
// Label/grupo/formato de cada indicador (de sistema ou personalizado) vêm
// sempre do servidor agora (`GET /contabil-apuracoes/{id}/indicadores/`,
// campo `metadados`) — única fonte de verdade, já que um indicador
// personalizado não tem como ter seu formato hardcoded aqui. Só a ORDEM de
// exibição dos grupos continua fixa no frontend (grupo desconhecido, se
// algum dia existir, cai no fim).
const PID_DC_DASH_ORDEM_GRUPOS = [
"Indicadores de Resultado",
"Indicadores de Liquidez e Endividamento",
"Indicadores Personalizados",
];
function pidDcFormatIndicadorGenerico(formato, valor) {
if (formato === "moeda") return pidDcFormatIndicadorMoeda(valor);
if (formato === "percentual") return pidDcFormatIndicadorPercentual(valor);
return pidDcFormatIndicadorIndice(valor);
}
const PID_DC_ICON_OLHO_ABERTO =
'';
const PID_DC_ICON_OLHO_FECHADO =
'';
const PID_DC_ICON_EDITAR =
'';
const PID_DC_ICON_LIXEIRA =
'';
const PID_DC_ICON_HISTORICO =
'';
// As duas faces do botão de árvore no cabeçalho da primeira coluna das 3
// tabelas da revisão (ver dcAtualizaBotaoArvore) — é um toggle: "−" enquanto
// a árvore está toda aberta (o padrão), "+" assim que existe qualquer grupo
// recolhido.
const PID_DC_ICON_RECOLHER_ARVORE =
'';
const PID_DC_ICON_EXPANDIR_ARVORE =
'';
// Usado pelo botão "Ver na tabela" dos cards de achado (ver renderAchados) —
// mesma semântica de "localizar um ponto", reaproveitado como pin de mapa.
const PID_DC_ICON_LOCALIZAR =
'';
// Percentual da Análise Vertical já vem "pronto" do PDF (ex. "-7.33" quer
// dizer -7,33%, não -733%) — diferente de pidDcFormatIndicadorPercentual
// (usado pelos cards de indicador), que recebe uma fração e multiplica por
// 100 antes de exibir. Reusar aquele aqui exibiria "-733,00%" errado.
function pidDcFormatPercentualAnaliseVertical(valor) {
const numero = Number(valor || 0);
return `${numero.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`;
}
// "mai/2026" (formato salvo pelo parser) -> "Mai/2026" (rótulo de coluna).
function pidDcFormatMesAnaliseVertical(mes) {
if (!mes) return "";
return mes.charAt(0).toUpperCase() + mes.slice(1);
}
function pidDcFormatCompetencia(iso) {
if (!iso) return "";
const [ano, mes] = iso.split("-");
return `${mes}/${ano}`;
}
function pidDcFormatData(iso) {
if (!iso) return "";
return new Date(iso).toLocaleDateString("pt-BR");
}
function pidDcFormatDataHora(iso) {
if (!iso) return "";
return new Date(iso).toLocaleString("pt-BR", {
day: "2-digit",
month: "2-digit",
year: "numeric",
hour: "2-digit",
minute: "2-digit",
});
}
// Delegado ao `pidEscapeHtml` (api.js), que também escapa aspas: esta função
// é usada dentro de atributos (`aria-label`, `value`), e a versão antiga por
// `textContent` deixava `"` passar (XSS por texto de observação).
function pidDcEscapeHtml(texto) {
return pidEscapeHtml(texto);
}
// Barra de progresso de "Nova Análise"/"Reprocessar" — o processamento roda
// de forma síncrona numa única requisição (sem fila de tarefas), então não
// existe um percentual real pra reportar. Simula a subida: cresce rápido no
// início e desacelera perto de 90%, sem nunca chegar lá sozinha — só
// `completar()` (chamado quando a resposta volta) fecha os últimos 10% e
// segura em 100% por um instante, pra sempre refletir o fim de verdade do
// processamento, nunca um término fake antes da hora.
// O avanço é um `transform: scaleX()` sobre uma barra de largura 100% (ver
// `.dc-progress__fill` no CSS), não `width`: só `transform` anima sem refazer
// o layout a cada passo.
function pidDcIniciarProgressoSimulado(fillEl) {
let pct = 0;
fillEl.style.transform = "scaleX(0)";
const intervalId = setInterval(() => {
pct += (90 - pct) * 0.1;
fillEl.style.transform = `scaleX(${pct / 100})`;
}, 200);
return {
parar() {
clearInterval(intervalId);
},
async completar() {
clearInterval(intervalId);
fillEl.style.transform = "scaleX(1)";
await new Promise((resolve) => setTimeout(resolve, 300));
},
};
}
// Posiciona o `` (fixed, ver
// dashboard-contabil.css) relativo à viewport, calculado no momento do
// hover/foco — nasce acima do gatilho, centralizado; sem espaço acima
// (badge perto do topo da tela) desce pra baixo do gatilho; clampado nas
// laterais pra nunca vazar pra fora da tela (badge perto da borda da
// tabela). Necessário porque os badges deste pacote vivem dentro de
// `.pa-table-wrap`, que corta (`overflow:hidden`) qualquer coisa
// posicionada com `position:absolute` que escape da própria tabela —
// `position:fixed` já resolve o corte sozinho, isto aqui só calcula onde.
// Delegado no `document` com `capture:true` porque `mouseenter`/`focus` não
// borbulham — um único listener cobre todo badge atual e futuro, mesmo os
// recriados a cada re-render da tabela.
function pidDcPosicionaTooltip(event) {
const gatilho = event.target.closest && event.target.closest(".dc-hover-tooltip__gatilho");
if (!gatilho) return;
const texto = gatilho.nextElementSibling;
if (!texto || !texto.classList.contains("dc-hover-tooltip__texto")) return;
pidDcPosicionaBalao(gatilho, texto);
}
// Cálculo de posição compartilhado pelo tooltip dos badges (acima) e pela
// dica dos botões (`data-dc-dica`, abaixo).
function pidDcPosicionaBalao(gatilho, texto) {
const margem = 8;
const rect = gatilho.getBoundingClientRect();
const largura = texto.offsetWidth;
const altura = texto.offsetHeight;
let esquerda = rect.left + rect.width / 2 - largura / 2;
esquerda = Math.max(margem, Math.min(esquerda, window.innerWidth - largura - margem));
let topo = rect.top - altura - margem;
if (topo < margem) topo = rect.bottom + margem;
texto.style.left = `${esquerda}px`;
texto.style.top = `${topo}px`;
}
document.addEventListener("mouseenter", pidDcPosicionaTooltip, true);
document.addEventListener("focus", pidDcPosicionaTooltip, true);
// Em tela de toque não existe hover: tocar num badge informativo (valor
// antes do reprocessamento, fonte de PDF atípica) abre o tooltip dele, tocar
// de novo ou em qualquer outro ponto fecha. Gatilho que contém um botão (o
// ícone de variação atípica da Análise Vertical) fica de fora, porque o toque
// nele já tem ação própria (levar ao card da variação).
function pidDcAlternaTooltipToque(event) {
if (!window.matchMedia || !window.matchMedia("(hover: none)").matches) return;
const gatilho = event.target.closest && event.target.closest(".dc-hover-tooltip__gatilho");
const tooltip = gatilho && !gatilho.querySelector("button") ? gatilho.parentElement : null;
document.querySelectorAll(".dc-hover-tooltip.is-aberto").forEach((aberto) => {
if (aberto !== tooltip) aberto.classList.remove("is-aberto");
});
if (!tooltip) return;
const abriu = tooltip.classList.toggle("is-aberto");
if (abriu) pidDcPosicionaTooltip({ target: gatilho });
}
document.addEventListener("click", pidDcAlternaTooltipToque);
// Dica dos botões da tela, no lugar do `title` nativo (o balão do navegador
// quebra a identidade visual do Portal, mesmo motivo de pidDcHoverTooltipHtml):
// qualquer elemento com `data-dc-dica="texto"` mostra um balão único, com o
// mesmo visual de `.dc-hover-tooltip__texto`, criado uma vez em
// `document.body`. Diferente de pidDcHoverTooltipHtml, não envolve o botão em
// outro elemento (não mexe no layout das linhas de ação) e o texto pode mudar
// depois de desenhado (ex.: dcAtualizaBotaoArvore troca a dica do botão "−"/"+").
let pidDcDicaEl = null;
function pidDcEscondeDica() {
if (pidDcDicaEl) pidDcDicaEl.classList.remove("is-visivel");
}
function pidDcMostraDica(event) {
const alvo = event.target.closest && event.target.closest("[data-dc-dica]");
if (!alvo) return;
const texto = alvo.getAttribute("data-dc-dica");
if (!texto) return;
if (!pidDcDicaEl) {
pidDcDicaEl = document.createElement("span");
pidDcDicaEl.className = "dc-hover-tooltip__texto dc-dica-flutuante";
document.body.appendChild(pidDcDicaEl);
}
pidDcDicaEl.textContent = texto;
pidDcPosicionaBalao(alvo, pidDcDicaEl);
pidDcDicaEl.classList.add("is-visivel");
}
document.addEventListener("mouseover", pidDcMostraDica);
document.addEventListener("mouseout", (event) => {
const alvo = event.target.closest && event.target.closest("[data-dc-dica]");
if (!alvo) return;
if (event.relatedTarget && alvo.contains(event.relatedTarget)) return;
pidDcEscondeDica();
});
// O clique costuma redesenhar a tabela (o botão some sem disparar `mouseout`)
// e a rolagem tira o balão do lugar: nos dois casos, esconde.
document.addEventListener("click", pidDcEscondeDica, true);
window.addEventListener("scroll", pidDcEscondeDica, true);
async function pidFetchApuracoesContabil() {
return pidApiRequest("/contabil-apuracoes/");
}
async function pidFetchApuracaoContabil(id) {
return pidApiRequest(`/contabil-apuracoes/${id}/`);
}
async function pidCriarApuracaoContabil(formData) {
return pidApiRequest("/contabil-apuracoes/", { method: "POST", body: formData });
}
async function pidExcluirApuracaoContabil(id) {
return pidApiRequest(`/contabil-apuracoes/${id}/`, { method: "DELETE" });
}
async function pidConcluirApuracaoContabil(id) {
return pidApiRequest(`/contabil-apuracoes/${id}/concluir/`, { method: "POST" });
}
async function pidReprocessarApuracaoContabil(id, formData) {
return pidApiRequest(`/contabil-apuracoes/${id}/reprocessar/`, { method: "POST", body: formData });
}
/**
* /dashboard/ é GET (não POST, diferente do padrão /gerar/ de outras
* ferramentas) exatamente pra poder ser aberto assim — navegação de
* verdade numa nova aba, não um blob em memória. Um blob criado via fetch
* (`URL.createObjectURL`) tem sua própria origem sintética: URLs relativas
* dentro do HTML (como `{% static %}` da logo do escritório, que gera
* "/static/...") não resolvem de forma confiável contra a origem do Portal
* dentro de um documento carregado de um `blob:`, quebrando a imagem — com
* navegação de verdade pra URL da API, isso deixa de ser um problema.
*/
function pidGerarDashboardContabil(id) {
window.open(`/api/contabil-apuracoes/${id}/dashboard/`, "_blank");
}
// ---- Observações (histórico por empresa+conta, atravessa competências) ----
// A observação não pertence mais à linha da apuração (era um campo de
// ContabilConta/ContabilLinhaDre/ContabilLinhaAnaliseVertical até a migração
// 0071) — é um registro próprio (`ContabilObservacao`), vinculado à empresa +
// chave natural da conta, que continua aparecendo nas competências seguintes
// até o contador encerrá-la. Por isso todas as chamadas abaixo são contra
// `/contabil-observacoes/`, nunca contra a linha.
async function pidBuscarObservacoesContabil(apuracaoId) {
return pidApiRequest(`/contabil-apuracoes/${apuracaoId}/observacoes/`);
}
// `alvoId` é o id da conta/linha DESTA apuração — o servidor deriva empresa,
// competência, chave natural e rótulo a partir dele (ver
// ContabilObservacaoViewSet.create).
async function pidCriarObservacaoContabil(apuracaoId, alvoTipo, alvoId, texto, mostrarAoCliente) {
return pidApiRequest("/contabil-observacoes/", {
method: "POST",
body: {
apuracao: apuracaoId,
alvo_tipo: alvoTipo,
alvo_id: alvoId,
texto,
mostrar_ao_cliente: mostrarAoCliente,
},
});
}
// `payload` aceita {texto} e/ou {mostrar_ao_cliente} — o texto só é aceito
// enquanto a observação ainda for da competência aberta; a visibilidade ao
// cliente é sempre alternável, inclusive numa observação histórica.
async function pidAtualizarObservacaoContabil(id, payload) {
return pidApiRequest(`/contabil-observacoes/${id}/`, { method: "PATCH", body: payload });
}
// "Ocultar das próximas execuções": continua visível nesta competência e
// some a partir da seguinte. `reativar` desfaz.
async function pidEncerrarObservacaoContabil(id, apuracaoId) {
return pidApiRequest(`/contabil-observacoes/${id}/encerrar/`, { method: "POST", body: { apuracao: apuracaoId } });
}
async function pidReativarObservacaoContabil(id, apuracaoId) {
return pidApiRequest(`/contabil-observacoes/${id}/reativar/`, { method: "POST", body: { apuracao: apuracaoId } });
}
// Excluir de verdade — botão voltou a existir na tela (rodada 145), restrito
// a quem criou a observação e só enquanto a apuração de origem estiver em
// revisão (mesmas duas regras checadas de novo no servidor, ver
// ContabilObservacaoViewSet.perform_destroy()).
async function pidExcluirObservacaoContabil(id) {
return pidApiRequest(`/contabil-observacoes/${id}/`, { method: "DELETE" });
}
// `alterada_reprocessamento` nunca é tocado por aqui (pedido explícito do
// usuário) — o badge de alerta continua visível mesmo depois de validado,
// só muda de cor (ver pidDcAlteradaBadgeHtml), pra o contador conseguir
// identificar depois quais itens já foram reprocessados E revalidados. Só
// um reprocessamento novo (sem mudança daquela conta/linha desta vez) limpa
// o campo de verdade, em `_contabil_sincroniza_*` (views.py).
async function pidAtualizarValidadoContaContabil(id, validado) {
return pidApiRequest(`/contabil-contas/${id}/`, { method: "PATCH", body: { validado } });
}
async function pidAtualizarValidadoLinhaDreContabil(id, validado) {
return pidApiRequest(`/contabil-linhas-dre/${id}/`, { method: "PATCH", body: { validado } });
}
async function pidAtualizarValidadoLinhaAnaliseVerticalContabil(id, validado) {
return pidApiRequest(`/contabil-linhas-analise-vertical/${id}/`, { method: "PATCH", body: { validado } });
}
async function pidAtualizarAchadoContabil(id, status, observacaoContador) {
return pidApiRequest(`/contabil-achados/${id}/`, {
method: "PATCH",
body: { status, observacao_contador: observacaoContador },
});
}
// Só variação atípica da Análise Vertical: validar trata o apontamento sem
// justificativa escrita (o texto vai na observação da linha), desvalidar
// volta a "pendente" — ver ContabilAchadoViewSet.validar().
async function pidValidarAchadoContabil(id, validado) {
return pidApiRequest(`/contabil-achados/${id}/validar/`, { method: "POST", body: { validado } });
}
// ---- Aba "Dashboard" (pré-visualização do relatório "Gerar Dashboard") ----
async function pidBuscarIndicadoresContabil(id) {
return pidApiRequest(`/contabil-apuracoes/${id}/indicadores/`);
}
async function pidAtualizarIndicadoresOcultosContabil(id, indicadoresOcultos) {
return pidApiRequest(`/contabil-apuracoes/${id}/indicadores-ocultos/`, {
method: "POST",
body: { indicadores_ocultos: indicadoresOcultos },
});
}
async function pidAlternarOcultoAchadoContabil(id, oculto) {
return pidApiRequest(`/contabil-achados/${id}/alternar-oculto/`, {
method: "POST",
body: { oculto_no_relatorio: oculto },
});
}
async function pidBuscarIndicadorContabilDefinicao(id) {
return pidApiRequest(`/contabil-indicadores-definicoes/${id}/`);
}
async function pidCriarIndicadorContabil(payload) {
return pidApiRequest("/contabil-indicadores-definicoes/", { method: "POST", body: payload });
}
async function pidAtualizarIndicadorContabil(id, payload) {
return pidApiRequest(`/contabil-indicadores-definicoes/${id}/`, { method: "PATCH", body: payload });
}
async function pidExcluirIndicadorContabil(id) {
return pidApiRequest(`/contabil-indicadores-definicoes/${id}/`, { method: "DELETE" });
}
async function pidBuscarDefinicoesIndicadoresContabil() {
return pidApiRequest("/contabil-indicadores-definicoes/");
}
async function pidPreVisualizarIndicadorContabil(apuracaoId, payload) {
return pidApiRequest(`/contabil-apuracoes/${apuracaoId}/pre-visualizar-indicador/`, {
method: "POST",
body: payload,
});
}
async function pidAtualizarIndicadoresSelecionadosContabil(id, indicadoresSelecionados) {
return pidApiRequest(`/contabil-apuracoes/${id}/indicadores-selecionados/`, {
method: "POST",
body: { indicadores_selecionados: indicadoresSelecionados },
});
}
async function pidAtualizarResumoFechamentoContabil(id, resumoFechamento) {
return pidApiRequest(`/contabil-apuracoes/${id}/resumo-fechamento/`, {
method: "POST",
body: { resumo_fechamento: resumoFechamento },
});
}
document.addEventListener("DOMContentLoaded", async () => {
const listView = document.getElementById("dc-list-view");
if (!listView) return;
const me = await pidGetMe();
if (!me) return;
const relatoriosPerms = (me.permissoes_efetivas && me.permissoes_efetivas["relatorios"]) || {};
const canUse = !!(relatoriosPerms.enabled && relatoriosPerms.apps && relatoriosPerms.apps["dashboard-contabil"]);
const noAccessEl = document.getElementById("dc-no-access");
const contentEl = document.getElementById("dc-content");
if (noAccessEl) noAccessEl.hidden = canUse;
if (contentEl) contentEl.hidden = !canUse;
if (!canUse) return;
// ---- Botão "voltar ao topo" ----
// Página tem tabelas longas (Balancete/DRE/Análise Vertical, achados) —
// botão flutuante só aparece depois que o início da página já saiu da
// viewport (scroll da própria janela, `.page-content` não tem overflow
// próprio), pra não poluir a tela quando não faz falta.
const PID_DC_BACK_TO_TOP_LIMIAR_PX = 400;
const backToTopBtn = document.getElementById("dc-back-to-top-btn");
if (backToTopBtn) {
window.addEventListener("scroll", () => {
backToTopBtn.hidden = window.scrollY < PID_DC_BACK_TO_TOP_LIMIAR_PX;
});
backToTopBtn.addEventListener("click", () => {
window.scrollTo({ top: 0, behavior: "smooth" });
});
}
const formView = document.getElementById("dc-form-view");
const reviewView = document.getElementById("dc-review-view");
let apuracaoAtual = null;
let filtroSeveridade = "todas";
let filtroStatusAchado = "pendente";
// Categoria (achado.regra) selecionada clicando num card do resumo — null
// = nenhuma categoria isolada. Filtro independente de severidade/status,
// os três se combinam (E lógico) na lista detalhada abaixo do resumo.
let filtroRegra = null;
let achadoEmEdicao = null;
// Ids de ContabilConta com filhos recolhidos na árvore do Balancete —
// reiniciado toda vez que uma apuração é aberta/criada (ver renderRevisao).
let dcContasColapsadas = new Set();
// Mesma ideia, mas para a árvore da DRE (ContabilLinhaDre.id) — nível de
// indentação já vem pronto do backend (linha.nivel), sem precisar derivar
// de um código de classificação como no Balancete.
let dcDreColapsadas = new Set();
// Observações vigentes nesta apuração (as desta competência + as herdadas
// de competências anteriores ainda não encerradas) — carregadas à parte da
// apuração, porque não pertencem a ela: `GET /contabil-apuracoes/{id}/
// observacoes/`, ver `ContabilObservacao` no backend. `dcObsIndice` é o
// mesmo conteúdo indexado pela chave natural do alvo, pra cada linha da
// tabela achar as suas sem varrer a lista inteira.
let dcObservacoes = [];
let dcObsIndice = { conta: new Map(), dre: new Map(), analise_vertical: new Map() };
// Mesma ideia de dcDreColapsadas, agora pra árvore da Análise Vertical
// (ContabilLinhaAnaliseVertical) — mesmo nível de indentação da DRE
// (linha.nivel), só que cada linha tem um valor+percentual por mês em vez
// de um valor único.
let dcAvColapsadas = new Set();
// Ids de ContabilAchado com o detalhe da conta usada no apontamento
// expandido (ver renderAchados) — só achados com `conta` preenchido (as
// regras gerais, ex. balanceamento Ativo x Passivo, não têm uma conta
// única por trás, então não ganham o toggle).
let dcAchadosContaExpandida = new Set();
// { indicadores, indicadores_ocultos } da aba "Dashboard" — carregado sob
// demanda (só quando essa aba é aberta pela primeira vez após abrir/criar
// a apuração, ver renderDashboardTab), null até lá.
let dcIndicadoresAtual = null;
// Ordenação + filtro "estilo Excel" do histórico (#dc-list-table) — mesmo
// mecanismo de listSortKey/listSortDir/listFiltros em
// importacao-plano-saude.js: client-side, sobre o array já carregado
// (dcListaApuracoes), sem refazer fetch a cada mudança. A paginação
// (dcListPage/DC_LIST_PAGE_SIZE) também segue o mesmo padrão de
// importacao-plano-saude.js (IPS_LIST_PAGE_SIZE/renderListPagination).
let dcListaApuracoes = [];
let dcListSortKey = "criado_em";
let dcListSortDir = -1;
// null = sem filtro nessa coluna; senão, um Set com os valores marcados no
// popup daquela coluna (combinam entre si por E lógico).
let dcListFiltros = { empresa: null, competencia: null, status: null, criado_por: null };
let dcListPage = 1;
const DC_LIST_PAGE_SIZE = 10;
const dcListSortHeaders = Array.from(document.querySelectorAll("#dc-list-table th[data-sort]"));
const dcListPagination = document.getElementById("dc-list-pagination");
const dcListCount = document.getElementById("dc-list-count");
function showView(view) {
listView.hidden = view !== "list";
formView.hidden = view !== "form";
reviewView.hidden = view !== "review";
}
// ---- Histórico ----
// Compara numericamente quando os dois valores parecem número (evita
// "218" ficando antes de "9" por comparação de string pura), senão cai
// pra comparação de texto (acentuada/case-insensitive) — mesma função de
// importacao-plano-saude.js (comparaValoresLista).
function dcComparaValoresLista(a, b) {
const an = Number(a);
const bn = Number(b);
const ambosNumeros = a !== "" && b !== "" && !Number.isNaN(an) && !Number.isNaN(bn);
if (ambosNumeros) return an - bn;
return String(a).localeCompare(String(b), "pt-BR", { sensitivity: "base" });
}
const PID_DC_LISTA_SORT_VALOR = {
empresa: (a) => a.codigo_empresa || "",
competencia: (a) => a.competencia || "",
observacoes: (a) => a.total_achados_pendentes ?? 0,
status: (a) => a.status || "",
criado_por: (a) => a.criado_por_nome || "",
criado_em: (a) => a.criado_em || "",
};
// Colunas com filtro "estilo Excel" no cabeçalho do histórico — mesma
// chave de PID_DC_LISTA_SORT_VALOR, reaproveitado como extrator do valor
// bruto de cada linha pro popup também (ver dcCriarFiltroColuna).
// "observacoes"/"criado_em" só ordenam, não filtram — a primeira é uma
// contagem, a segunda uma data/hora de criação, granularidade fina demais
// pra um checklist de valores distintos.
function dcLabelValorFiltroLista(campo, valor) {
if (campo === "status") return PID_DC_STATUS_LABELS[valor] || valor;
if (campo === "competencia") return pidDcFormatCompetencia(valor) || "(Vazio)";
if (campo === "empresa") {
const apuracao = dcListaApuracoes.find((a) => (a.codigo_empresa || "") === valor);
return apuracao ? `${valor || "(Vazio)"} - ${apuracao.nome_empresa}` : valor || "(Vazio)";
}
return valor || "(Vazio)";
}
function dcApuracaoPassaNosFiltros(apuracao) {
return Object.entries(dcListFiltros).every(([campo, valoresPermitidos]) => {
if (!valoresPermitidos) return true; // null = sem filtro nessa coluna
return valoresPermitidos.has(PID_DC_LISTA_SORT_VALOR[campo](apuracao));
});
}
async function carregarLista() {
dcListaApuracoes = await pidFetchApuracoesContabil();
renderList();
}
function dcRenderListPagination(totalPaginas) {
if (!dcListPagination) return;
if (totalPaginas <= 1) {
dcListPagination.innerHTML = "";
return;
}
dcListPagination.innerHTML = `
Página ${dcListPage} de ${totalPaginas}
`;
}
function renderList() {
const body = document.getElementById("dc-list-body");
const empty = document.getElementById("dc-list-empty");
const filtradas = dcListaApuracoes.filter(dcApuracaoPassaNosFiltros);
empty.hidden = filtradas.length !== 0;
empty.textContent =
dcListaApuracoes.length === 0
? "Nenhuma análise realizada ainda."
: "Nenhuma análise encontrada com esse filtro.";
const extrator = PID_DC_LISTA_SORT_VALOR[dcListSortKey];
const ordenadas = [...filtradas].sort((a, b) => dcComparaValoresLista(extrator(a), extrator(b)) * dcListSortDir);
const totalPaginas = Math.max(1, Math.ceil(ordenadas.length / DC_LIST_PAGE_SIZE));
dcListPage = Math.min(dcListPage, totalPaginas);
const inicio = (dcListPage - 1) * DC_LIST_PAGE_SIZE;
const pagina = ordenadas.slice(inicio, inicio + DC_LIST_PAGE_SIZE);
body.innerHTML = "";
pagina.forEach((apuracao) => {
const tr = document.createElement("tr");
tr.innerHTML = `
`;
body.appendChild(tr);
});
dcListSortHeaders.forEach((th) => {
const key = th.getAttribute("data-sort");
th.classList.toggle("is-sort-asc", key === dcListSortKey && dcListSortDir === 1);
th.classList.toggle("is-sort-desc", key === dcListSortKey && dcListSortDir === -1);
});
dcRenderListPagination(totalPaginas);
if (dcListCount) {
if (ordenadas.length === 0) {
dcListCount.textContent = "";
} else {
const fim = Math.min(inicio + DC_LIST_PAGE_SIZE, ordenadas.length);
dcListCount.textContent = `Mostrando ${inicio + 1}–${fim} de ${ordenadas.length} registro${ordenadas.length === 1 ? "" : "s"}`;
}
}
}
dcListSortHeaders.forEach((th) => {
th.addEventListener("click", (event) => {
// Ignora cliques vindos de dentro do popup de filtro — sem isso, abrir
// o filtro ou marcar um checkbox dele também reordenava a coluna, já
// que o filtro mora dentro do mesmo
clicável.
if (event.target.closest(".dc-col-filter")) return;
const key = th.getAttribute("data-sort");
if (dcListSortKey === key) {
dcListSortDir *= -1;
} else {
dcListSortKey = key;
dcListSortDir = 1;
}
dcListPage = 1;
renderList();
});
});
// Filtro "estilo Excel" por coluna do histórico — mesmo mecanismo de
// criarFiltroColuna em importacao-plano-saude.js.
const dcFiltrosColuna = [];
function dcFecharTodosOsFiltrosColuna() {
dcFiltrosColuna.forEach((f) => f.fechar());
}
function dcEscapeAttr(value) {
return pidEscapeHtml(value);
}
function dcCriarFiltroColuna(campo) {
const th = dcListSortHeaders.find((el) => el.getAttribute("data-sort") === campo);
if (!th) return;
const wrapper = document.createElement("span");
wrapper.className = "dc-col-filter";
wrapper.innerHTML = `
`;
th.appendChild(wrapper);
const btn = wrapper.querySelector(".dc-col-filter__btn");
const popup = wrapper.querySelector(".dc-col-filter__popup");
const searchInput = wrapper.querySelector(".checklist-search");
const selectAllInput = wrapper.querySelector(".checklist-select-all input");
const box = wrapper.querySelector(".checklist-box");
const limparBtn = wrapper.querySelector(".dc-col-filter__limpar");
const aplicarBtn = wrapper.querySelector(".dc-col-filter__aplicar");
const extrator = PID_DC_LISTA_SORT_VALOR[campo];
let marcados = null; // Set em edição — só existe enquanto o popup está aberto
// Ordena pelo valor bruto (dcComparaValoresLista), não pelo rótulo
// formatado — importa pra "competencia" (ISO "AAAA-MM-DD", ordena certo
// cronologicamente por string; o rótulo "MM/AAAA" ordenaria por mês
// primeiro, misturando anos).
function valoresDistintos() {
return Array.from(new Set(dcListaApuracoes.map(extrator))).sort(dcComparaValoresLista);
}
function valoresVisiveis() {
const termo = searchInput.value.trim().toLowerCase();
return valoresDistintos().filter((v) => dcLabelValorFiltroLista(campo, v).toLowerCase().includes(termo));
}
function renderItens() {
const visiveis = valoresVisiveis();
box.innerHTML = visiveis.length
? visiveis
.map(
(v) =>
``
)
.join("")
: `
Nenhum valor encontrado.
`;
selectAllInput.checked = visiveis.length > 0 && visiveis.every((v) => marcados.has(v));
}
function abrir() {
// `marcados` sempre recomeça a partir do filtro já aplicado (ou de
// todos os valores existentes, se a coluna ainda não tem filtro) —
// nunca do que ficou de uma edição anterior cancelada sem "Aplicar".
marcados = dcListFiltros[campo] ? new Set(dcListFiltros[campo]) : new Set(valoresDistintos());
searchInput.value = "";
renderItens();
popup.hidden = false;
btn.setAttribute("aria-expanded", "true");
}
function fechar() {
popup.hidden = true;
marcados = null;
btn.setAttribute("aria-expanded", "false");
}
function atualizarBotaoAtivo() {
btn.classList.toggle("is-active", !!dcListFiltros[campo]);
}
btn.addEventListener("click", (event) => {
event.stopPropagation();
const estavaAberto = !popup.hidden;
dcFecharTodosOsFiltrosColuna();
if (!estavaAberto) abrir();
});
popup.addEventListener("click", (event) => event.stopPropagation());
searchInput.addEventListener("input", renderItens);
searchInput.addEventListener("keydown", (event) => {
if (event.key !== "Enter") return;
event.preventDefault();
const visiveis = valoresVisiveis();
if (visiveis.length) marcados = new Set(visiveis);
aplicarBtn.click();
});
selectAllInput.addEventListener("change", () => {
const visiveis = valoresVisiveis();
if (selectAllInput.checked) visiveis.forEach((v) => marcados.add(v));
else visiveis.forEach((v) => marcados.delete(v));
renderItens();
});
box.addEventListener("change", (event) => {
const input = event.target.closest("[data-valor-filtro]");
if (!input) return;
const valor = input.getAttribute("data-valor-filtro");
if (input.checked) marcados.add(valor);
else marcados.delete(valor);
renderItens();
});
limparBtn.addEventListener("click", () => {
dcListFiltros[campo] = null;
fechar();
atualizarBotaoAtivo();
dcListPage = 1;
renderList();
});
aplicarBtn.addEventListener("click", () => {
const todos = valoresDistintos();
// Marcar tudo equivale a "sem filtro" — mantém null nesse caso, senão
// um valor novo que apareça depois ficaria de fora até o usuário
// marcá-lo manualmente de novo.
const marcouTudo = todos.length === marcados.size && todos.every((v) => marcados.has(v));
dcListFiltros[campo] = marcouTudo ? null : new Set(marcados);
fechar();
atualizarBotaoAtivo();
dcListPage = 1;
renderList();
});
dcFiltrosColuna.push({ fechar, atualizarBotaoAtivo });
}
["empresa", "competencia", "status", "criado_por"].forEach(dcCriarFiltroColuna);
const dcListResetBtn = document.getElementById("dc-list-reset-btn");
if (dcListResetBtn) {
dcListResetBtn.addEventListener("click", () => {
dcFecharTodosOsFiltrosColuna();
dcListSortKey = "criado_em";
dcListSortDir = -1;
dcListFiltros = { empresa: null, competencia: null, status: null, criado_por: null };
dcFiltrosColuna.forEach((f) => f.atualizarBotaoAtivo());
dcListPage = 1;
renderList();
});
}
document.addEventListener("click", (event) => {
if (!event.target.closest(".dc-col-filter")) dcFecharTodosOsFiltrosColuna();
});
if (dcListPagination) {
dcListPagination.addEventListener("click", (event) => {
if (event.target.closest("#dc-list-prev-btn")) {
dcListPage -= 1;
renderList();
} else if (event.target.closest("#dc-list-next-btn")) {
dcListPage += 1;
renderList();
}
});
}
document.getElementById("dc-list-body").addEventListener("click", async (event) => {
const abrirBtn = event.target.closest("[data-dc-abrir]");
if (abrirBtn) {
if (abrirBtn.disabled) return;
if (!(await dcPodeDescartarTextoPendente())) return;
const rotulo = abrirBtn.textContent;
abrirBtn.disabled = true;
abrirBtn.textContent = "Abrindo…";
try {
await abrirRevisao(Number(abrirBtn.getAttribute("data-dc-abrir")));
} catch (e) {
await pidAlert(e.message, { titulo: "Não foi possível abrir a análise" });
} finally {
abrirBtn.disabled = false;
abrirBtn.textContent = rotulo;
}
return;
}
const excluirBtn = event.target.closest("[data-dc-excluir]");
if (excluirBtn) {
if (!(await pidConfirm("Excluir esta análise? Essa ação não pode ser desfeita.", { perigoso: true }))) return;
// O botão nem aparece numa análise concluída, mas o servidor recusa de
// novo (ver ContabilApuracaoViewSet.perform_destroy) — pode ter sido
// concluída por outra pessoa depois desta lista ter sido carregada, e aí
// o motivo precisa chegar na tela em vez de o clique não fazer nada.
try {
await pidExcluirApuracaoContabil(Number(excluirBtn.getAttribute("data-dc-excluir")));
} catch (e) {
await pidAlert(e.message);
}
try {
await carregarLista();
} catch (e) {
await pidAlert(e.message, { titulo: "Não foi possível atualizar a lista" });
}
return;
}
const reprocessarBtn = event.target.closest("[data-dc-reprocessar-abrir]");
if (reprocessarBtn) {
abrirReprocessarModal(Number(reprocessarBtn.getAttribute("data-dc-reprocessar-abrir")));
}
});
// ---- Reprocessar (anexar outro PDF pra mesma empresa/competência) ----
// Diferente de "Nova Análise" (cria uma apuração do zero), reprocessar
// resincroniza a apuração já existente — o backend (`_contabil_sincroniza_*`
// em views.py) preserva observação/validação de conta/linha sem mudança e
// só reseta validado + marca `alterada_reprocessamento` no que realmente
// mudou; achados nunca são apagados nem têm status/justificativa
// sobrescritos, mesmo os que não disparam mais. Aberto direto da lista
// (não precisa abrir a apuração antes), por isso tem seu próprio `id` em
// vez de depender de `apuracaoAtual`.
const resetReprocessarArquivoField = wireArquivoField("dc-reprocessar-arquivo");
let dcReprocessarApuracaoId = null;
// Log de reprocessamentos anteriores (quem + quando) — pedido explícito do
// usuário, "identificar quem reprocessou e quantos reprocessamentos já
// ocorreu". `dcListaApuracoes` já carrega `reprocessamentos` (ordenado do
// mais recente pro mais antigo, ver Meta.ordering do model) junto do resto
// da lista, então não precisa de uma chamada de API própria — só procurar
// a apuração pelo id.
function renderReprocessarLog(id) {
const secao = document.getElementById("dc-reprocessar-log");
const apuracao = dcListaApuracoes.find((a) => a.id === id);
const reprocessamentos = apuracao ? apuracao.reprocessamentos || [] : [];
secao.hidden = reprocessamentos.length === 0;
if (reprocessamentos.length === 0) return;
document.getElementById("dc-reprocessar-log-count").textContent = reprocessamentos.length;
document.getElementById("dc-reprocessar-log-lista").innerHTML = reprocessamentos
.map(
(r) =>
`
`;
lista.appendChild(card);
});
}
document.getElementById("dc-achados-list").addEventListener("click", (event) => {
const toggleBtn = event.target.closest("[data-dc-achado-toggle-conta]");
if (toggleBtn) {
const id = Number(toggleBtn.getAttribute("data-dc-achado-toggle-conta"));
if (dcAchadosContaExpandida.has(id)) dcAchadosContaExpandida.delete(id);
else dcAchadosContaExpandida.add(id);
renderAchados();
return;
}
const irParaBtn = event.target.closest("[data-dc-achado-ir-para]");
if (irParaBtn) {
const id = Number(irParaBtn.getAttribute("data-dc-achado-ir-para"));
const achado = apuracaoAtual.achados.find((a) => a.id === id);
if (!achado) return;
if (achado.conta != null) dcIrParaLinha("conta", achado.conta);
else if (achado.linha_analise_vertical != null) dcIrParaLinha("av", achado.linha_analise_vertical);
return;
}
const btn = event.target.closest("[data-dc-achado-editar]");
if (!btn) return;
abrirModalAchado(Number(btn.getAttribute("data-dc-achado-editar")));
});
// Reaproveitado tanto pelos chips de severidade quanto pelo clique no
// donut/legenda do resumo (ver renderAchadosResumo) — mesmo efeito de
// clicar o chip correspondente, sem duplicar a lógica de estado+re-render.
function pidDcSelecionarSeveridade(severidade) {
filtroSeveridade = severidade;
document
.querySelectorAll("#dc-achados-severidade-chips .dc-chip")
.forEach((c) => c.classList.toggle("is-active", c.getAttribute("data-dc-severidade") === severidade));
renderAchados();
}
document.querySelectorAll("#dc-achados-severidade-chips [data-dc-severidade]").forEach((chip) => {
chip.addEventListener("click", () => pidDcSelecionarSeveridade(chip.getAttribute("data-dc-severidade")));
});
document.querySelectorAll("#dc-achados-status-chips [data-dc-status]").forEach((chip) => {
chip.addEventListener("click", () => {
filtroStatusAchado = chip.getAttribute("data-dc-status");
document.querySelectorAll("#dc-achados-status-chips .dc-chip").forEach((c) => c.classList.toggle("is-active", c === chip));
renderAchados();
});
});
document.getElementById("dc-regra-filtro-limpar-btn").addEventListener("click", () => {
filtroRegra = null;
renderAchados();
});
// O código da conta (ex. "1.01.01.002.001") já chega do backend na mesma
// ordem hierárquica/sequencial do PDF (uma sintética seguida das suas
// analíticas, ver portal_api/dashboard_contabil/CLAUDE.md) — o nível de
// indentação vem direto da contagem de segmentos separados por ".", sem
// precisar reconstruir uma árvore por id/parent (o mesmo código pode se
// repetir em várias linhas irmãs, ex. três bancos diferentes sob o mesmo
// "1.01.01.002.001", então não dá pra usar o código como chave única).
function dcContaNivel(conta) {
return conta.codigo.split(".").length - 1;
}
// Nível (equivalente ao 3º segmento do código de classificação, ex.
// "1.01.01") a partir do qual o botão "−" do cabeçalho recolhe os grupos —
// a visão compacta, só com os totais de cada nível. Até uma rodada anterior
// este era o estado em que as tabelas **nasciam**; hoje elas abrem com tudo
// expandido (pedido explícito do usuário, ver renderRevisao) e esta
// constante só vale sob demanda. O relatório "Gerar Dashboard" segue com
// seu próprio padrão, server-side e inalterado
// (_CONTABIL_NIVEL_ABERTO_PADRAO em views.py, mesmo valor).
const PID_DC_NIVEL_ABERTO_PADRAO = 2;
function dcColapsoPadrao(itens, nivelFn) {
const niveis = itens.map(nivelFn);
const colapsadas = new Set();
itens.forEach((item, i) => {
const temFilhos = i + 1 < itens.length && niveis[i + 1] > niveis[i];
if (temFilhos && niveis[i] >= PID_DC_NIVEL_ABERTO_PADRAO) colapsadas.add(item.id);
});
return colapsadas;
}
// Destaque inicial (antes de qualquer clique) — pedido explícito do
// usuário depois de notar que folhas genuínas (conta/linha sem filho
// nenhum, ex. "(-) SIMPLES NACIONAL") ficavam de fora do destaque mesmo
// sendo visualmente tão "de baixo" quanto um grupo colapsado por padrão
// no mesmo nível. Usar só `colapsadas` (que só marca linhas que TÊM
// filhos escondidos) deixa de fora exatamente essas folhas, já que elas
// nunca entram nesse conjunto (não têm filho pra esconder).
//
// Critério correto, que cobre os dois casos com a mesma regra: entre as
// linhas realmente visíveis com este `colapsadas`, uma linha entra no
// destaque se a próxima linha visível **não** for mais profunda que ela
// — ou seja, nada foi revelado logo abaixo dela agora, seja porque ela
// está colapsada (filhos escondidos) ou porque é uma folha sem filho.
function dcUltimaLevaVisivel(itens, nivelFn, colapsadas) {
const niveis = itens.map(nivelFn);
const temFilhos = itens.map((_, i) => i + 1 < itens.length && niveis[i + 1] > niveis[i]);
const visiveis = [];
const pilha = [];
itens.forEach((item, i) => {
const nivel = niveis[i];
while (pilha.length && pilha[pilha.length - 1] >= nivel) pilha.pop();
const oculta = pilha.length > 0;
const temFilhoOculto = temFilhos[i] && colapsadas.has(item.id);
if (temFilhoOculto) pilha.push(nivel);
if (!oculta) visiveis.push({ id: item.id, nivel, temFilhoOculto });
});
const destaque = new Set();
visiveis.forEach((visivel, i) => {
const proximo = visiveis[i + 1];
const eraFimDoRamo = !proximo || proximo.nivel <= visivel.nivel;
if (!eraFimDoRamo) return;
// Nível 0 só entra no destaque quando realmente esconde algo (grupo
// colapsado manualmente) — pedido explícito do usuário: uma sequência
// de linhas de resultado irmãs no nível raiz da DRE (ex. "RESULTADO
// ANTES DA CS E IR", "(=) PREJUÍZO LÍQUIDO DO EXERCÍCIO") não é o fim
// de um ramo aninhado, são linhas soltas lado a lado — não deviam
// herdar o destaque pensado pra folha/grupo aninhado.
if (visivel.nivel === 0 && !visivel.temFilhoOculto) return;
destaque.add(visivel.id);
});
return destaque;
}
// Ids das linhas de fato destacadas agora (`.dc-conta-row--destaque`) —
// derivado, nunca editado à mão: sai sempre de dcDestaqueGrupos() abaixo.
let dcContasDestaque = new Set();
let dcDreDestaque = new Set();
let dcAvDestaque = new Set();
// Ids dos grupos que o contador expandiu manualmente e que continuam
// expandidos — entram no conjunto ao expandir, saem ao recolher (junto com
// qualquer descendente do grupo recolhido, que volta a ficar invisível).
// Um conjunto por árvore, já que Balancete/DRE/Análise Vertical são
// independentes.
let dcContasExpandidos = new Set();
let dcDreExpandidos = new Set();
let dcAvExpandidos = new Set();
// Destaque atual de uma árvore. Enquanto o contador não tiver expandido
// nada, vale a leva padrão (dcUltimaLevaVisivel — toda linha que esconde
// algo ou é folha genuína). A partir do primeiro clique de expandir, o
// destaque passa a ser **só** a união dos filhos diretos dos grupos
// expandidos manualmente, e mais nada.
//
// Esse "e mais nada" é o ponto: a leva padrão já marca praticamente toda
// conta de nível ≥ 2 (nascem recolhidas, então toda uma é "fim de ramo"),
// então somar os filhos revelados a ela deixava a tabela inteira destacada
// — com tudo destacado, nada se destaca, que foi exatamente o efeito
// reportado pelo usuário ("os filhos não ficaram em destaque"). Limpando o
// resto, sobra o contraste de sempre; a diferença pro comportamento antigo
// é que agora vários grupos abertos convivem, em vez de o mais recente
// substituir o anterior.
function dcDestaqueGrupos(itens, nivelFn, colapsadas, expandidos) {
if (!expandidos.size) return dcUltimaLevaVisivel(itens, nivelFn, colapsadas);
const destaque = new Set();
expandidos.forEach((id) => {
dcFilhosDiretos(itens, nivelFn, id).forEach((filhoId) => destaque.add(filhoId));
});
return destaque;
}
// Filhos DIRETOS de um item (mesmo próximo nível, não os netos) — usado
// pra saber quais linhas acabaram de ficar visíveis ao expandir `id`.
function dcFilhosDiretos(itens, nivelFn, id) {
const niveis = itens.map(nivelFn);
const idx = itens.findIndex((item) => item.id === id);
const filhos = new Set();
if (idx === -1) return filhos;
const nivelPai = niveis[idx];
for (let j = idx + 1; j < itens.length; j++) {
if (niveis[j] <= nivelPai) break;
if (niveis[j] === nivelPai + 1) filhos.add(itens[j].id);
}
return filhos;
}
// TODOS os descendentes de um item (não só os diretos — filhos, netos,
// bisnetos...) — usado pelo estado tri-state do botão "validado" de uma
// conta/linha sintética (com filhos), ver dcEstadoValidacaoGrupo() logo
// abaixo e o clique em [data-dc-conta-validado]/[data-dc-dre-validado].
// `somenteFolhas` restringe aos descendentes SEM filhos (contas/linhas
// reais, nunca sintéticas) — usado pelo cálculo de "completo" de
// dcEstadoValidacaoGrupo (ver comentário lá) pra ignorar o campo
// `validado` de um descendente sintético intermediário, que nunca é
// marcado sozinho quando só os netos (folhas) são validados um a um.
function dcDescendentes(itens, nivelFn, id, somenteFolhas = false) {
const niveis = itens.map(nivelFn);
const idx = itens.findIndex((item) => item.id === id);
const descendentes = [];
if (idx === -1) return descendentes;
const nivelPai = niveis[idx];
for (let j = idx + 1; j < itens.length; j++) {
if (niveis[j] <= nivelPai) break;
const temFilho = j + 1 < itens.length && niveis[j + 1] > niveis[j];
if (!somenteFolhas || !temFilho) descendentes.push(itens[j]);
}
return descendentes;
}
// Verdadeiro se algum descendente (filho, neto...) de uma conta/linha
// sintética tem observação vigente — usado pra destacar o ícone de
// observação de um grupo recolhido mesmo quando a própria sintética não
// tem observação própria (pedido explícito do usuário: "caso esteja
// recolhida, o usuário consegue visualizar se há ou não observações
// realizadas" nas contas/linhas dentro dela).
function dcTemObservacaoDescendente(tipo, itens, nivelFn, chaveFn, id) {
return dcDescendentes(itens, nivelFn, id).some((item) => dcObservacoesDe(tipo, chaveFn(item)).length > 0);
}
// Estado do botão "validado" de uma conta/linha COM filhos (sintética) —
// pedido explícito do usuário: "nenhum" (cor padrão) quando nem ela nem
// nenhum descendente está validado; "completo" (verde, mesma cor de uma
// folha validada) quando TODO descendente está validado; "parcial"
// (amarelo) em qualquer combinação intermediária — inclui o caso de só a
// própria sintética ter sido marcada (primeiro clique), sinalizando "em
// andamento" até os descendentes acompanharem.
//
// "completo" usa só os descendentes FOLHA (`descendentesFolhas`, sem
// filhos), não todo `descendentes` (que inclui sintéticas intermediárias
// — ex.: uma "mãe" com "filhas" que por sua vez têm "filhos"/netos): o
// campo `validado` de uma sintética intermediária nunca é marcado sozinho
// quando o usuário valida os netos um a um direto (sem clicar na própria
// filha) — usar todo `descendentes` nesse caso fazia a mãe nunca virar
// "completo" mesmo com todos os netos validados, já que a filha
// intermediária ficava com `validado=false` na checagem. `descendentes`
// (todo a árvore) continua valendo pro "parcial" — uma sintética marcada
// sozinha (sem cascatear) ainda deve sinalizar "em andamento" no ancestral.
function dcEstadoValidacaoGrupo(item, descendentes, descendentesFolhas) {
if (descendentesFolhas.length && descendentesFolhas.every((d) => d.validado)) return "completo";
if (item.validado || descendentes.some((d) => d.validado)) return "parcial";
return "nenhum";
}
// Classe/título/aria do botão "validado" de uma linha — folha (`!temFilhosItem`)
// continua o toggle simples de sempre; sintética (com filhos) usa o
// tri-state de dcEstadoValidacaoGrupo (nenhum/parcial/completo).
function dcValidadoInfo(item, itens, nivelFn, temFilhosItem) {
if (!temFilhosItem) {
return {
classe: item.validado ? " dc-conta-validado-btn--validado" : "",
title: item.validado ? "Validada — clique para desmarcar" : "Marcar como validada",
label: item.validado ? "Desmarcar validação" : "Marcar como validada",
pressed: item.validado,
};
}
const estado = dcEstadoValidacaoGrupo(
item,
dcDescendentes(itens, nivelFn, item.id),
dcDescendentes(itens, nivelFn, item.id, true)
);
if (estado === "completo") {
return {
classe: " dc-conta-validado-btn--validado",
title: "Grupo totalmente validado — clique para desmarcar tudo",
label: "Desmarcar validação de todo o grupo",
pressed: true,
};
}
if (estado === "parcial") {
return {
classe: " dc-conta-validado-btn--parcial",
title: "Algumas contas do grupo já validadas — clique para validar todas",
label: "Validar todas as contas do grupo",
pressed: false,
};
}
return { classe: "", title: "Marcar como validada", label: "Marcar como validada", pressed: false };
}
// Clique no botão "validado" de uma conta do Balancete — pedido explícito
// do usuário: numa folha (sem filhos) é só um toggle simples; numa
// sintética (com filhos) o clique se comporta em 3 etapas conforme o
// estado atual do grupo (ver dcEstadoValidacaoGrupo):
// "nenhum" → marca só a própria sintética (passa a "parcial").
// "parcial" → pergunta antes de validar TODAS as contas do grupo de
// uma vez (passa a "completo").
// "completo" → desmarca a própria sintética + todas as contas do grupo,
// sem perguntar (mesmo pedido explícito: "apertar
// novamente desmarca todo o grupo").
// Sempre termina com renderContas() — inclusive no caso simples de folha —
// pra recalcular a cor de qualquer sintética ancestral que dependa deste
// item (o estado dela é derivado dos descendentes a cada render, nunca
// armazenado à parte).
async function dcClicarValidadoConta(id) {
const contas = apuracaoAtual.contas;
const idx = contas.findIndex((c) => c.id === id);
if (idx === -1) return;
const niveis = contas.map(dcContaNivel);
const temFilhosItem = idx + 1 < contas.length && niveis[idx + 1] > niveis[idx];
const conta = contas[idx];
if (!temFilhosItem) {
const atualizada = await pidAtualizarValidadoContaContabil(id, !conta.validado);
contas[idx] = atualizada;
renderContas();
return;
}
const descendentes = dcDescendentes(contas, dcContaNivel, id);
const descendentesFolhas = dcDescendentes(contas, dcContaNivel, id, true);
const estado = dcEstadoValidacaoGrupo(conta, descendentes, descendentesFolhas);
if (estado === "completo") {
const alvos = [conta, ...descendentes].filter((item) => item.validado);
const respostas = await Promise.all(alvos.map((item) => pidAtualizarValidadoContaContabil(item.id, false)));
respostas.forEach((atualizada) => {
const i = contas.findIndex((c) => c.id === atualizada.id);
if (i >= 0) contas[i] = atualizada;
});
renderContas();
return;
}
if (estado === "parcial") {
if (!(await pidConfirm("Deseja validar todas as contas deste grupo?"))) return;
const alvos = [conta, ...descendentes].filter((item) => !item.validado);
const respostas = await Promise.all(alvos.map((item) => pidAtualizarValidadoContaContabil(item.id, true)));
respostas.forEach((atualizada) => {
const i = contas.findIndex((c) => c.id === atualizada.id);
if (i >= 0) contas[i] = atualizada;
});
renderContas();
return;
}
const atualizada = await pidAtualizarValidadoContaContabil(id, true);
contas[idx] = atualizada;
renderContas();
}
// Mesma lógica de dcClicarValidadoConta(), sobre ContabilLinhaDre.
async function dcClicarValidadoLinha(id) {
const linhas = apuracaoAtual.linhas_dre;
const nivelFn = (l) => Math.max(0, l.nivel);
const idx = linhas.findIndex((l) => l.id === id);
if (idx === -1) return;
const niveis = linhas.map(nivelFn);
const temFilhosItem = idx + 1 < linhas.length && niveis[idx + 1] > niveis[idx];
const linha = linhas[idx];
if (!temFilhosItem) {
const atualizada = await pidAtualizarValidadoLinhaDreContabil(id, !linha.validado);
linhas[idx] = atualizada;
renderDre();
return;
}
const descendentes = dcDescendentes(linhas, nivelFn, id);
const descendentesFolhas = dcDescendentes(linhas, nivelFn, id, true);
const estado = dcEstadoValidacaoGrupo(linha, descendentes, descendentesFolhas);
if (estado === "completo") {
const alvos = [linha, ...descendentes].filter((item) => item.validado);
const respostas = await Promise.all(alvos.map((item) => pidAtualizarValidadoLinhaDreContabil(item.id, false)));
respostas.forEach((atualizada) => {
const i = linhas.findIndex((l) => l.id === atualizada.id);
if (i >= 0) linhas[i] = atualizada;
});
renderDre();
return;
}
if (estado === "parcial") {
if (!(await pidConfirm("Deseja validar todas as contas deste grupo?"))) return;
const alvos = [linha, ...descendentes].filter((item) => !item.validado);
const respostas = await Promise.all(alvos.map((item) => pidAtualizarValidadoLinhaDreContabil(item.id, true)));
respostas.forEach((atualizada) => {
const i = linhas.findIndex((l) => l.id === atualizada.id);
if (i >= 0) linhas[i] = atualizada;
});
renderDre();
return;
}
const atualizada = await pidAtualizarValidadoLinhaDreContabil(id, true);
linhas[idx] = atualizada;
renderDre();
}
// Mesma lógica de dcClicarValidadoConta()/dcClicarValidadoLinha(), sobre
// ContabilLinhaAnaliseVertical.
async function dcClicarValidadoAv(id) {
const linhas = apuracaoAtual.linhas_analise_vertical;
const nivelFn = (l) => Math.max(0, l.nivel);
const idx = linhas.findIndex((l) => l.id === id);
if (idx === -1) return;
const niveis = linhas.map(nivelFn);
const temFilhosItem = idx + 1 < linhas.length && niveis[idx + 1] > niveis[idx];
const linha = linhas[idx];
if (!temFilhosItem) {
const atualizada = await pidAtualizarValidadoLinhaAnaliseVerticalContabil(id, !linha.validado);
linhas[idx] = atualizada;
renderAnaliseVertical();
return;
}
const descendentes = dcDescendentes(linhas, nivelFn, id);
const descendentesFolhas = dcDescendentes(linhas, nivelFn, id, true);
const estado = dcEstadoValidacaoGrupo(linha, descendentes, descendentesFolhas);
if (estado === "completo") {
const alvos = [linha, ...descendentes].filter((item) => item.validado);
const respostas = await Promise.all(
alvos.map((item) => pidAtualizarValidadoLinhaAnaliseVerticalContabil(item.id, false))
);
respostas.forEach((atualizada) => {
const i = linhas.findIndex((l) => l.id === atualizada.id);
if (i >= 0) linhas[i] = atualizada;
});
renderAnaliseVertical();
return;
}
if (estado === "parcial") {
if (!(await pidConfirm("Deseja validar todas as contas deste grupo?"))) return;
const alvos = [linha, ...descendentes].filter((item) => !item.validado);
const respostas = await Promise.all(
alvos.map((item) => pidAtualizarValidadoLinhaAnaliseVerticalContabil(item.id, true))
);
respostas.forEach((atualizada) => {
const i = linhas.findIndex((l) => l.id === atualizada.id);
if (i >= 0) linhas[i] = atualizada;
});
renderAnaliseVertical();
return;
}
const atualizada = await pidAtualizarValidadoLinhaAnaliseVerticalContabil(id, true);
linhas[idx] = atualizada;
renderAnaliseVertical();
}
// Conteúdo do botão de observação de uma conta/linha — pedido explícito
// do usuário: a coluna "Observação" ficava poluída visualmente com
// "+ Observação"/o texto da observação em si repetido em toda linha;
// virou sempre o mesmo ícone, só a cor muda
// (`.dc-conta-observacao-btn--preenchida`, ver dashboard-contabil.css) pra
// indicar de relance quais linhas já têm observação, com um contador ao
// lado (ver dcObsBotaoHtml). Clicar não abre um popup — abre o painel de
// observações dentro da própria tabela (`
`),
// pedido explícito do usuário pra não perder o texto por causa de um
// clique fora de um modal.
const PID_DC_OBSERVACAO_ICONE =
'';
// Botão de "validado" (check) ao lado do de observação — pedido explícito
// do usuário, um segundo controle puramente informativo pro contador
// marcar que já conferiu aquela conta/linha durante a revisão (não afeta
// achados/observação/relatório, só o próprio marcador).
const PID_DC_VALIDADO_ICONE =
'';
// Tooltip customizado no visual do Portal (ver `.dc-hover-tooltip` em
// dashboard-contabil.css) — troca o balão nativo do navegador (que mostra
// o `title`, sem estilo nenhum do app) por um `` posicionado via CSS
// puro, pedido explícito do usuário depois de ver o tooltip nativo nos
// badges abaixo. `gatilhoHtml` é o ícone (já pronto, com sua própria
// classe/cor); `texto` vai só no `` do tooltip (nunca em `title`,
// que voltaria a mostrar o balão nativo do navegador em cima do custom).
function pidDcHoverTooltipHtml(gatilhoHtml, gatilhoClasse, texto, classeExtra = "") {
return `${gatilhoHtml}${pidDcEscapeHtml(texto)}`;
}
// Badge de alerta ao lado dos botões de validado/observação — marca uma
// conta/linha que mudou no último reprocessamento (`alterada_reprocessamento`,
// ver `ContabilApuracaoViewSet.reprocessar()`/`_contabil_sincroniza_*` em
// views.py). Puramente informativo (não clicável) — permanece visível
// mesmo depois do contador marcar a conta/linha como validada de novo
// (pedido explícito do usuário: precisa dar pra identificar depois quais
// itens já foram reprocessados E revalidados, não só sumir o aviso), só
// muda de cor (`--danger` enquanto pendente, verde quando já validado) —
// some de vez só num próximo reprocessamento sem essa mudança específica.
const PID_DC_ALTERADA_ICONE =
'';
// `valorAnteriorTexto` (já formatado pelo chamador — pidDcFormatMoeda() pra
// Balancete/DRE, pidDcValorAnteriorAvTexto() pra Análise Vertical) some no
// tooltip pra visualização rápida no hover, sem precisar abrir a apuração
// anterior — pedido explícito do usuário. `null` quando o backend não tem
// o valor anterior salvo (conta/linha nova, sem "antes" pra comparar).
function pidDcAlteradaBadgeHtml(alterada, validado, valorAnteriorTexto) {
if (!alterada) return "";
const classe = validado ? "dc-conta-alterada-badge dc-conta-alterada-badge--validada" : "dc-conta-alterada-badge";
const situacao = validado
? "Esta conta/linha mudou no último reprocessamento e já foi revalidada."
: "Esta conta/linha mudou no último reprocessamento e voltou a ficar não validada.";
const texto = valorAnteriorTexto ? `${situacao}\nValor antes do reprocessamento: ${valorAnteriorTexto}` : situacao;
return pidDcHoverTooltipHtml(PID_DC_ALTERADA_ICONE, classe, texto);
}
// Só usado pela Análise Vertical (Balancete/DRE têm um valor único —
// formatam com pidDcFormatMoeda() direto no chamador) — junta o valor
// antes do reprocessamento de cada mês (mesmo alinhamento posicional de
// ContabilApuracao.analise_vertical_meses/linha.valores, ver o model) numa
// linha por mês, uma por `\n` (o atributo `title` já quebra linha nisso).
function pidDcValorAnteriorAvTexto(linha) {
const anteriores = linha.valores_anterior_reprocessamento;
if (!anteriores || !anteriores.length) return null;
const meses = apuracaoAtual.analise_vertical_meses || [];
return anteriores
.map((v, i) => `${pidDcFormatMesAnaliseVertical(meses[i])}: ${pidDcFormatMoeda(v.valor)} (${pidDcFormatPercentualAnaliseVertical(v.percentual)})`)
.join("\n");
}
// Aviso de "fonte de PDF atípica" (ContabilApuracao.fonte_pdf_atipica,
// detectado em parser.py — ver _normaliza_titulo()/fonte_pdf_atipica) ao
// lado do nome da empresa, tanto na lista quanto no cabeçalho da revisão.
// Puramente informativo: avisa que esse PDF específico usa uma fonte
// diferente da do relatório de referência, o que já causou palavras
// grudadas em algumas descrições de conta em pelo menos um caso real
// (confirmado contra `1751 - Balancete 07.2026.pdf`) — não há correção
// automática segura pra isso (ver CLAUDE.md do pacote), então o jeito é
// avisar o contador pra conferir com atenção os nomes de conta dessa
// apuração específica.
const PID_DC_FONTE_ATIPICA_ICONE =
'';
function pidDcFontePdfAtipicaBadgeHtml(fontePdfAtipica) {
if (!fontePdfAtipica) return "";
const texto =
"Este relatório foi gerado a partir de um modelo de PDF diferente do padrão — pequenos erros de nomenclatura podem ocorrer em algumas contas/linhas devido à fonte usada neste documento. Vale conferir os nomes com atenção.";
return pidDcHoverTooltipHtml(PID_DC_FONTE_ATIPICA_ICONE, "dc-fonte-atipica-badge", texto);
}
// ---- Observações: histórico por empresa+conta (ContabilObservacao) ----
// A observação deixou de ser um campo da linha e virou uma thread por
// conta/linha que atravessa competências: o que o contador escreveu em
// 07/2026 continua aparecendo em 08/2026, assinado e travado pra edição,
// até ele encerrar ("ocultar das próximas execuções"). Por isso nada aqui
// é casado por id de linha — a linha é recriada a cada apuração, a
// observação não; o vínculo é a chave natural (`alvo_tipo`+`alvo_chave`),
// as mesmas usadas pelo reprocessamento em `_contabil_sincroniza_*`.
// Qual linha está com o painel de observações aberto, por tabela (no
// máximo uma por tabela, mesmo espírito dos antigos dcContaObsEditId/
// dcDreObsEditId/dcAvObsEditId que este objeto substituiu).
// `variacao` é o painel aberto dentro de um card da lista "Variações
// atípicas" (fim da aba Análise Vertical): mesma observação da linha da
// Análise Vertical, só exibida em outro lugar — por isso abrir um fecha o
// outro (ver dcTrataCliqueObservacao), senão a mesma thread existiria duas
// vezes na tela com os mesmos ids de campo.
let dcObsPainelAberto = { conta: null, dre: null, analise_vertical: null, variacao: null };
// Observação (id) em edição inline dentro do painel — só uma por vez, e só
// enquanto ela for da competência aberta (histórica nunca é editável).
let dcObsEditandoId = null;
// ---- Rascunhos de observação (texto digitado e ainda não salvo) ----
// Expandir/recolher um grupo, trocar o filtro, usar o olho, encerrar ou
// validar redesenham a tabela inteira por `innerHTML`, e o `
`
: `
${pidDcEscapeHtml(obs.texto)}
`;
return `
${assinatura}${selos.join("")}${acoes.join("")}
${corpo}
`;
}
// Modal "Histórico de edições" — só existe pra observações com `editada`
// (ver `ContabilObservacaoEdicao` no backend). `obs.edicoes` já vem
// carregado junto da observação (`ContabilObservacaoSerializer`), então
// não faz nenhuma chamada de API própria.
function pidDcAbrirHistoricoObservacao(obs) {
const edicoes = [...(obs.edicoes || [])].sort((a, b) => new Date(b.editado_em) - new Date(a.editado_em));
const lista = edicoes
.map(
(edicao) => `
` extra logo abaixo da conta/linha (mesma `.dc-obs-edit-row` de
// antes): a thread do histórico em cima, o campo de observação nova
// embaixo. Uma observação nunca é sobrescrita — escrever de novo cria mais
// um item na thread.
function dcObsPainelHtml(tipo, alvoId, observacoes, colspan, concluida) {
return `
`;
}
// `escopo` separa os ids dos campos e a chave de dcObsPainelAberto quando
// a mesma thread é aberta fora da tabela (card de variação: escopo
// "variacao"); `tipo` continua sendo o alvo_tipo enviado à API.
function dcObsPainelConteudoHtml(tipo, alvoId, observacoes, concluida, escopo = tipo) {
const thread = observacoes.length
? observacoes.map((obs) => dcObsItemHtml(obs, concluida)).join("")
: '
Nenhuma observação registrada até agora.
';
const nova = concluida
? ""
: `
`;
const rodape = concluida
? '
Análise concluída, histórico somente leitura.
'
: "";
return `
${thread}
${nova}${rodape}
`;
}
// Handler único das ações de observação, compartilhado pelos três `tbody`
// (Balancete/DRE/Análise Vertical) — devolve `true` quando tratou o clique,
// pra cada listener de tabela continuar cuidando só do que é dele
// (expandir/recolher, validado).
async function dcTrataCliqueObservacao(event, tipo) {
const abrirBtn = event.target.closest("[data-dc-obs-abrir]");
if (abrirBtn) {
const [tipoBtn, idTexto] = abrirBtn.getAttribute("data-dc-obs-abrir").split(":");
const id = Number(idTexto);
// Fecha o painel deste escopo (o mesmo, se for clique de fechar, ou o
// que estava aberto em outra linha) e o do escopo irmão
// (variação x Análise Vertical): pergunta antes se algum tinha texto.
const irmao = tipoBtn === "variacao" ? "analise_vertical" : tipoBtn === "analise_vertical" ? "variacao" : null;
if (!(await dcConfirmaDescartarPaineis(irmao ? [tipoBtn, irmao] : [tipoBtn], true))) return true;
dcObsPainelAberto[tipoBtn] = dcObsPainelAberto[tipoBtn] === id ? null : id;
if (tipoBtn === "variacao") dcObsPainelAberto.analise_vertical = null;
if (tipoBtn === "analise_vertical") dcObsPainelAberto.variacao = null;
dcObsEditandoId = null;
dcRenderTabelaDoTipo(tipo);
return true;
}
const fecharBtn = event.target.closest("[data-dc-obs-fechar]");
if (fecharBtn) {
const escopoFechar = fecharBtn.getAttribute("data-dc-obs-fechar");
if (!(await dcConfirmaDescartarPaineis([escopoFechar], true))) return true;
dcObsPainelAberto[escopoFechar] = null;
dcObsEditandoId = null;
dcRenderTabelaDoTipo(tipo);
return true;
}
const criarBtn = event.target.closest("[data-dc-obs-criar]");
if (criarBtn) {
const [alvoTipo, idTexto, escopoTexto] = criarBtn.getAttribute("data-dc-obs-criar").split(":");
const alvoId = Number(idTexto);
const escopo = escopoTexto || alvoTipo;
const erroEl = document.getElementById(`dc-obs-nova-erro-${escopo}-${alvoId}`);
const texto = document.getElementById(`dc-obs-nova-texto-${escopo}-${alvoId}`).value.trim();
const mostrar = document.getElementById(`dc-obs-nova-mostrar-${escopo}-${alvoId}`).checked;
erroEl.textContent = "";
if (!texto) {
erroEl.textContent = "Escreva a observação antes de salvar.";
return true;
}
if (criarBtn.disabled) return true;
const rotuloCriar = criarBtn.textContent;
criarBtn.disabled = true;
criarBtn.textContent = "Salvando…";
try {
await pidCriarObservacaoContabil(apuracaoAtual.id, alvoTipo, alvoId, texto, mostrar);
dcObsRascunhos.delete(dcRascunhoNovaChave(escopo, alvoId));
await dcCarregarObservacoes();
dcRenderObservacoesTudo();
} catch (e) {
erroEl.textContent = e.message;
criarBtn.disabled = false;
criarBtn.textContent = rotuloCriar;
}
return true;
}
const historicoBtn = event.target.closest("[data-dc-obs-historico]");
if (historicoBtn) {
const id = Number(historicoBtn.getAttribute("data-dc-obs-historico"));
const obs = dcObservacoes.find((o) => o.id === id);
if (obs) pidDcAbrirHistoricoObservacao(obs);
return true;
}
const editarBtn = event.target.closest("[data-dc-obs-editar]");
if (editarBtn) {
// Só uma edição inline por vez: trocar de observação descarta a outra.
if (!(await dcConfirmaDescartarPaineis([], true))) return true;
dcObsEditandoId = Number(editarBtn.getAttribute("data-dc-obs-editar"));
dcRenderTabelaDoTipo(tipo);
return true;
}
const editCancelarBtn = event.target.closest("[data-dc-obs-edit-cancelar]");
if (editCancelarBtn) {
if (!(await dcConfirmaDescartarPaineis([], true))) return true;
dcObsEditandoId = null;
dcRenderTabelaDoTipo(tipo);
return true;
}
const editSalvarBtn = event.target.closest("[data-dc-obs-edit-salvar]");
if (editSalvarBtn) {
const id = Number(editSalvarBtn.getAttribute("data-dc-obs-edit-salvar"));
const erroEl = document.getElementById(`dc-obs-edit-erro-${id}`);
const texto = document.getElementById(`dc-obs-edit-texto-${id}`).value.trim();
erroEl.textContent = "";
if (!texto) {
erroEl.textContent = "A observação não pode ficar vazia. Oculte-a se não quiser mais exibi-la nas próximas competências.";
return true;
}
if (editSalvarBtn.disabled) return true;
const rotuloSalvar = editSalvarBtn.textContent;
editSalvarBtn.disabled = true;
editSalvarBtn.textContent = "Salvando…";
try {
await pidAtualizarObservacaoContabil(id, { texto });
dcObsRascunhos.delete(dcRascunhoEditChave(id));
dcObsEditandoId = null;
await dcCarregarObservacoes();
dcRenderObservacoesTudo();
} catch (e) {
erroEl.textContent = e.message;
editSalvarBtn.disabled = false;
editSalvarBtn.textContent = rotuloSalvar;
}
return true;
}
const encerrarBtn = event.target.closest("[data-dc-obs-encerrar]");
if (encerrarBtn) {
const id = Number(encerrarBtn.getAttribute("data-dc-obs-encerrar"));
const ok = await pidConfirm(
"Ocultar esta observação das próximas competências? Ela continua registrada aqui e no histórico desta análise."
);
if (!ok) return true;
try {
await pidEncerrarObservacaoContabil(id, apuracaoAtual.id);
await dcCarregarObservacoes();
dcRenderObservacoesTudo();
} catch (e) {
await pidAlert(e.message);
}
return true;
}
const reativarBtn = event.target.closest("[data-dc-obs-reativar]");
if (reativarBtn) {
const id = Number(reativarBtn.getAttribute("data-dc-obs-reativar"));
try {
await pidReativarObservacaoContabil(id, apuracaoAtual.id);
await dcCarregarObservacoes();
dcRenderObservacoesTudo();
} catch (e) {
await pidAlert(e.message);
}
return true;
}
// Excluir de verdade — só aparece pra quem criou a observação e só
// enquanto a apuração ainda está em revisão (ver dcObsItemHtml()/
// dcObsResumoItemHtml(), que já escondem o botão fora dessas condições;
// o servidor confere as duas de novo, então isso aqui é só UX).
const excluirBtn = event.target.closest("[data-dc-obs-excluir]");
if (excluirBtn) {
const id = Number(excluirBtn.getAttribute("data-dc-obs-excluir"));
const ok = await pidConfirm("Excluir esta observação? Essa ação não pode ser desfeita.", { perigoso: true });
if (!ok) return true;
try {
await pidExcluirObservacaoContabil(id);
await dcCarregarObservacoes();
dcRenderObservacoesTudo();
} catch (e) {
await pidAlert(e.message);
}
return true;
}
const visibilidadeBtn = event.target.closest("[data-dc-obs-visibilidade]");
if (visibilidadeBtn) {
if (visibilidadeBtn.disabled) return true;
const id = Number(visibilidadeBtn.getAttribute("data-dc-obs-visibilidade"));
const obs = dcObservacoes.find((o) => o.id === id);
visibilidadeBtn.disabled = true;
try {
await pidAtualizarObservacaoContabil(id, { mostrar_ao_cliente: !obs.mostrar_ao_cliente });
await dcCarregarObservacoes();
dcRenderObservacoesTudo();
} catch (e) {
visibilidadeBtn.disabled = false;
await pidAlert(e.message);
}
return true;
}
return false;
}
// Os chips "Todas / Visíveis ao cliente / Internas" existem em quatro
// lugares (resumo de cada aba + lista consolidada da aba "Dashboard") e
// compartilham a mesma variável — filtrar numa aba filtra em todas, que é o
// comportamento esperado de um filtro de visibilidade global.
document.querySelectorAll("[data-dc-obs-filtros]").forEach((grupo) => {
grupo.addEventListener("click", (event) => {
const btn = event.target.closest("[data-dc-obs-filtro]");
if (!btn) return;
dcObsFiltro = btn.getAttribute("data-dc-obs-filtro");
document.querySelectorAll("[data-dc-obs-filtro]").forEach((chip) => {
chip.classList.toggle("is-active", chip.getAttribute("data-dc-obs-filtro") === dcObsFiltro);
});
if (apuracaoAtual) dcRenderObservacoesTudo();
});
});
function renderContas() {
const body = document.getElementById("dc-contas-body");
body.innerHTML = "";
const concluida = apuracaoAtual.status === "concluida";
const contas = apuracaoAtual.contas;
const niveis = contas.map(dcContaNivel);
const temFilhos = contas.map((_, i) => i + 1 < contas.length && niveis[i + 1] > niveis[i]);
// Pilha dos níveis de ancestrais recolhidos — enquanto uma linha tiver
// algum ancestral na pilha, ela fica oculta (é descendente de um grupo
// fechado), mesmo padrão de renderização de árvore a partir de uma
// lista plana com profundidade já conhecida.
const pilhaColapso = [];
contas.forEach((conta, i) => {
const nivel = niveis[i];
while (pilhaColapso.length && pilhaColapso[pilhaColapso.length - 1] >= nivel) {
pilhaColapso.pop();
}
const oculta = pilhaColapso.length > 0;
if (temFilhos[i] && dcContasColapsadas.has(conta.id)) {
pilhaColapso.push(nivel);
}
if (oculta) return;
const expandida = !dcContasColapsadas.has(conta.id);
const toggle = temFilhos[i]
? ``
: ``;
const validadoInfo = dcValidadoInfo(conta, contas, dcContaNivel, temFilhos[i]);
const observacoesDaConta = dcObservacoesDe("conta", dcChaveObsConta(conta));
const temObsDescendente =
temFilhos[i] && dcTemObservacaoDescendente("conta", contas, dcContaNivel, dcChaveObsConta, conta.id);
const tr = document.createElement("tr");
tr.setAttribute("data-dc-conta-row-id", conta.id);
if (conta.tipo === "S") tr.classList.add("dc-conta-row--sintetica");
if (dcContasDestaque.has(conta.id)) tr.classList.add("dc-conta-row--destaque");
if (dcFocoLinha && dcFocoLinha.tipo === "conta" && dcFocoLinha.id === conta.id) tr.classList.add("dc-conta-row--foco");
tr.innerHTML = `
`;
body.appendChild(tr);
if (dcObsPainelAberto.analise_vertical === linha.id) {
const editRow = document.createElement("tr");
editRow.className = "dc-obs-edit-row";
editRow.innerHTML = dcObsPainelHtml("analise_vertical", linha.id, observacoesDaLinha, colspan, concluida);
body.appendChild(editRow);
}
});
dcAtualizaBotaoArvore("analise-vertical", dcAvColapsadas, "da Análise Vertical");
renderAnaliseVerticalObsResumo();
renderVariacoesAnaliseVertical();
// Depois da lista de variações: o painel do card (escopo "variacao")
// também é recriado por ela.
dcRestauraRascunhosObs();
}
// Ícone de variação atípica na linha da Análise Vertical (pedido explícito
// do usuário): sinaliza na própria tabela que a linha teve variação
// relevante. No hover mostra a mensagem da variação, o status e as
// observações da linha; no clique leva ao card da variação no fim da aba,
// já com a thread de observação aberta (dcIrParaVariacao). Dourado enquanto
// pendente, teal depois de validada (mesma cor do "validado").
const PID_DC_VARIACAO_ICONE =
'';
function dcVariacaoIconeHtml(achado, observacoes) {
if (!achado) return "";
const validado = achado.status === "tratado";
const partes = [
`${achado.titulo} (${validado ? "validada" : "pendente"})`,
achado.mensagem,
];
if (validado && achado.tratado_por_nome) {
partes.push(`Validada por ${achado.tratado_por_nome} em ${pidDcFormatData(achado.tratado_em)}.`);
}
if (observacoes.length) {
partes.push(`\nObservações (${observacoes.length}):`);
observacoes.slice(0, 3).forEach((obs) => {
const texto = obs.texto.length > 160 ? `${obs.texto.slice(0, 157)}…` : obs.texto;
partes.push(`• ${obs.criado_por_nome || "Usuário removido"}, ${pidDcFormatData(obs.criado_em)}: ${texto}`);
});
if (observacoes.length > 3) partes.push(`… e mais ${observacoes.length - 3}.`);
} else {
partes.push("\nNenhuma observação registrada.");
}
partes.push(validado ? "\nClique para ver ou comentar." : "\nClique para validar e comentar.");
const botao = ``;
return pidDcHoverTooltipHtml(botao, "", partes.join("\n"), "dc-hover-tooltip--largo");
}
// Card da variação que acabou de receber o clique do ícone — destacado por
// um pulso curto, mesmo espírito de dcFocoLinha nas tabelas.
let dcVariacaoFoco = null;
async function dcIrParaVariacao(linhaId) {
// Fecha o painel da linha na tabela e, se for de outra linha, o do card
// de variação que estava aberto: pergunta antes se algum tinha texto.
const fechando = dcObsPainelAberto.variacao === linhaId ? ["analise_vertical"] : ["analise_vertical", "variacao"];
if (!(await dcConfirmaDescartarPaineis(fechando, true))) return;
dcObsPainelAberto.variacao = linhaId;
dcObsPainelAberto.analise_vertical = null;
dcObsEditandoId = null;
dcVariacaoFoco = linhaId;
renderAnaliseVertical();
requestAnimationFrame(() => {
const card = document.querySelector(`[data-dc-variacao-linha="${linhaId}"]`);
if (card) card.scrollIntoView({ behavior: "smooth", block: "center" });
});
setTimeout(() => {
if (dcVariacaoFoco !== linhaId) return;
dcVariacaoFoco = null;
const card = document.querySelector(`[data-dc-variacao-linha="${linhaId}"]`);
if (card) card.classList.remove("dc-variacao--foco");
}, 2400);
}
// Botão "Validar" de uma variação atípica: trata o apontamento sem texto
// (o texto é a observação da linha), clicar de novo volta a "pendente".
function dcValidarVariacaoBtnHtml(achado) {
const validado = achado.status === "tratado";
const concluida = apuracaoAtual.status === "concluida";
const rotulo = validado ? "✓ Validado" : "Validar";
const titulo = validado ? "Clique para voltar a pendente" : "Confirmar que esta variação foi validada";
return ``;
}
async function dcAlternarValidacaoVariacao(id, botao) {
const achado = apuracaoAtual.achados.find((a) => a.id === id);
if (!achado || botao.disabled) return;
botao.disabled = true;
try {
const atualizado = await pidValidarAchadoContabil(id, achado.status !== "tratado");
const indice = apuracaoAtual.achados.findIndex((a) => a.id === id);
apuracaoAtual.achados[indice] = atualizado;
// A tabela inteira, não só a lista: o ícone de variação da linha muda
// de cor junto (renderAnaliseVertical já redesenha a lista no fim).
renderAnaliseVertical();
// Card "Análise Vertical" e aviso da aba Observações mostram quantas
// variações ainda estão pendentes.
renderAchados();
await carregarLista();
} catch (e) {
botao.disabled = false;
await pidAlert(e.message);
}
}
// Lista "Variação atípica na DRE - Análise Vertical" no fim da aba (pedido
// explícito do usuário): um card por apontamento de variacao_atipica_dre,
// com a observação da própria linha (mesma thread da tabela, escopo
// "variacao") e o botão de validar.
function renderVariacoesAnaliseVertical() {
const lista = document.getElementById("dc-av-variacoes-list");
const vazio = document.getElementById("dc-av-variacoes-empty");
const variacoes = (apuracaoAtual.achados || []).filter((a) => a.regra === "variacao_atipica_dre");
const concluida = apuracaoAtual.status === "concluida";
document.getElementById("dc-av-variacoes-count").textContent = variacoes.length;
vazio.hidden = variacoes.length > 0;
lista.innerHTML = variacoes
.map((achado) => {
const linhaId = achado.linha_analise_vertical;
const linha = linhaId != null ? (apuracaoAtual.linhas_analise_vertical || []).find((l) => l.id === linhaId) : null;
const observacoes = linha ? dcObservacoesDe("analise_vertical", dcChaveObsLinha(linha)) : [];
const painelAberto = linha && dcObsPainelAberto.variacao === linhaId;
const validadoPor =
achado.status === "tratado" && achado.tratado_por_nome
? `
Validado por ${pidDcEscapeHtml(achado.tratado_por_nome)} em ${pidDcFormatData(achado.tratado_em)}
`;
})
.join("");
}
document.getElementById("dc-av-variacoes-list").addEventListener("click", async (event) => {
const validarBtn = event.target.closest("[data-dc-variacao-validar]");
if (validarBtn) {
await dcAlternarValidacaoVariacao(Number(validarBtn.getAttribute("data-dc-variacao-validar")), validarBtn);
return;
}
const irParaBtn = event.target.closest("[data-dc-achado-ir-para]");
if (irParaBtn) {
const achado = apuracaoAtual.achados.find((a) => a.id === Number(irParaBtn.getAttribute("data-dc-achado-ir-para")));
if (achado && achado.linha_analise_vertical != null) dcIrParaLinha("av", achado.linha_analise_vertical);
return;
}
await dcTrataCliqueObservacao(event, "analise_vertical");
});
document.getElementById("dc-av-body").addEventListener("click", async (event) => {
const variacaoBtn = event.target.closest("[data-dc-av-variacao]");
if (variacaoBtn) {
await dcIrParaVariacao(Number(variacaoBtn.getAttribute("data-dc-av-variacao")));
return;
}
const toggleBtn = event.target.closest("[data-dc-av-toggle]");
if (toggleBtn) {
const id = Number(toggleBtn.getAttribute("data-dc-av-toggle"));
const estavaColapsada = dcAvColapsadas.has(id);
const nivelFn = (linha) => Math.max(0, linha.nivel);
if (estavaColapsada) {
dcAvColapsadas.delete(id);
dcAvExpandidos.add(id);
} else {
dcAvColapsadas.add(id);
dcAvExpandidos.delete(id);
dcDescendentes(apuracaoAtual.linhas_analise_vertical, nivelFn, id).forEach((d) => dcAvExpandidos.delete(d.id));
}
dcAvDestaque = dcDestaqueGrupos(
apuracaoAtual.linhas_analise_vertical,
nivelFn,
dcAvColapsadas,
dcAvExpandidos
);
renderAnaliseVertical();
return;
}
const validadoBtn = event.target.closest("[data-dc-av-validado]");
if (validadoBtn) {
if (validadoBtn.disabled) return;
const id = Number(validadoBtn.getAttribute("data-dc-av-validado"));
validadoBtn.disabled = true;
try {
await dcClicarValidadoAv(id);
} catch (e) {
await pidAlert(e.message);
} finally {
validadoBtn.disabled = false;
}
return;
}
await dcTrataCliqueObservacao(event, "analise_vertical");
});
// ---- "Ver na tabela" (botão dos cards de achado) ----
//
// Cada achado automático que referencia uma conta do Balancete ou uma
// linha da Análise Vertical (ver ContabilAchadoSerializer) ganha um botão
// que troca de aba, garante que a linha esteja visível (abrindo só os
// ancestrais dela, não a árvore inteira) e aplica um destaque temporário
// (.dc-conta-row--foco, ver dashboard-contabil.css) — pedido explícito do
// usuário: contas que aparecem em mais de um centro de custo/grupo eram
// difíceis de localizar manualmente na tabela a partir só da descrição no
// card do achado.
//
// dcFocoLinha é sempre derivado/temporário (mesmo espírito de
// dcContasDestaque) — nunca mais de uma linha em foco por vez, mesmo entre
// tabelas diferentes, e o próprio botão sempre reinicia o timeout.
let dcFocoLinha = null; // { tipo: "conta" | "av", id }
let dcFocoTimeoutId = null;
const DC_IR_PARA_CONFIG = {
conta: {
tab: "balancete",
itens: () => apuracaoAtual.contas,
nivelFn: dcContaNivel,
colapsadas: () => dcContasColapsadas,
render: () => renderContas(),
seletorLinha: (id) => `#dc-contas-body tr[data-dc-conta-row-id="${id}"]`,
},
av: {
tab: "analise-vertical",
itens: () => apuracaoAtual.linhas_analise_vertical,
nivelFn: (linha) => Math.max(0, linha.nivel),
colapsadas: () => dcAvColapsadas,
render: () => renderAnaliseVertical(),
seletorLinha: (id) => `#dc-av-body tr[data-dc-av-row-id="${id}"]`,
},
};
// Ids dos ancestrais (não a linha em si) de `itens[idx]`, pela mesma pilha
// de níveis usada em toda a árvore desta tela — precisa só abrir quem
// esconde a linha alvo, não a árvore inteira (diferente do botão "+").
function dcAncestraisIds(itens, nivelFn, idx) {
const niveis = itens.map(nivelFn);
const pilha = [];
for (let i = 0; i < idx; i++) {
const nivel = niveis[i];
while (pilha.length && pilha[pilha.length - 1].nivel >= nivel) pilha.pop();
pilha.push({ nivel, id: itens[i].id });
}
while (pilha.length && pilha[pilha.length - 1].nivel >= niveis[idx]) pilha.pop();
return pilha.map((p) => p.id);
}
function dcIrParaLinha(tipo, id) {
const config = DC_IR_PARA_CONFIG[tipo];
if (!config) return;
const itens = config.itens();
const idx = itens.findIndex((item) => item.id === id);
if (idx === -1) return;
dcAncestraisIds(itens, config.nivelFn, idx).forEach((ancestralId) => config.colapsadas().delete(ancestralId));
clearTimeout(dcFocoTimeoutId);
dcFocoLinha = { tipo, id };
config.render();
const tabBtn = document.querySelector(`#dc-tabs [data-dc-tab="${config.tab}"]`);
if (tabBtn) tabBtn.click();
requestAnimationFrame(() => {
document.querySelector(config.seletorLinha(id))?.scrollIntoView({ behavior: "smooth", block: "center" });
});
dcFocoTimeoutId = setTimeout(() => {
dcFocoLinha = null;
config.render();
}, 2400);
}
// ---- Tabs ----
document.getElementById("dc-tabs").addEventListener("click", async (event) => {
const tabBtn = event.target.closest("[data-dc-tab]");
if (!tabBtn) return;
const tab = tabBtn.getAttribute("data-dc-tab");
document.querySelectorAll("#dc-tabs .pa-tab").forEach((t) => t.classList.toggle("is-active", t === tabBtn));
document.querySelectorAll("[data-dc-panel]").forEach((panel) => {
panel.hidden = panel.getAttribute("data-dc-panel") !== tab;
});
if (tab === "dashboard") {
try {
await renderDashboardTab();
} catch (e) {
await pidAlert(e.message, { titulo: "Não foi possível carregar os indicadores" });
}
}
});
// ---- Cabeçalho: toggle da árvore e "Restaurar formatação padrão" ----
// Dois botões por tabela, em pontas opostas da linha de cabeçalho. O padrão
// de abertura é a árvore **inteira expandida** (ver renderRevisao), e o botão
// da primeira coluna é um **toggle** entre esse padrão e a visão compacta de
// dcColapsoPadrao() (só os totais de cada nível):
//
// - Mostra "−" e recolhe, enquanto nada estiver recolhido.
// - Mostra "+" e volta ao padrão (tudo aberto), assim que houver qualquer
// grupo recolhido.
//
// A face do botão é **derivada** de `colapsadas.size` a cada render (ver
// dcAtualizaBotaoArvore), não de um flag próprio — assim ela continua certa
// mesmo quando o contador recolhe/expande uma conta pelo toggle da linha, sem
// passar por aqui. O botão de restaurar, na coluna "Observação", faz o mesmo
// que o "+" (volta ao padrão); ficou redundante quando este virou toggle, e
// foi mantido de propósito — é a "borracha" que o usuário já conhece das
// outras telas do Portal.
//
// Cada árvore (Balancete/DRE/Análise Vertical) tem o seu par, porque cada uma
// tem seu próprio estado de colapso/destaque.
//
// Os dois zeram `dc*Expandidos` junto (não populam com todos os grupos): com
// o conjunto vazio o destaque volta a sair de dcUltimaLevaVisivel(), que
// marca a última leva visível de cada ramo — as folhas, quando nada está
// recolhido. Popular `dc*Expandidos` destacaria quase toda linha da tabela, o
// que na prática é o mesmo que não destacar nada (ver dcDestaqueGrupos acima).
function dcAtualizaBotaoArvore(chave, colapsadas, nomeTabela) {
const btn = document.querySelector(`[data-dc-recolher-grupos="${chave}"]`);
if (!btn) return;
const temGrupoRecolhido = colapsadas.size > 0;
btn.innerHTML = temGrupoRecolhido ? PID_DC_ICON_EXPANDIR_ARVORE : PID_DC_ICON_RECOLHER_ARVORE;
btn.setAttribute(
"data-dc-dica",
temGrupoRecolhido
? "Expandir todos os níveis (padrão desta tela)"
: "Recolher os grupos (mostrar só os totais de cada nível)"
);
btn.setAttribute(
"aria-label",
temGrupoRecolhido ? `Expandir todos os níveis ${nomeTabela}` : `Recolher os grupos ${nomeTabela}`
);
}
document.getElementById("dc-contas-thead").addEventListener("click", (event) => {
if (event.target.closest("[data-dc-recolher-grupos]")) {
dcContasColapsadas = dcContasColapsadas.size
? new Set()
: dcColapsoPadrao(apuracaoAtual.contas, dcContaNivel);
dcContasExpandidos = new Set();
dcContasDestaque = dcUltimaLevaVisivel(apuracaoAtual.contas, dcContaNivel, dcContasColapsadas);
renderContas();
return;
}
if (!event.target.closest("[data-dc-reset-formatacao]")) return;
dcContasColapsadas = new Set();
dcContasExpandidos = new Set();
dcContasDestaque = dcUltimaLevaVisivel(apuracaoAtual.contas, dcContaNivel, dcContasColapsadas);
renderContas();
});
document.getElementById("dc-dre-thead").addEventListener("click", (event) => {
const nivelFn = (linha) => Math.max(0, linha.nivel);
if (event.target.closest("[data-dc-recolher-grupos]")) {
dcDreColapsadas = dcDreColapsadas.size ? new Set() : dcColapsoPadrao(apuracaoAtual.linhas_dre, nivelFn);
dcDreExpandidos = new Set();
dcDreDestaque = dcUltimaLevaVisivel(apuracaoAtual.linhas_dre, nivelFn, dcDreColapsadas);
renderDre();
return;
}
if (!event.target.closest("[data-dc-reset-formatacao]")) return;
dcDreColapsadas = new Set();
dcDreExpandidos = new Set();
dcDreDestaque = dcUltimaLevaVisivel(apuracaoAtual.linhas_dre, nivelFn, dcDreColapsadas);
renderDre();
});
document.getElementById("dc-av-thead").addEventListener("click", (event) => {
const nivelFn = (linha) => Math.max(0, linha.nivel);
if (event.target.closest("[data-dc-recolher-grupos]")) {
dcAvColapsadas = dcAvColapsadas.size
? new Set()
: dcColapsoPadrao(apuracaoAtual.linhas_analise_vertical, nivelFn);
dcAvExpandidos = new Set();
dcAvDestaque = dcUltimaLevaVisivel(apuracaoAtual.linhas_analise_vertical, nivelFn, dcAvColapsadas);
renderAnaliseVertical();
return;
}
if (!event.target.closest("[data-dc-reset-formatacao]")) return;
dcAvColapsadas = new Set();
dcAvExpandidos = new Set();
dcAvDestaque = dcUltimaLevaVisivel(apuracaoAtual.linhas_analise_vertical, nivelFn, dcAvColapsadas);
renderAnaliseVertical();
});
// ---- Resumo do Fechamento (texto rico, aba "Dashboard") ----
// Editor contenteditable + colar/arrastar imagem embutida — mesmo padrão
// de `.ag-richtext` (acessos-gerais.js) e `.ajuda-modal__editor`
// (ajuda-aplicacao.js), duplicado aqui de propósito (não é um componente
// compartilhado no projeto). Populado só em `renderRevisao()` (uma vez
// por apuração aberta), nunca em `renderDashboardTab()` — que roda toda
// vez que o contador troca de aba, e resetar o `innerHTML` a cada troca
// descartaria texto ainda não salvo.
const PID_DC_RESUMO_FECHAMENTO_IMAGE_MAX_BYTES = 2 * 1024 * 1024;
const resumoFechamentoEditor = document.getElementById("dc-dash-resumo-fechamento-editor");
const resumoFechamentoSalvarBtn = document.getElementById("dc-dash-resumo-fechamento-salvar-btn");
const resumoFechamentoStatusEl = document.getElementById("dc-dash-resumo-fechamento-status");
// Valor que seria enviado ao salvar (mesma regra do botão "Salvar": só
// espaços em branco equivale a vazio).
function dcResumoFechamentoValorAtual() {
const hasImage = resumoFechamentoEditor.querySelector("img") !== null;
const hasText = resumoFechamentoEditor.textContent.trim() !== "";
return hasImage || hasText ? resumoFechamentoEditor.innerHTML : "";
}
// Referência para saber se há texto não salvo: o editor logo depois de
// populado (já normalizado pelo navegador) ou logo depois de salvar. Não é
// `apuracaoAtual.resumo_fechamento`, que volta do servidor sanitizado por
// `nh3` e pode diferir do `innerHTML` mesmo sem nenhuma edição.
let dcResumoFechamentoBase = "";
function dcResumoFechamentoPendente() {
if (!apuracaoAtual || apuracaoAtual.status === "concluida") return false;
return dcResumoFechamentoValorAtual() !== dcResumoFechamentoBase;
}
function renderResumoFechamento() {
const concluida = apuracaoAtual.status === "concluida";
resumoFechamentoEditor.innerHTML = apuracaoAtual.resumo_fechamento || "";
resumoFechamentoEditor.setAttribute("contenteditable", concluida ? "false" : "true");
resumoFechamentoSalvarBtn.hidden = concluida;
resumoFechamentoStatusEl.hidden = true;
dcResumoFechamentoBase = dcResumoFechamentoValorAtual();
}
function pidDcResumoFechamentoPlaceCaretAtPoint(x, y) {
const selection = window.getSelection();
if (document.caretRangeFromPoint) {
const range = document.caretRangeFromPoint(x, y);
if (range) {
selection.removeAllRanges();
selection.addRange(range);
}
} else if (document.caretPositionFromPoint) {
const pos = document.caretPositionFromPoint(x, y);
if (pos) {
const range = document.createRange();
range.setStart(pos.offsetNode, pos.offset);
range.collapse(true);
selection.removeAllRanges();
selection.addRange(range);
}
}
}
function pidDcResumoFechamentoMostraStatus(texto) {
resumoFechamentoStatusEl.hidden = false;
resumoFechamentoStatusEl.textContent = texto;
}
function pidDcResumoFechamentoInserirImagem(file, atPoint) {
if (!file || !file.type.startsWith("image/")) return;
if (file.size > PID_DC_RESUMO_FECHAMENTO_IMAGE_MAX_BYTES) {
pidDcResumoFechamentoMostraStatus("A imagem deve ter no máximo 2 MB.");
return;
}
const reader = new FileReader();
reader.onload = () => {
resumoFechamentoEditor.focus();
if (atPoint) pidDcResumoFechamentoPlaceCaretAtPoint(atPoint.x, atPoint.y);
document.execCommand("insertImage", false, reader.result);
};
reader.readAsDataURL(file);
}
resumoFechamentoEditor.addEventListener("paste", (event) => {
const items = Array.from((event.clipboardData && event.clipboardData.items) || []);
const imageItem = items.find((item) => item.type.startsWith("image/"));
if (!imageItem) return;
event.preventDefault();
pidDcResumoFechamentoInserirImagem(imageItem.getAsFile());
});
resumoFechamentoEditor.addEventListener("dragover", (event) => {
event.preventDefault();
});
resumoFechamentoEditor.addEventListener("drop", (event) => {
const file = event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0];
if (!file || !file.type.startsWith("image/")) return;
event.preventDefault();
pidDcResumoFechamentoInserirImagem(file, { x: event.clientX, y: event.clientY });
});
resumoFechamentoSalvarBtn.addEventListener("click", async () => {
if (resumoFechamentoSalvarBtn.disabled) return;
const valor = dcResumoFechamentoValorAtual();
const rotulo = resumoFechamentoSalvarBtn.textContent;
resumoFechamentoSalvarBtn.disabled = true;
resumoFechamentoSalvarBtn.textContent = "Salvando…";
try {
const resultado = await pidAtualizarResumoFechamentoContabil(apuracaoAtual.id, valor);
apuracaoAtual.resumo_fechamento = resultado.resumo_fechamento;
dcResumoFechamentoBase = valor;
pidDcResumoFechamentoMostraStatus("Salvo.");
} catch (e) {
pidDcResumoFechamentoMostraStatus(e.message);
} finally {
resumoFechamentoSalvarBtn.disabled = false;
resumoFechamentoSalvarBtn.textContent = rotulo;
}
});
// ---- Texto pendente (observações em digitação + Resumo do Fechamento) ----
// Mesmo modelo da Conciliação de Fornecedores (temRascunhoPendente/
// podeSairDoDetalhe): pergunta antes de Voltar, Concluir, Reprocessar ou
// abrir outra análise, e o navegador avisa ao fechar/recarregar a página.
function dcTemTextoPendente() {
if (!apuracaoAtual) return false;
return dcRascunhosObsPendentes() || dcResumoFechamentoPendente();
}
// `true` = pode seguir (não havia nada ou o contador confirmou descartar).
// Ao descartar, devolve o Resumo do Fechamento ao último valor salvo, senão
// ele continuaria "pendente" com a revisão já fora da tela.
async function dcPodeDescartarTextoPendente() {
if (!dcTemTextoPendente()) return true;
const sair = await pidConfirm(
"Há texto digitado e não salvo nesta análise (observação ou Resumo do Fechamento). Sair sem salvar as alterações?",
PID_DC_SAIR_SEM_SALVAR_OPCOES
);
if (!sair) return false;
dcObsRascunhos.clear();
if (dcResumoFechamentoPendente()) {
resumoFechamentoEditor.innerHTML = apuracaoAtual.resumo_fechamento || "";
dcResumoFechamentoBase = dcResumoFechamentoValorAtual();
}
return true;
}
window.addEventListener("beforeunload", (evento) => {
if (!dcTemTextoPendente()) return;
evento.preventDefault();
evento.returnValue = "";
});
// ---- Aba "Dashboard" (pré-visualização do relatório "Gerar Dashboard") ----
// Indicadores só são buscados na primeira vez que a aba é aberta (mesmo
// espírito de "canvas com tamanho zero não desenha certo" do relatório em
// si — aqui o motivo é só evitar um cálculo/consulta extra ao banco em
// toda apuração aberta, já que boa parte das revisões nem chega a olhar
// esta aba). Observações (contas/DRE/achados) já estão todas carregadas
// em apuracaoAtual, não precisam de fetch próprio.
async function renderDashboardTab() {
// Apuração do Contabit não usa indicadores (ContabilApuracao.tem_indicadores):
// some o botão "Gerenciar Indicadores", a dica e os cards, sem buscar nada.
const temIndicadores = apuracaoAtual.tem_indicadores !== false;
["dc-indicadores-gerenciar-btn", "dc-dash-indicadores-dica", "dc-dash-indicadores"].forEach((id) => {
document.getElementById(id).hidden = !temIndicadores;
});
// Observações primeiro: vêm do payload já carregado, então continuam na
// tela mesmo se a busca dos indicadores abaixo falhar.
renderDashboardObservacoes();
if (!temIndicadores) return;
if (!dcIndicadoresAtual) {
dcIndicadoresAtual = await pidBuscarIndicadoresContabil(apuracaoAtual.id);
}
renderDashboardIndicadores();
}
// Agrupa as chaves de `metadados` pelo campo `grupo` de cada uma (vem do
// servidor — os 11 de sistema já têm um grupo fixo, personalizados
// sempre caem em "Indicadores Personalizados", ver
// `ContabilApuracaoViewSet.indicadores()`); só a ORDEM de exibição dos
// grupos é decidida aqui (`PID_DC_DASH_ORDEM_GRUPOS`).
function renderDashboardIndicadores() {
const container = document.getElementById("dc-dash-indicadores");
container.innerHTML = "";
if (!dcIndicadoresAtual) return;
const { indicadores, indicadores_ocultos: indicadoresOcultos, metadados } = dcIndicadoresAtual;
const concluida = apuracaoAtual.status === "concluida";
const grupos = new Map();
Object.keys(metadados).forEach((chave) => {
const nomeGrupo = metadados[chave].grupo;
if (!grupos.has(nomeGrupo)) grupos.set(nomeGrupo, []);
grupos.get(nomeGrupo).push(chave);
});
const nomesGrupos = [...grupos.keys()].sort((a, b) => {
const posicaoA = PID_DC_DASH_ORDEM_GRUPOS.indexOf(a);
const posicaoB = PID_DC_DASH_ORDEM_GRUPOS.indexOf(b);
return (posicaoA === -1 ? 99 : posicaoA) - (posicaoB === -1 ? 99 : posicaoB);
});
nomesGrupos.forEach((nomeGrupo) => {
const secao = document.createElement("div");
secao.className = "dc-dash-grupo";
secao.innerHTML = `
`;
card.addEventListener("click", (event) => {
if (event.target.closest("button")) return;
pidDcAbrirFormulaModal(meta);
});
grid.appendChild(card);
});
container.appendChild(secao);
});
}
document.getElementById("dc-dash-indicadores").addEventListener("click", async (event) => {
const editarBtn = event.target.closest("[data-dc-dash-indicador-editar]");
if (editarBtn) {
if (editarBtn.disabled) return;
const definicaoId = Number(editarBtn.getAttribute("data-dc-dash-indicador-editar"));
try {
const definicao = await pidBuscarIndicadorContabilDefinicao(definicaoId);
pidDcAbrirIndicadorModal(definicao);
} catch (e) {
await pidAlert(e.message);
}
return;
}
const btn = event.target.closest("[data-dc-dash-indicador-toggle]");
if (!btn || btn.disabled) return;
const chave = btn.getAttribute("data-dc-dash-indicador-toggle");
const atual = dcIndicadoresAtual.indicadores_ocultos;
const novaLista = atual.includes(chave) ? atual.filter((c) => c !== chave) : [...atual, chave];
btn.disabled = true;
try {
const resposta = await pidAtualizarIndicadoresOcultosContabil(apuracaoAtual.id, novaLista);
dcIndicadoresAtual.indicadores_ocultos = resposta.indicadores_ocultos;
renderDashboardIndicadores();
} catch (e) {
btn.disabled = false;
await pidAlert(e.message);
}
});
// ---- Modal "Ver fórmula" ----
// Aceita um objeto {nome, descricao, formula_texto} direto — não só uma
// chave de `dcIndicadoresAtual.metadados` (que só lista indicadores
// ATIVOS nesta apuração). Um indicador não padrão ainda não selecionado
// pra esta apuração não aparece em `metadados`, mas o hub de
// "Gerenciar Indicadores" (ver pidDcCriaLinhaHub) ainda precisa poder
// mostrar a fórmula dele — por isso o chamador monta o objeto certo em
// cada caso, em vez desta função sempre resolver por chave.
function pidDcAbrirFormulaModal(meta) {
if (!meta) return;
document.getElementById("dc-indicador-formula-modal-titulo").textContent = meta.nome;
document.getElementById("dc-indicador-formula-modal-descricao").textContent =
meta.descricao || "Sem descrição cadastrada.";
document.getElementById("dc-indicador-formula-modal-formula").textContent = meta.formula_texto || "—";
document.getElementById("dc-indicador-formula-modal").hidden = false;
}
document.getElementById("dc-indicador-formula-modal-fechar-btn").addEventListener("click", () => {
document.getElementById("dc-indicador-formula-modal").hidden = true;
});
document.getElementById("dc-indicador-formula-modal").addEventListener("click", (event) => {
if (event.target.id === "dc-indicador-formula-modal") {
document.getElementById("dc-indicador-formula-modal").hidden = true;
}
});
document.getElementById("dc-obs-historico-modal-fechar-btn").addEventListener("click", () => {
document.getElementById("dc-obs-historico-modal").hidden = true;
});
document.getElementById("dc-obs-historico-modal").addEventListener("click", (event) => {
if (event.target.id === "dc-obs-historico-modal") {
document.getElementById("dc-obs-historico-modal").hidden = true;
}
});
// ---- Modal "Novo/Editar Indicador" ----
// Opções de ícone do card no relatório "Gerar Dashboard" — cópia irmã de
// `_CONTABIL_ICONES_SVG` em portal_api/views.py (mesmas chaves/desenhos),
// mantida em sincronia manualmente (ver comentário em
// IndicadorContabilDefinicao.icone, models.py, sobre por que não dá pra
// ter uma fonte única entre o backend e este JS).
const PID_DC_INDICADOR_ICONES = [
{ chave: "barras", rotulo: "Barras", svg: '' },
{
chave: "tendencia-alta",
rotulo: "Tendência de alta",
svg: '',
},
{
chave: "tendencia-baixa",
rotulo: "Tendência de baixa",
svg: '',
},
{
chave: "percentual",
rotulo: "Percentual",
svg: '',
},
{
chave: "pizza",
rotulo: "Gráfico de pizza",
svg: '',
},
{ chave: "atividade", rotulo: "Atividade", svg: '' },
{
chave: "moeda",
rotulo: "Cifrão",
svg: '',
},
{
chave: "alvo",
rotulo: "Alvo/meta",
svg: '',
},
{
chave: "camadas",
rotulo: "Camadas",
svg:
'' +
'',
},
{
chave: "cartao",
rotulo: "Cartão",
svg: '',
},
{
chave: "selo",
rotulo: "Selo/prêmio",
svg: '',
},
];
const PID_DC_INDICADOR_ICONE_PADRAO = "barras";
const indicadorModal = document.getElementById("dc-indicador-modal");
const indicadorComponentesEl = document.getElementById("dc-indicador-componentes");
const indicadorIconesEl = document.getElementById("dc-indicador-icones");
let dcIndicadorEmEdicao = null; // definição completa (id/chave/.../componentes) ou null = criando
let dcIndicadorIconeSelecionado = PID_DC_INDICADOR_ICONE_PADRAO;
let dcIndicadorComponenteSeq = 0;
// Grade de ícones é montada uma única vez (não depende da definição em
// edição, só a seleção ativa muda) — cada botão já é o próprio preview do
// ícone, sem precisar de nenhum outro elemento de preview separado.
PID_DC_INDICADOR_ICONES.forEach((icone) => {
const btn = document.createElement("button");
btn.type = "button";
btn.className = "dc-ind-icone-btn";
btn.setAttribute("data-dc-icone", icone.chave);
btn.setAttribute("aria-label", icone.rotulo);
btn.setAttribute("data-dc-dica", icone.rotulo);
btn.innerHTML = ``;
indicadorIconesEl.appendChild(btn);
});
function pidDcSelecionaIcone(chave) {
dcIndicadorIconeSelecionado = chave;
indicadorIconesEl.querySelectorAll(".dc-ind-icone-btn").forEach((btn) => {
btn.classList.toggle("is-selecionado", btn.getAttribute("data-dc-icone") === chave);
});
}
indicadorIconesEl.addEventListener("click", (event) => {
const btn = event.target.closest(".dc-ind-icone-btn");
if (btn) pidDcSelecionaIcone(btn.getAttribute("data-dc-icone"));
});
const PID_DC_COMP_TIPO_LABELS = {
contas: "Soma de contas do Balancete",
linha_dre: "Soma de linhas da DRE",
variacao_conta: "Variação de contas (atual − anterior)",
indicador: "Referência a outro indicador",
resultado_liquido: "Resultado Líquido da DRE (última linha)",
};
function pidDcRenderComponentePicker(linhaEl, tipo, valoresIniciais) {
const picker = linhaEl.querySelector(".dc-ind-comp-picker");
if (tipo === "contas" || tipo === "variacao_conta") {
const selecionados = valoresIniciais.contas_codigos || [];
const codigosNestaApuracao = new Set(apuracaoAtual.contas.map((conta) => conta.codigo));
// Um indicador pode ter sido criado a partir de outra apuração
// (empresa/competência diferente) — código selecionado que não
// existe aqui ainda precisa continuar marcado e ser salvo de volta
// do jeito que estava, senão editar um indicador desses nesta tela
// apagaria silenciosamente a conta que só existe na apuração
// original. Aparece como item extra, sinalizado, no topo da lista.
const orfaos = selecionados.filter((codigo) => !codigosNestaApuracao.has(codigo));
const selecionadosSet = new Set(selecionados);
picker.innerHTML = `
`;
} else if (tipo === "indicador") {
const atual = valoresIniciais.indicador_referenciado || "";
const chaveEditando = dcIndicadorEmEdicao ? dcIndicadorEmEdicao.chave : null;
const metadados = (dcIndicadoresAtual && dcIndicadoresAtual.metadados) || {};
const opcoes = Object.keys(metadados)
.filter((chave) => chave !== chaveEditando)
.sort((a, b) => metadados[a].nome.localeCompare(metadados[b].nome));
picker.innerHTML = `
`;
} else if (tipo === "resultado_liquido") {
// Sem seleção nenhuma — sempre resolve pra última linha da DRE desta
// apuração, seja qual for o rótulo (evita quebrar quando o resultado
// muda de sinal e a linha passa de "LUCRO" pra "PREJUÍZO", ou
// vice-versa, ver dashboard_contabil/models.py).
picker.innerHTML = `
Usa automaticamente o resultado líquido do período (última linha da DRE desta apuração), sem precisar escolher nada aqui.
`;
pidDcRenderComponentePicker(linha, tipoInicial, valoresIniciais);
return linha;
}
indicadorComponentesEl.addEventListener("change", (event) => {
if (event.target.classList.contains("dc-ind-comp-tipo")) {
const linha = event.target.closest(".dc-ind-componente");
pidDcRenderComponentePicker(linha, event.target.value, {});
}
});
indicadorComponentesEl.addEventListener("input", (event) => {
if (!event.target.hasAttribute("data-dc-comp-busca")) return;
const linha = event.target.closest(".dc-ind-componente");
const termo = event.target.value.trim().toLowerCase();
linha.querySelectorAll("[data-dc-comp-item]").forEach((item) => {
item.hidden = termo !== "" && !item.getAttribute("data-dc-comp-item").includes(termo);
});
});
indicadorComponentesEl.addEventListener("click", (event) => {
const removerBtn = event.target.closest(".dc-ind-comp-remover");
if (removerBtn) removerBtn.closest(".dc-ind-componente").remove();
});
document.getElementById("dc-indicador-add-componente-btn").addEventListener("click", () => {
indicadorComponentesEl.appendChild(pidDcCriaLinhaComponente({}));
});
function pidDcAbrirIndicadorModal(definicao) {
dcIndicadorEmEdicao = definicao || null;
document.getElementById("dc-indicador-modal-titulo").textContent = definicao ? "Editar Indicador" : "Novo Indicador";
document.getElementById("dc-indicador-modal-nome").value = definicao ? definicao.nome : "";
document.getElementById("dc-indicador-modal-descricao").value = definicao ? definicao.descricao : "";
document.getElementById("dc-indicador-modal-formato").value = definicao ? definicao.formato : "indice";
document.getElementById("dc-indicador-modal-formula").value = definicao ? definicao.formula : "";
document.getElementById("dc-indicador-modal-formula-exibicao").value = definicao ? definicao.formula_exibicao : "";
document.getElementById("dc-indicador-modal-padrao").checked = definicao ? definicao.padrao : true;
pidDcSelecionaIcone(definicao ? definicao.icone : PID_DC_INDICADOR_ICONE_PADRAO);
document.getElementById("dc-indicador-modal-error").textContent = "";
document.getElementById("dc-indicador-modal-excluir-btn").hidden = !definicao;
document.getElementById("dc-indicador-preview").hidden = true;
indicadorComponentesEl.innerHTML = "";
const componentesIniciais = definicao ? definicao.componentes : [];
if (componentesIniciais.length) {
componentesIniciais.forEach((componente) => indicadorComponentesEl.appendChild(pidDcCriaLinhaComponente(componente)));
} else {
indicadorComponentesEl.appendChild(pidDcCriaLinhaComponente({}));
}
indicadorModal.hidden = false;
dcIndicadorEstadoAbertura = pidDcEstadoFormIndicador();
}
// Foto do formulário inteiro (campos, ícone e componentes com as seleções)
// — tirada logo depois de abrir o modal e comparada ao fechar, pra só
// perguntar "Sair sem salvar" quando algo mudou de verdade.
let dcIndicadorEstadoAbertura = null;
function pidDcEstadoFormIndicador() {
return JSON.stringify({
nome: document.getElementById("dc-indicador-modal-nome").value,
descricao: document.getElementById("dc-indicador-modal-descricao").value,
formato: document.getElementById("dc-indicador-modal-formato").value,
formula: document.getElementById("dc-indicador-modal-formula").value,
formulaExibicao: document.getElementById("dc-indicador-modal-formula-exibicao").value,
padrao: document.getElementById("dc-indicador-modal-padrao").checked,
icone: dcIndicadorIconeSelecionado,
componentes: pidDcColetaComponentesForm(),
});
}
function pidDcFecharIndicadorModal() {
indicadorModal.hidden = true;
dcIndicadorEmEdicao = null;
}
// Fechar por "Cancelar" ou clicando fora (overlay) sempre pede confirmação
// — pedido explícito do usuário, mesmo padrão já usado no modal de "Mais
// informações" (ajuda-aplicacao.js) e no antigo "Fechar sem salvar" do
// Cadastro de Regras de Plano de Saúde (ver "Modal de confirmação
// genérico" no CLAUDE.md da raiz). Só esses dois caminhos passam por
// aqui — depois de salvar/excluir com sucesso, o próprio fluxo chama
// `pidDcFecharIndicadorModal()` direto, sem perguntar (não há o que
// descartar).
async function pidDcFecharIndicadorModalComConfirmacao() {
// Durante salvar/excluir o modal não fecha por aqui (o próprio fluxo
// fecha ao terminar).
if (dcIndicadorEnviando) return;
const alterou = pidDcEstadoFormIndicador() !== dcIndicadorEstadoAbertura;
if (alterou && !(await pidConfirm("Sair sem salvar as alterações?", PID_DC_SAIR_SEM_SALVAR_OPCOES))) return;
pidDcFecharIndicadorModal();
}
// `true` enquanto um salvar/excluir do modal de indicador está em andamento.
let dcIndicadorEnviando = false;
document.getElementById("dc-indicador-modal-cancel-btn").addEventListener("click", pidDcFecharIndicadorModalComConfirmacao);
indicadorModal.addEventListener("click", (event) => {
if (event.target === indicadorModal) pidDcFecharIndicadorModalComConfirmacao();
});
// Depois de criar/editar/excluir, além de recarregar os cards da aba
// "Dashboard", atualiza o hub também se ele estiver aberto por trás
// (o form de indicador é sempre stacked por cima dele, ver
// `.modal-overlay--top`/pidDcAbrirHubIndicadores) — sem isso, o hub
// ficaria com a lista desatualizada até ser reaberto.
// O modal já fechou quando isto roda: falha ao recarregar vira aviso, não
// erro dentro do modal (que ninguém veria).
async function pidDcAposSalvarOuExcluirIndicador() {
dcIndicadoresAtual = null;
try {
await renderDashboardTab();
if (!indicadoresHubModal.hidden) await pidDcRenderHubIndicadores();
} catch (e) {
await pidAlert(e.message, { titulo: "Não foi possível atualizar os indicadores" });
}
}
// Reaproveitada pelo "Salvar" e pelo "Calcular com esta apuração" — os
// dois precisam exatamente da mesma leitura do formulário (chave/tipo/
// seleção de cada linha de componente).
function pidDcColetaComponentesForm() {
return [...indicadorComponentesEl.querySelectorAll(".dc-ind-componente")].map((linha) => {
const tipo = linha.querySelector(".dc-ind-comp-tipo").value;
const chave = linha.querySelector(".dc-ind-comp-chave").value.trim();
const componente = { chave, tipo, contas_codigos: [], linhas_dre_descricoes: [], indicador_referenciado: "" };
if (tipo === "contas" || tipo === "variacao_conta") {
componente.contas_codigos = [...linha.querySelectorAll('[data-dc-comp-lista] input[type="checkbox"]:checked')].map(
(cb) => cb.value
);
} else if (tipo === "linha_dre") {
componente.linhas_dre_descricoes = [
...linha.querySelectorAll('[data-dc-comp-lista] input[type="checkbox"]:checked'),
].map((cb) => cb.value);
} else if (tipo === "indicador") {
const select = linha.querySelector(".dc-ind-comp-indicador");
componente.indicador_referenciado = select ? select.value : "";
}
return componente;
});
}
document.getElementById("dc-indicador-modal-save-btn").addEventListener("click", async () => {
const errorEl = document.getElementById("dc-indicador-modal-error");
errorEl.textContent = "";
const componentes = pidDcColetaComponentesForm();
const payload = {
nome: document.getElementById("dc-indicador-modal-nome").value.trim(),
descricao: document.getElementById("dc-indicador-modal-descricao").value.trim(),
formato: document.getElementById("dc-indicador-modal-formato").value,
formula: document.getElementById("dc-indicador-modal-formula").value.trim(),
formula_exibicao: document.getElementById("dc-indicador-modal-formula-exibicao").value.trim(),
padrao: document.getElementById("dc-indicador-modal-padrao").checked,
icone: dcIndicadorIconeSelecionado,
componentes,
};
if (!payload.nome) {
errorEl.textContent = "Informe o nome do indicador.";
return;
}
if (!componentes.length) {
errorEl.textContent = "Adicione pelo menos um componente.";
return;
}
if (componentes.some((c) => !c.chave)) {
errorEl.textContent = "Preencha a chave de todos os componentes.";
return;
}
if (!payload.formula) {
errorEl.textContent = "Informe a fórmula do indicador.";
return;
}
const saveBtn = document.getElementById("dc-indicador-modal-save-btn");
if (dcIndicadorEnviando) return;
const botoes = pidDcBotoesAcaoIndicador();
const rotulo = saveBtn.textContent;
dcIndicadorEnviando = true;
botoes.forEach((b) => (b.disabled = true));
saveBtn.textContent = "Salvando…";
let salvou = false;
try {
if (dcIndicadorEmEdicao) {
await pidAtualizarIndicadorContabil(dcIndicadorEmEdicao.id, payload);
} else {
await pidCriarIndicadorContabil(payload);
}
salvou = true;
} catch (e) {
errorEl.textContent = e.message;
} finally {
dcIndicadorEnviando = false;
botoes.forEach((b) => (b.disabled = false));
saveBtn.textContent = rotulo;
}
if (!salvou) return;
pidDcFecharIndicadorModal();
await pidDcAposSalvarOuExcluirIndicador();
});
// Salvar, excluir e cancelar ficam travados juntos durante o envio: um
// segundo clique não duplica o indicador nem exclui no meio de um salvar.
function pidDcBotoesAcaoIndicador() {
return ["dc-indicador-modal-save-btn", "dc-indicador-modal-excluir-btn", "dc-indicador-modal-cancel-btn"].map((id) =>
document.getElementById(id)
);
}
// Calcula, contra a apuração aberta agora, o valor de cada componente e
// o resultado final — sem salvar nada — pro contador conferir se a
// fórmula pegou a conta/linha certa antes de confirmar. Reaproveita a
// mesma coleta do formulário do botão "Salvar" (`pidDcColetaComponentesForm`).
document.getElementById("dc-indicador-calcular-btn").addEventListener("click", async () => {
const previewEl = document.getElementById("dc-indicador-preview");
const componentes = pidDcColetaComponentesForm();
const formula = document.getElementById("dc-indicador-modal-formula").value.trim();
previewEl.hidden = false;
if (!componentes.length || componentes.some((c) => !c.chave) || !formula) {
previewEl.innerHTML = `
Preencha a chave de todos os componentes e a fórmula antes de calcular.
`;
} finally {
calcularBtn.disabled = false;
}
});
document.getElementById("dc-indicador-modal-excluir-btn").addEventListener("click", async () => {
if (!dcIndicadorEmEdicao) return;
if (
!(await pidConfirm(`Excluir o indicador "${dcIndicadorEmEdicao.nome}"? Essa ação não pode ser desfeita.`, {
perigoso: true,
}))
) {
return;
}
const errorEl = document.getElementById("dc-indicador-modal-error");
errorEl.textContent = "";
if (dcIndicadorEnviando) return;
const excluirBtn = document.getElementById("dc-indicador-modal-excluir-btn");
const botoes = pidDcBotoesAcaoIndicador();
const rotulo = excluirBtn.textContent;
dcIndicadorEnviando = true;
botoes.forEach((b) => (b.disabled = true));
excluirBtn.textContent = "Excluindo…";
let excluiu = false;
try {
await pidExcluirIndicadorContabil(dcIndicadorEmEdicao.id);
excluiu = true;
} catch (e) {
errorEl.textContent = e.message;
} finally {
dcIndicadorEnviando = false;
botoes.forEach((b) => (b.disabled = false));
excluirBtn.textContent = rotulo;
}
if (!excluiu) return;
pidDcFecharIndicadorModal();
await pidDcAposSalvarOuExcluirIndicador();
});
// ---- Modal "Gerenciar Indicadores" (hub: lista todos os indicadores —
// padrão e não padrão — pra visualizar/editar/ativar, mesmo os que não
// estão aparecendo nesta apuração agora) ----
const indicadoresHubModal = document.getElementById("dc-indicadores-hub-modal");
function pidDcCriaLinhaHub(definicao, ativo, concluida) {
const linha = document.createElement("div");
linha.className = "dc-ind-hub-item";
linha.innerHTML = `
${
ativo === null
? ``
: ``
}
`;
return linha;
}
async function pidDcRenderHubIndicadores() {
const listaPadrao = document.getElementById("dc-ind-hub-lista-padrao");
const listaNaoPadrao = document.getElementById("dc-ind-hub-lista-nao-padrao");
const vazioPadrao = document.getElementById("dc-ind-hub-vazio-padrao");
const vazioNaoPadrao = document.getElementById("dc-ind-hub-vazio-nao-padrao");
listaPadrao.innerHTML = "";
listaNaoPadrao.innerHTML = "";
let definicoes;
try {
definicoes = await pidBuscarDefinicoesIndicadoresContabil();
} catch (e) {
await pidAlert(e.message);
return;
}
const selecionados = new Set((dcIndicadoresAtual && dcIndicadoresAtual.indicadores_selecionados) || []);
const concluida = apuracaoAtual.status === "concluida";
const padrao = definicoes.filter((d) => d.padrao);
const naoPadrao = definicoes.filter((d) => !d.padrao);
vazioPadrao.hidden = padrao.length > 0;
vazioNaoPadrao.hidden = naoPadrao.length > 0;
padrao.forEach((definicao) => listaPadrao.appendChild(pidDcCriaLinhaHub(definicao, null, concluida)));
naoPadrao.forEach((definicao) =>
listaNaoPadrao.appendChild(pidDcCriaLinhaHub(definicao, selecionados.has(definicao.chave), concluida))
);
}
async function pidDcAbrirHubIndicadores() {
indicadoresHubModal.hidden = false;
await pidDcRenderHubIndicadores();
}
document.getElementById("dc-indicadores-gerenciar-btn").addEventListener("click", pidDcAbrirHubIndicadores);
document.getElementById("dc-indicadores-hub-fechar-btn").addEventListener("click", () => {
indicadoresHubModal.hidden = true;
});
indicadoresHubModal.addEventListener("click", (event) => {
if (event.target === indicadoresHubModal) indicadoresHubModal.hidden = true;
});
document.getElementById("dc-indicadores-hub-novo-btn").addEventListener("click", () => pidDcAbrirIndicadorModal(null));
indicadoresHubModal.addEventListener("click", async (event) => {
const verBtn = event.target.closest("[data-dc-hub-ver]");
if (verBtn) {
const definicaoId = Number(verBtn.getAttribute("data-dc-hub-ver"));
try {
const definicao = await pidBuscarIndicadorContabilDefinicao(definicaoId);
pidDcAbrirFormulaModal({
nome: definicao.nome,
descricao: definicao.descricao,
formula_texto: definicao.formula,
});
} catch (e) {
await pidAlert(e.message);
}
return;
}
const editarBtn = event.target.closest("[data-dc-hub-editar]");
if (editarBtn) {
if (editarBtn.disabled) return;
const definicaoId = Number(editarBtn.getAttribute("data-dc-hub-editar"));
try {
const definicao = await pidBuscarIndicadorContabilDefinicao(definicaoId);
pidDcAbrirIndicadorModal(definicao);
} catch (e) {
await pidAlert(e.message);
}
}
});
indicadoresHubModal.addEventListener("change", async (event) => {
const checkbox = event.target.closest("[data-dc-hub-toggle]");
if (!checkbox || checkbox.disabled) return;
const chave = checkbox.getAttribute("data-dc-hub-toggle");
const atual = new Set(dcIndicadoresAtual.indicadores_selecionados || []);
if (checkbox.checked) atual.add(chave);
else atual.delete(chave);
checkbox.disabled = true;
try {
await pidAtualizarIndicadoresSelecionadosContabil(apuracaoAtual.id, [...atual]);
dcIndicadoresAtual = null;
await renderDashboardTab();
await pidDcRenderHubIndicadores();
} catch (e) {
checkbox.checked = !checkbox.checked;
checkbox.disabled = false;
await pidAlert(e.message);
}
});
// Lista consolidada da aba "Dashboard": as observações vigentes das três
// tabelas (Balancete/DRE/Análise Vertical) mais as justificativas de
// auditoria — pré-visualização do que vai (ou não) pro relatório do
// cliente. Observação segue o histórico (`ContabilObservacao`), auditoria
// continua presa à apuração (`ContabilAchado.oculto_no_relatorio`), então
// os dois tipos de item têm ações diferentes.
function renderDashboardObservacoes() {
const lista = document.getElementById("dc-dash-observacoes-list");
const empty = document.getElementById("dc-dash-observacoes-empty");
const concluida = apuracaoAtual.status === "concluida";
const observacoes = dcObsAplicaFiltro(dcObservacoes);
const achados = apuracaoAtual.achados.filter((achado) => {
if (!achado.observacao_contador) return false;
if (dcObsFiltro === "cliente") return !achado.oculto_no_relatorio;
if (dcObsFiltro === "internas") return achado.oculto_no_relatorio;
return true;
});
const html = [
...observacoes.map((obs) => dcObsResumoItemHtml(obs, PID_DC_OBS_ORIGENS[obs.alvo_tipo], concluida)),
...achados.map(
(achado) => `
Auditoria${pidDcEscapeHtml(achado.titulo)}
${pidDcEscapeHtml(achado.observacao_contador)}
`
),
];
empty.hidden = html.length > 0;
lista.innerHTML = html.join("");
}
document.getElementById("dc-dash-observacoes-list").addEventListener("click", async (event) => {
const achadoBtn = event.target.closest("[data-dc-dash-achado-toggle]");
if (achadoBtn) {
if (achadoBtn.disabled) return;
const id = Number(achadoBtn.getAttribute("data-dc-dash-achado-toggle"));
const achado = apuracaoAtual.achados.find((a) => a.id === id);
achadoBtn.disabled = true;
try {
const atualizado = await pidAlternarOcultoAchadoContabil(id, !achado.oculto_no_relatorio);
const indice = apuracaoAtual.achados.findIndex((a) => a.id === id);
apuracaoAtual.achados[indice] = atualizado;
renderDashboardObservacoes();
} catch (e) {
achadoBtn.disabled = false;
await pidAlert(e.message);
}
return;
}
await dcTrataCliqueObservacao(event, "conta");
});
// ---- Resumo de observações no final de cada aba ----
// Cada aba (Balancete/DRE/Análise Vertical) lista as observações vigentes
// daquela seção — as escritas nesta competência e as herdadas do histórico
// —, com a assinatura de quem escreveu, o botão de olho (mostrar ao
// cliente) e o de encerrar/reativar, sem precisar abrir conta por conta.
// Os chips "Todas / Visíveis ao cliente / Internas" filtram as quatro
// listas ao mesmo tempo (ver dcObsFiltro).
function dcObsResumoItemHtml(obs, origem, concluida) {
const selos = [];
if (obs.historica) selos.push('Histórico');
if (obs.encerrada) {
selos.push(
`Encerrada em ${pidDcFormatCompetencia(obs.encerrada_em_competencia)}`
);
}
const acaoEncerrar = concluida
? ""
: obs.encerrada
? ``
: ``;
// Mesma regra de dcObsItemHtml() — só quem criou, só antes de concluir.
const acaoExcluir =
!concluida && obs.criado_por === me.id
? ``
: "";
return `