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.
Image Added
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 | ||||
---|---|---|---|---|
| ||||
Endereço: |
).
Image Removed
Figura 1 - Bloco Alterar SenhaCompatibilidade
- Bloco cliente mobile: cronapi.authentication.changePassword()
Retorno
Bloco sem retorno.
Parâmetros
Bloco sem parâmetros.
Exemplo
Por padrão, em uma aplicação mobile, o Cronapp realiza a alteração de senha usando o 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 o Valor (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 3). 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 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 5 - Resultado de execução da Figura 3
Nesta página
Índice |
---|