Melhorar template: ajuste responsivo, carregamento e limpeza de filtros

[pitangainnovare]

Descrição do problema

Alguns comportamentos de interface no template da OCABr precisam ser ajustados para melhorar a experiência de uso, especialmente em telas com filtros, indicadores e navegação responsiva.

Foram identificados três pontos principais:

1. O menu superior apresenta espaçamento maior do que o esperado quando a largura da janela é reduzida. Entende-se que isso é uma funcionalidade da aplicação. Vamos desconsider, por enquanto.
2. As telas de indicadores não exibem uma mensagem clara de carregamento enquanto os dados estão sendo processados.
3. O campo ALL perde sua seleção ao acionar o botão Limpar, o que pode causar inconsistência na experiência de filtragem.

Passos para reproduzir o problema

1. Acesse a OCABr.
2. Entende-se que isso é uma funcionalidade da aplicação. Vamos desconsider, por enquanto. Reduza a largura da janela do navegador e observe o comportamento do menu superior.
3. Acesse uma tela de indicadores e execute uma consulta que demande carregamento dos dados.
4. Observe se há mensagem ou indicação visual de carregamento em andamento.
5. Em uma tela com filtros, selecione ou mantenha selecionado o campo ALL.
6. Acione o botão Limpar.
7. Observe que o campo ALL perde a seleção.

Comportamento esperado

O template deve apresentar comportamento visual e funcional consistente nas diferentes telas da OCABr.

Especificamente:

• Entende-se que isso é uma funcionalidade da aplicação. Vamos desconsider, por enquanto. O menu superior deve manter espaçamento adequado quando a largura da janela for reduzida;
• As telas de indicadores devem exibir uma mensagem ou indicação visual de carregamento em andamento enquanto os dados são processados;
• O botão Limpar deve restaurar os filtros para o estado padrão esperado;
• O campo ALL deve permanecer selecionado ou ser restaurado após a limpeza, quando esse for o comportamento padrão do filtro;
• Os ajustes devem ser aplicados de forma consistente nas telas que compartilham o mesmo template.

Screenshots ou vídeos

N/A

Anexos

N/A

Ambiente utilizado

N/A

[pitangainnovare]

Após configuração de filtros dinâmicos, seguindo exemplo disponível em #696, o campo ALL passou a se comportar corretamente.

[pitangainnovare]

Mas o ALL no contexto do índice de produção social, o problema ainda existe.

[pitangainnovare]

Após análise das configurações dos data sources, faltavam dependencies no caso de social production. Após inclusão desse grupo, o dinamismo passou a funcionar.