Desenvolvimento de tela de demonstrativo de resultado gerencial preservando a lógica hierárquica de três níveis existente na aplicação VCL original.
Data do projeto:
Inicio:
02 de maio de 2025
Término:
08 de maio de 2025
Tecnologias utilizadas:
Bootstrap 5
HTML 5
CSS 3
Javascript
jQuery
Detalhes do projeto:
Levantamento e prototipação: foram testados quatro conceitos de interface (cards empilhados, accordions e cards retráteis) até a aprovação do cliente pelo layout “semelhante ao VCL” com DataTables;
Implementação final: construída com DataTables, utilizando uma tabela-mãe (Nível 1) e subtabelas aninhadas (Níveis 2 e 3) geradas em tempo real, garantindo performance e alinhamento das colunas;
Funcionalidades adicionadas:
Rádio-buttons para seleção instantânea do nível de visualização;
Ícones de expansão/colapso acionados pelo clique em qualquer ponto da linha;
Colgroup dinâmico para largura fixa das colunas e rolagem suave;
Estilos CSS customizados para cores temáticas, indentação e foco visual;
Função detailData(id) preparada para integração com consultas Delphi on-demand.
Validação: realizados testes em diferentes resoluções, ajustes de alinhamento pixel a pixel e refatoração para aceitar tanto estruturas JSON completas (12 meses) quanto simplificadas (apenas totais).
