DSERTSS3-3192 - DT TRANSMITE - Salvar as configurações da definição e ordem das colunas das grids de monitores

01. DADOS GERAIS

02. SITUAÇÃO/REQUISITO

• Solicitado o estudo para atender pedido do cliente que deseja a gravação das configurações da ordem do grid.

03. SOLUÇÃO

No estudo foram realizados testes de algumas features dos frameworks utilizados pelo produto que ainda tinham sido não analisadas e aplicadas pela equipe de desenvolvimento, chegando a conclusão a seguir.

Ao iniciar a aplicação o client fará o consumo de um endpoint que fornecerá o a ordenação das colunas de todos os tipos de documentos (CT-e, NF-e, etc.). O retorno desse endpoint será salvo no local storage do usuário, para melhor performance da aplicação que por sua vez não terá que efetuar requisições toda vez que mudar de página para saber a ordenação das colunas. 

Após essas mudanças devemos retirar a responsabilidades das colunas das classes do component e passa-las para um service que, por sua vez, terá as colunas do documento já configuradas e os métodos para organização das mesmas de acordo com a lista passada.

E para caso o cliente queira uma nova modificação da visualização do grid ele configura normalmente, porém agora utilizando o método p-change-visible-columns, contido no componente de po-table, que nos permite fazer qualquer ação quando ordem das colunas do grid é alterada. O client então faz a alteração visual, salva essa nova configuração no local storage e então manda para um outro endpoint que irá salvar no banco essa nova configuração.

Após essas alterações então os fluxos ficam:

• Ao fazer o login na aplicação:

   Login na aplicação → Requisição para receber as ordens das colunas → grava no  local storage

• Ao Entrar em qualquer página de documentos:

   Mudança para a página do documento selecionado → component pega a ordenação das colunas no local storage → chamar função do service das colunas para trazer as colunas já ordenadas → service ordena e devolve para o componente → component exibe as colunas

• Ao realizar mudanças na visualização da tabela:

   Realiza as mudanças nas configurações do grid → trigger do método p-change-visible-columns  → manda a nova configuração para o service retornar a visualização → grava no  local storage → aplicação realiza um post para o endpoint que gravará a nova configuração no banco

04. DEMAIS INFORMAÇÕES

• Não Há

05. ASSUNTOS RELACIONADOS

• Não Há