--- title: Tela de Tickets - Grid slug: helium/tela-de-tickets-grid description: Discover how to effectively use the initial screen of a ticket management platform with this comprehensive document. Learn how to maximize the search feature's potential by utilizing autocomplete, different search keys, and applying filters to streamline createdAt: 2023-05-18T18:13:40.000Z --- # Tela Inicial ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/oh97Zz7E7yE-ZWvtkqkx1_image.png) ## Exemplos de filtros 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. ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/lhT2tG8SPjtw1xu9RtCF3_image.png) ## Pesquisa ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/ejaeyehglqUFouW3OhT-M_image.png) 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. ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/2UaENhggmHBU1jsCBOqPH_image.png" size="54" width="435" height="530" position="center" showCaption="false"} 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; :::BlockQuote numeroTicket: descricao: ::: 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. ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/07cx3rwu1hQsa3fNoupkI_image.png" size="60" width="403" height="247" position="center" showCaption="false"} É 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. ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/AtHNJKeTXZnArF-pDEv9V_image.png) Está disponível no momento realizar o filtro com múltiplos valores apenas nos campos descritos abaixo: - **dataCriacao ** ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/I6zI2OmWSekX31WSUOvvr_image.png" size="70" width="480" height="28" position="center" showCaption="false"} - **StatusTarefa, StatusDoTicket, StatusDoFluxo** ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/1h_bRDmHvVA90yGg2PAbt_image.png" size="70" width="480" height="26" position="center" showCaption="false"} - **Prioridade** ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/K9b4IrtxSYgYN_nuCFNNC_image.png" size="70" width="480" height="28" position="center" showCaption="false"} :::hint{type="info"} **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. ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/2RfUQwkrX0xiM8DilCLoG_image.png" size="82" width="497" height="131" position="center" showCaption="false"} 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. ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/AFSxW5ZBSS-xNt15dyN5h_image.png" size="80" width="514" height="336" position="center" showCaption="false"} É 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. ### Campo de pesquisa É carregada com base em uma API específica para tickets e irá refletir os filtros aplicados no campo de pesquisa; ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/kRpFOh3igqQz6dcxFhOTi_image.png) - 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. ![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/cks8GQ2gG1Ps21PNj7efs_image.png) - 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). ::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/ubrHFmLfROGaoC9yFzox1_image.png" size="52" width="209" height="329" position="center" showCaption="false"} 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.