Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Bloco destinado para a alteração de senha do usuário.


Figura 1 - Bloco Alterar Senha


As aplicações padrão do Cronapp utilizam esse bloco na função changePassword do arquivo blockly ChangePassword (Localização: Bloco de Programação/Mobile/auth/ChangePassword 

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: src/main/mobileapp/www/js/blockly/auth/ChangePassword.blockly

).

Compatibilidade

  • Bloco cliente mobile cronapi.authentication.changePassword()

Retorno

Bloco sem retorno.

Parâmetros

Bloco sem parâmetros.

Exemplo

Por padrão o Cronappem uma aplicação mobile, o Cronapp realiza a alteração de senha usando o bloco bloco Alterar Senha através do item Mudar Senha do menu de navegação. Ao clicar no item Mudar Senha é exibido um modal "changePassword" para a alteração de senha (Figura 2). Esse modal possui como componentes visuais um botão para execução da função e também 3 entradas de texto para inserção da senha antiga, nova senha e confirmação de senha (Figura 2). Neste padrão, cada campo de texto, na aba Propriedades do editor de views, possui um o Valorespecífico sendo eles (ng-model) específico de "oldPassword", "newPassword" e "confirmationPassword", respectivamente. 


Figura 2 - Modal changePassword


A função abaixo mostra um exemplo de uso do bloco Alterar Senha (Figura 23). Além do uso padrão, este bloco também pode ser usado em outras páginas, para isso é necessário criar um modal semelhante ao descrito anteriormente (Figura 2) e definir o Valor a propriedade Valor (ng-model) de cada entrada de texto, na aba Propriedades do editor de views, para os valores  "oldPassword", "newPassword" e "confirmationPassword".


Figura 3 - Exemplo de uso do bloco Alterar Senha


A imagem a seguir mostra a página inicial de uma aplicação mobile, após clicar no botão "Alterar Senha" é exibido um modal para a alteração de senha.


Figura 4 - Página inicial da aplicação


Após preencher todos os campos e clicar no botão "Alterar senha" a função da Figura 2 é executada. Por fim, se todos os campos estiverem preenchidos corretamente, é exibida uma notificação de que a senha foi alterada com sucesso.


Figura 4.1 5 - Resultado de execução da Figura 3


Nesta página

Índice