Repository navigation
Release note - v1.6.0
Novas Funcionalidades
- Verificação de Status Code HTTP: O sistema agora verifica detalhadamente o código de status das respostas HTTP durante o processo de autenticação. As mudanças incluem:
- Status 401 (Não Autorizado): Se a resposta indicar que o acesso foi negado (status 401), será exibido um modal com a mensagem "Acesso não autorizado".
- Status 200 (Sucesso): Quando a resposta indicar sucesso (status 200), o token de autenticação será armazenado no cookie do navegador, permitindo o gerenciamento seguro de sessões de usuário.
- Status 5xx (Erro no Servidor): Caso ocorra um erro de servidor (status 5xx), o modal exibirá a mensagem "Erro no servidor" junto com o código do erro.
Melhorias
- Exibição de Modais com Barra de Progresso: A interface do usuário foi aprimorada para incluir uma barra de progresso que diminui continuamente durante 5 segundos quando um erro ou sucesso é mostrado. Este feedback visual melhora a experiência do usuário ao indicar o progresso da operação.
- Tempo de Diminuição da Barra de Progresso: A barra agora diminui a largura a cada 100 milissegundos, garantindo uma transição suave e visível.
- Fechamento Automático do Modal: O modal é automaticamente fechado após a barra de progresso completar sua animação.
Alterações Detalhadas
-
Arquivo
alert.js:- Refatoração e Otimização: Reduzido e otimizado o código para manipulação de eventos de alerta e progresso. O script agora é mais eficiente em termos de desempenho e manutenção.
- Modais e Barras de Progresso: Implementação de uma função
showModalque controla a exibição e o fechamento de modais, além de gerenciar a barra de progresso.
-
Novo Arquivo
login.js:- Função de Envio de Formulário: Implementação de lógica para coleta de dados do formulário, conversão em JSON e envio de requisição HTTP usando Axios.
- Tratamento de Respostas: Implementação da função
makeRequestpara enviar requisições e tratar as respostas com base nos códigos de status, exibindo mensagens apropriadas através do modal.
-
Arquivo
index.html:- Integração com Novos Scripts: Atualização dos scripts incluídos e ajustes na estrutura do HTML para compatibilidade com os novos recursos.
- Elementos de UI: Correção e atualização dos elementos de interface do usuário para suportar a nova lógica de modais e exibição de erros.
Impacto
Esta atualização melhora significativamente a robustez e a usabilidade do sistema de autenticação, garantindo que os usuários recebam feedback claro e imediato sobre o sucesso ou falha de suas tentativas de login.