SOS-RS / frontend

Auxílio RS: Projetos de Resposta a Emergências por Chuvas e Alagamentos

Home Page:https://sos-rs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Organizar itens na tela de edição para facilitar escaneamento rápido

giggio opened this issue · comments

TL;DR

Melhorar o escaneamento de itens e sua prioridade na tela de edição.

Problema

Quando o usuário acessa o contexto do abrigo a seguinte tela aparece:

image

Aqui é possível entender bem as prioridades e quais itens o abrigo precisa

Já na edição do abrigo a listagem é assim:

image

image

Como podemos ver, nessa listagem da edição é bem difícil entender quais são os itens prioritários, já que a ordenação se dá pelas categorias e não pela urgência. É preciso rolar a listagem ou usar a barra de pesquisa para tentar entender os itens necessários.

Requisitos

  • Adicionar filtros rápidos abaixo do buscador:
    • Precisa urgente
    • Precisa
    • Disponível para doação
    • Não precisa
  • Como default não aplicar nenhum filtro.
  • Quando o usuário tocar no filtro rápido então mudar a aparência do botão e filtrar a lista.
  • Quando existir mais de um filtro selecionado, utilizar a regra OU para trazer o resultado. Não utilizar E (obviamente, neste caso não vai trazer nenhum resultado).
  • Adicionar accordion na categorias para facilitar a navegação entre categorias.
  • Mostrar contador de itens em cada categoria.
  • Realizar outros ajustes de interface especificado no Figma.

Design

Figma

Engenharia

estou trabalhando nisso

finalizei o acordion os filtros etc, vou prosseguir com as opções de pets do abrigo, mas parece q já tinha visto algo relacionado aos pets, alguém tinha tabalhado nisso salvo engano. vlwww