Neste artigo, iremos aprender como habilitar o recurso de "Esconder/Mostrar" que está disponível dentro da opção "Segurança -> Configurações", para o campo "Lembrar Login" que encontra-se na tela de login que foi gerada com template HTML.
Atualmente esse recurso é habilitado de forma automática quando o módulo de segurança é gerado sem a utilização de um template HTML customizado para a tela de Login. No entanto, para que possamos habilitar na nossa tela de login que possui um template HTML, devemos adicionar duas funções *JavaScript* dentro do arquivo index de nosso template.
Vejamos abaixo os procedimentos realizados em cada tópico:
**Habilitando o campo dentro do arquivo index do template HTML**
Caso o campo não esteja habilitado no seu template, precisamos seguir o passo a passo abaixo:
1 - Dentro da aplicação de Login no seu ScriptCase, mais precisamente em "HTML do usuário", clicamos no botão *Checar* para que seja feita uma verificação dos campos que não constam dentro do arquivo do template HTML que fica nas bibliotecas externas. O resultado esperado deve ser o que consta nas imagens abaixo:
2 - Ao clicar em "SC\_FIELD\_INFO\_remember\_me", abrirá uma janela modal que nos mostrará um exemplo de onde o campo deve ser adicionado dentro do template HTML:
3 - Vamos até a opção "Ferramentas -> Bibliotecas Externas", logo em seguida "Editar" na biblioteca que estamos utilizando para o template HTML do login, e buscamos o arquivo ".html":
4 - Adicionamos o campo dentro da tag "form" no código HTML, e salvamos o arquivo:
**Para esse caso, devemos adicionar além do campo, uma tag "span" para inserir o campo dentro dela, pois o campo "Lembrar-me" envolve tanto o texto em si, como também o checkbox que selecionamos. Por isso, precisaremos inserir o campo dentro dessa tag HTML.**
5 - Voltamos a aplicação de Login, e clicamos novamente no botão ***Checar***(conforme o primeiro passo), e obtemos o check "OK" para o campo {remember\_me}:
**Habilitando as funções****"*scHideUserField()*"****e****"*scShowUserField()*"****para habilitar o "Esconder/Mostrar"**
Para que essa opção funcione nas configurações do Módulo de Segurança, precisaremos adicionar essas duas funções dentro do código HTML do nosso template.
O script de ambas está disponível abaixo para que possamos apenas copiar, colar e salvar:
1. *// Função para habilitar e desabilitar o campo lembrar-mefunction scHideUserField(fieldName) { if(fieldName == 'remember\_me') { $('#id\_sc\_field\_remember\_me\_1').hide(); $('#txtremember').hide(); }}function scShowUserField(fieldName){ if(fieldName == 'remember\_me') { $('#id\_sc\_field\_remember\_me\_1').show(); $('#txtremember').show(); }}*
**É importante salientar que este script deve ser adicionado dentro da tag "head" do arquivo HTML do template.**
Outro ponto importante que devemos nos atentar, é relacionado ao "id" do campo que é passado como parâmetro dentro das condicionais nas funções, e além disso, o "id" do texto que representa o label "Lembrar-me", pois para esse caso teremos o checkbox e o texto separadamente, como é possível identificar dentro da condicional do campo "remember\_me" no script acima.
Esses "ids" devem estar de acordo com o que é referenciado no código HTML do template, e para que possamos capturar essa informação, nós podemos inspecionar o elemento com a aplicação de Login em execução, e identificar quais os "ids" representam o campo "remember\_me" para substituir o que encontra-se no script acima.
Como é possível verificar na imagem abaixo, à direita está o código HTML do template, mas em destaque está o "Lembrar-me".
A informação que nos interessa está dentro tag "div" que está acima do código em destaque, que é justamente o id **"txtremember"** e o id **"id-remember\_me-1".**Basta substituir ambos os "ids" do script pelos "ids" que constam no seu template HTML:
***No script de exemplo acima, esses ids já constam dentro da condicional, porque trata-se do template de exemplo da biblioteca samples do ScriptCase.***
Feito isso, basta salvar e executar a aplicação novamente, e acessar a conta para entrar na opção "Segurança -> Configurações", e habilitar ou desabilitar o campo " para ser mostrado ou não na tela de Login.
