Spinner de Carregamento no Login

16 de julho de 2026

Lançámos hoje a versão 1.15.0 da Prorigem com uma melhoria de usabilidade e feedback visual no formulário de login: o botão "Entrar" exibe agora um spinner de carregamento enquanto o pedido de autenticação está a ser processado e fica desativado para impedir duplos cliques.

Até agora, depois de clicar em "Entrar", o formulário era submetido sem qualquer indicação visual de que algo estava a acontecer. Em conexões mais lentas, o utilizador podia clicar várias vezes sem saber se o clique tinha sido registado. Esta atualização resolve ambos os problemas de uma só vez.

O que muda

Ao clicar no botão "Entrar", o texto desaparece e dá lugar a um pequeno spinner animado. O botão fica desativado (cursor not-allowed e opacidade reduzida), impedindo qualquer clique adicional durante o processamento do login.

Como funciona

A validação dos campos (analisar_dados()) continua a ser feita antes de qualquer alteração visual. Só depois de validar é que o spinner é ativado e o botão desativado:

function handleLoginSubmit() {
    if (!analisar_dados()) return false;
    var btn = document.getElementById('btn-login');
    var text = document.getElementById('btn-login-text');
    var spinner = document.getElementById('btn-login-spinner');
    btn.disabled = true;
    text.style.display = 'none';
    spinner.style.display = 'inline-block';
    return true;
}

O spinner é construído apenas com CSS — um círculo com borda parcialmente transparente e animação de rotação. Zero JavaScript adicional, zero dependências.

Próximos Passos

Continuamos a melhorar a experiência de autenticação e o painel de administração:

Pequenas melhorias que tornam a experiência mais clara e responsiva. Tem sugestões? Use o formulário de contacto.

← Voltar ao Blog