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 "Recuperar Senha" 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\_retrieve\_pswd", 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:
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 {new\_user}:
**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 recuperar senhafunction scHideUserField(fieldName) { if(fieldName == 'retrieve\_pswd') { $('#id-retrieve\_pswd-1').hide(); } }function scShowUserField(fieldName){ if(fieldName == 'retrieve\_pswd') { $('#id-retrieve\_pswd-1').show(); }}*
**É importante salientar que este script deve ser adicionado dentro da tag "head" do arquivo HTML do template.**
Outro ponto antes de finalizar é relacionado ao "id" do campo que é passado como parâmetro dentro das condicionais nas funções.
Esse "id" deve 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 qual o "id" representa o campo "retrieve\_pswd" 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 "Recuperar Senha".
A informação que nos interessa está dentro tag "div" que está acima do código em destaque, que é justamente o **"id-retrieve\_pwsd-1".**Basta substituir o "id" do script pelo "id" que consta no seu template HTML.
***No script de exemplo acima, esse id já consta 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 "Recuperar Senha" para ser mostrado ou não na tela de Login.
