All User List

Componente de exibição de usuários colaboradores na plataforma

Introdução

O componente AllUserList se destina a visualização e controle de usuários da plataforma.

Componente AllUserList

É composto por uma tabela cujos dados são provisionados pela API e armazenados no context users.

Inclui-se também os mecanismos de busca e de filtragem de usuários para maior usabilidade da aplicação.

Sobre: Mapeamento de dados da tabela

Os dados renderizados na tabela têm origem no context users, onde são armazenadas todas as informações de todos os usuários da plataforma.

Sobre: Mecanismo de busca e filtro

O componente ainda integra uma barra de busca e filtros para melhorar a localização e o acesso a usuários dentro da plataforma.

Mecanismo de busca

É composto, portanto, de uma barra de pesquisa, por onde é possível localizar os usuários pelos seguintes adereços:

  • Nome

  • Email

  • Cargo

  • Chapter

  • Equipe

E também, é possível aprimorar a precisão dos resultados com o botão Filter, por onde ocorre a filtragem das informações com os mesmos adereços citados acima.

Sobre: Atualização de dados e Controle

É permitido ao administrador fazer atualizações e alterações de dados de usuários da plataforma. Atrela-se o funcionamento dessa funcionalidade ao modal ModalUserAdm por onde são empregadas as configurações de edição.

ModalUserAdm - Overview
ModalUserAdm - Edit

Também é possível a visualização de informações relativas ao usuário selecionado, assim como comparações disponíveis através de gráficos.

Componentes Integrados

  • ModalUserAdm -> controle de administração para usuários.

Requisitos Funcionais

Descrição
Entradas
Saídas
Observações ⭐

Carregamento de dados pelo context

-

-

Integração com ModalUserAdm para controle administrador de usuários

-

-

Acessibilidade via Color Mode - White e Dark

Evento de clique no primeiro ícone do componente AsideMenu

[☀ - 🌙]

Alteração na visualização de cores dentro de toda a aplicação

O controle do modo de cores ocorre através do context ToggleModeStyle.

Responsividade

-

-

Last updated