Customização Login (Exibir Senha)

[edvan]

Criei uma customização para o painel do cliente (WHMCS v6, template six) que permite habilitar temporariamente a visualização da senha através de um checkbox com intuito de facilitar a digitação.

Demonstração http://screencast.com/t/8WISIyeRk

Informações http://www.whmcs.blog.br/personalizacao/customizacao-login-cliente/

[MayconSilva]

Muito bom!! Ótima opção para os clientes leigos rs.  

Obrigado!

[S1Host - Web Hosting]

Show @edvan ficou muito bom!

[VictorHScatolon]

Massa edvan, gostei +1

Enviado do meu Galaxy S6 usando Tapatalk.

[Rafael DevOps]

Boa, não é nem por questão de usuário leigo, pq está se tornando bom utilizar esse método em aplicativos que serão visualizados por smartphones (Hj é item de melhoria da usabilidade para o usuário pensar nisso), quem já não repetiu algumas vezes a senha para conseguir entrar com o smart ou tablet, por isso os desenvolvedores começaram a utilizar isso, agora lógico o resto é com o usuário, em uma tela pequena onde vc digita ali perto do seu corpo fica dificil alguém ver, mas a pessoa utilizar o método em uma tela grande é pedir para os outros saberem a sua senha.

[edvan]

56 minutos atrás, Rafael DevOps disse:

Boa, não é nem por questão de usuário leigo, pq está se tornando bom utilizar esse método em aplicativos que serão visualizados por smartphones (Hj é item de melhoria da usabilidade para o usuário pensar nisso), quem já não repetiu algumas vezes a senha para conseguir entrar com o smart ou tablet, por isso os desenvolvedores começaram a utilizar isso, agora lógico o resto é com o usuário, em uma tela pequena onde vc digita ali perto do seu corpo fica dificil alguém ver, mas a pessoa utilizar o método em uma tela grande é pedir para os outros saberem a sua senha.

Excelente colocação!

Pela lógica o usuário só irá marcar a opção "Exibir Senha" se tiver 100% de certeza que não estará compartilhando a senha.

[IagoSouza]

Ótimo como sempre Edvan!

[FernandoM]

Bem legal!

Obrigado por compartilhar :)

[edvan]

Atualizando o tópico, se você utiliza o WHMCS v7 a customização teve uma alteração para simplificar.

Demonstração na v7.1.2 http://nimb.ws/gtOD9H

Edite o arquivo login.tpl (templates/six) e insira após a linha 22:

<div class="checkbox">
    <label>
       <input type="checkbox" id="exibir" name="exibir" /> Exibir Senha
    </label>
</div>
{literal}
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#exibir").click(function() {
 jQuery('#inputPassword').attr('type', $(this).is(':checked') ? 'text' : 'password');
 });
}); 
</script>
{/literal}

[Rodrigo Henrik]

Excelente @edvan, recurso muito útil. Obrigado por compartilhar.