Files

T

gti d95165fc8f Add 'gerenciador/' from commit '34cc9c75a57dedbf61a6e6a1ba1f35f76e72434b'

git-subtree-dir: gerenciador
git-subtree-mainline: f4f546c928
git-subtree-split: 34cc9c75a5

2026-09-29 14:43:12 -03:00

3.2 KiB

Raw Blame History

Log: seções escondidas por padrão, com clique para abrir

Contexto

A tela /log mostra duas tabelas: "Ações no painel" (histórico de ações do painel, já limitado aos 20 registros mais recentes) e "Envios automáticos de chave (n8n)" (log dos envios automáticos de chave via WhatsApp, sem limite). Como ambas aparecem sempre expandidas, a tela fica grande e atrapalha quando o usuário só quer olhar rapidamente um dos dois logs.

Objetivo

Cada seção da tela /log deve começar escondida (fechada) ao carregar a página, exigindo um clique para expandir. Isso facilita, por exemplo, olhar só o log de envios de chave sem precisar rolar past o log inteiro do painel.

Design

Estrutura: cada seção (Ações no painel e Envios automáticos de chave (n8n)) é envolvida em um elemento <details class="secao-log"> HTML nativo, fechado por padrão (sem o atributo open). A ordem das seções não muda: Ações no painel primeiro, Envios automáticos de chave embaixo.

Controles (dois, redundantes, ambos alternam o mesmo estado):

O título da seção (dentro de <summary>) é clicável — clicar nele abre/fecha a seção. Uma seta (▸ fechado / ▾ aberto) ao lado do título indica visualmente o estado atual.
Um botão no estilo dos demais botões do painel (Mostrar / Ocultar) fica ao lado do título, dentro do mesmo <summary>. Como ele está dentro do <summary>, clicar nele já aciona o toggle nativo do <details> — não precisa de lógica de toggle separada. Um script pequeno escuta o evento toggle de cada <details> e só atualiza o texto do botão (Mostrar↔Ocultar) e o atributo aria-expanded, para acessibilidade.

Estado não é persistido: toda vez que a página /log é carregada, as duas seções começam fechadas — não guarda se o usuário tinha deixado aberta antes (sem localStorage, sem cookie, sem parâmetro de URL). Simplicidade, sem necessidade adicional hoje.

Sem mudança de comportamento: os dados carregados por seção (limite de 20 em "Ações no painel", botão "Limpar log" restrito a administradores dentro dessa seção, listagem de envios do n8n) continuam exatamente como estão hoje — só o wrapper de exibição (fechado/aberto) muda.

Fora de escopo

Lembrar o estado aberto/fechado entre recarregamentos de página.
Abrir automaticamente alguma seção por padrão (as duas começam fechadas).
Qualquer mudança nos dados exibidos, na paginação, no limite de 20 ou no botão de limpar log.

Arquivos afetados

app/templates/log.html — envolver cada seção em <details>/<summary>, adicionar o botão Mostrar/Ocultar e a seta indicadora dentro do summary.
app/static/estilo.css — estilo do <details>/<summary> (remoção do marcador padrão do navegador, seta customizada que gira com [open], espaçamento do botão dentro do summary).
Um pequeno <script> inline (ou incluído no bloco já existente do template) para sincronizar o texto do botão com o evento toggle.

Testes

Teste de router (tests/test_router_log.py) verificando que a resposta de GET /log contém os elementos <details> para as duas seções, sem o atributo open, confirmando que ambas carregam fechadas por padrão.

3.2 KiB Raw Blame History