web - Conta

[dedeski]

Definição:

Como usuário, quero poder acrescentar ou alterar informações pessoais de acesso para que eu possa personalizar a minha conta.

Descrição:

A funcionalidade Conta deverá permitir ao usuário incluir, editar e excluir informações pessoais para que ele possa manter o acesso e dados da conta atualizados.

Protótipo:

https://www.figma.com/file/cCdALGucKSuO1sa4BSUQww/Routinely?node-id=0%3A1&mode=dev

---

Critérios de Aceite:

A funcionalidade Conta deverá permitir a inclusão, edição e / ou exclusão dos seguintes dados:

• Foto do Perfil
• Nome do usuário
• E-mail de cadastro de acesso

Os campos Nome do Usuário e E-mail deverão se apresentar editáveis.
As alterações feitas nesses campos só serão gravadas: 1) Após o usuário selecionar Salvar alterações e 2) Os dados informados estejam nos formatos permitidos.

Campo Foto do Perfil:

• É um campo opcional.
• É um campo de imagem.
• Deverá permitir somente arquivos no formato .jpg | .png | .jpeg.
• Caso o arquivo enviado não atenda aos requisitos de formato de arquivo, deverá ser exibida a mensagem “Esse formato de arquivo não é permitido. Utilize um arquivo nos formatos .jpg .png .jpeg.”
• Deverá permitir somente arquivos respeitando o tamanho máximo de 1MB.
• Caso o arquivo enviado não atenda ao requisito de tamanho máximo, deverá ser exibida a mensagem “O arquivo deve ter no máximo 1MB.”
• A imagem carregada, independente da forma, será recortada para se adaptar à máscara de exibição da Foto de Perfil, respeitando a proporção 1:1 (quadrado), sendo redimensionada para 150 x 150 px.

Opção "Mudar Foto" (incluir ou editar imagem)

• O sistema deverá abrir uma janela para que o usuário escolha o arquivo a ser enviado.
• O sistema deverá permitir ao usuário buscar arquivos somente no dispositivo atual.
• Ao confirmar a seleção e o envio do arquivo desejado, estando todos os requisitos atendidos, a Foto de Perfil será atualizada.

Opção “Remover Foto” (excluir imagem)
Ao selecionar a opção Remover Foto, o sistema excluirá a imagem da Foto de Perfil.

Campo Nome do Usuário:

• É um campo obrigatório.
• Deverá permitir somente letras maiúsculas e minúsculas, e os caracteres especiais ‘ (apóstrofe) e - (hífen) .
• Deverá permitir até 50 caracteres.

Campo E-mail:

• É um campo obrigatório.
• Deverá permitir somente letras maiúsculas e minúsculas, números e os caracteres . (ponto) , - (hífen) e _ (subscrito).
• Deverá permitir até 50 caracteres.
• O e-mail informado deverá estar no formato [email protected]
• Caso o e-mail informado não esteja dentro do formato permitido, o sistema deverá exibir a mensagem "E-mail inválido. Por favor, verifique o e-mail inserido."