Introdução
Nesta tela, você pode cadastrar ou editar os dados do usuário, como nome, e-mail, senha, status de ativo/inativo e a foto de perfil.
Se for Administrador, também poderá definir os perfis de acesso.
Funcionalidades Disponíveis
| Ação | Descrição |
|---|---|
| Cadastrar ou Editar Dados Pessoais | Alterar nome, e-mail, senha e ativar/inativar usuário. |
| Trocar Foto | Atualizar a foto do usuário com ferramenta de recorte. |
| Excluir Usuário | Excluir o registro do usuário (se autorizado). |
| Editar Perfis de Acesso | Marcar/desmarcar papéis/perfis (somente para Administradores). |
Campos Principais
| Campo | Descrição |
|---|---|
| Foto | Atualizar a imagem do usuário com recorte no formato quadrado. |
| Nome | Nome do usuário no sistema. |
| E-mail utilizado para login. | |
| Senha | (Opcional) Alterar a senha. |
| Ativo | Indica se o usuário está ativo ou inativo. |
| Perfis de Acesso | Atribuição de papéis (roles) ao usuário (apenas para Admin). |
Modais
| Modal | Função |
|---|---|
| Recorte de Imagem | Permite fazer upload e ajustar a foto antes de salvar. |
Fluxo de Trabalho
-
? Edite os campos desejados (Nome, e-Mail, Ativo/Inativo, Senha).
-
? Para alterar a foto, clique sobre a imagem e faça upload.
→ Você poderá recortar e ajustar a nova foto antes de salvar.
-
?️ Se tiver permissão, selecione ou desmarque perfis de acesso.
-
? Clique em Salvar para confirmar as alterações.
-
?️ Se necessário, use Excluir para apagar o usuário.
Observações Técnicas
- A alteração de senha é opcional: basta deixar o campo vazio se não quiser trocá-la.
- A foto é enviada em Base64 via AJAX e atualizada sem recarregar toda a página.
- Apenas usuários com papel de Administrador podem editar perfis de acesso.
- A integração de imagem utiliza CropperJS e DropzoneJS.
- O botão "Excluir" pode estar protegido por políticas de permissão.
✅ Use essa tela para manter os dados dos usuários sempre atualizados e gerenciar seus perfis de acesso.