Tela de Tickets - Grid

Os exemplos de filtros são baseados nos campos da pesquisa avançada da tela de gestão de tickets. Estes exemplos são compostos por chave e valor, demonstrando como deve-se aplicar a respectiva pesquisa no campo de pesquisa.
O mesmo é adaptável para qualquer ambiente da plataforma.


O campo de pesquisa possibilita um autocomplete ao digitar, mostrando em um modal todas as opções de chaves para pesquisa e sua descrição.

Ao escolher a opção desejada, é carregada uma nova base de informação dependendo da chave escolhida, pois existem chaves que necessitam de determinadas informações, como por exemplo;
No dataCriacao é possível fazer uma pesquisa mais específica por um período descrito no campo de data ou clicando nos períodos pré-definidos abaixo, onde este, já aplica o período no campo de filtro.

É possível preeencher o campo com mais de uma opção de filtro e ao clicar em filtrar irá refletir esta pesquisa na tabela abaixo.

Está disponível no momento realizar o filtro com múltiplos valores apenas nos campos descritos abaixo:
- dataCriacao

- StatusTarefa, StatusDoTicket, StatusDoFluxo

- Prioridade

Nota: No momento não está disponível o filtro por “DESCRIÇÃO”, porém a lógica já está pronta e aplicada, porém a API ainda não atende essa funcionalidade de pesquisa por string.(Esperando a atualização da nova API).
Ao filtrar tickets fechados ou cancelados é necessário colocar um período de data. Para o usuário ficará restrito os tickets dos últimos 90 dias. Caso ele queira alterar o período, deve-se filtrar explicitamente a data desejada.
Os filtros podem ser salvos ao clicar no botão salvar, que será aberto um modal com o campo para nomear e o botão de salvar, estes são salvos em localStorage.

E podem ser vistos no botão de histórico, que abrirá um novo modal com uma lista dos filtros salvos e dois botões, um para remover filtro e outro para carregar no campo de pesquisa.

É possível também criar um backup destes filtros salvos, clicando em REALIZAR BACKUP na parte inferior direita do modal e fazer um upload do arquivo salvo na máquina do usuário ao clicar em CARREGAR BACKUP.
Os modais podem ser fechados ao clicar no botão de close.
É carregada com base em uma API específica para tickets e irá refletir os filtros aplicados no campo de pesquisa;

- Função de paginação implícita (Aguardando a nova atualização da API).
A ordenação dos campos: GRUPO, SLA, DATA LIMITE DA TAREFA, DATA LIMITE E STATUS SLA estão desativados a ordenação de coluna, até que seja solucionado na próxima versão da API
Nela é possível ordenar clicando na coluna desejada e redirecioná-la ao clicar e arrastar até posição desejada.

- A ordenação das colunas: GRUPO, SLA, DATA LIMITE DA FAREFA, DATA LIMTE E STATUS SLA, estão desativadas até que seja normalizada a funcionalidade destes campos na próxima versão da API.
Assim como, remover e adicionar colunas clicando no botão Esconder/Mostrar Colunas localizada na parte superior, onde será aberto um modal com todas as colunas descritas, possibilitando tornar esta "ON"(visível) ou "OFF"(invísivel).

Ao clicar na linha onde está localizado o ticket, será aberto um modal com a tela de ticket, permitindo a edição e visualização deste.