Bloco padrão destinado para realizar o cadastro do de um novo usuário.

Figura 1 - Bloco Registre-se

As aplicações padrão do Cronapp utilizam esse bloco na função SignUp do arquivo blockly UserControl nas aplicações Web (Localização: Bloco de Programação/Web/UserControl 

) e Mobile (Localização: Bloco de Programação/Mobile/auth/UserControl

).

Compatibilidade

• Bloco cliente: cronapi.authentication.signup()

Retorno

Bloco sem retorno.

Parâmetros

Nome do usuário

Nome do usuário para cadastro.

• Posição: 1
• Inglês: Username
• Tipo: Texto / String
• Exemplo: "user"

E-mail

E-mail do usuário para cadastro.

• Posição: 2
• Inglês: Email
• Tipo: Texto / String
• Exemplo: "user@gmail.com"

Senha

Senha do usuário a ser cadastrado.

• Posição: 3
• Inglês: Password
• Tipo: Texto / String
• Exemplo: "minh@Senha"

Confirmação de Senha

Confirmação de senha do usuário a ser cadastrado.

• Posição: 4
• Inglês: Confirm Password
• Tipo: Texto / String
• Exemplo: "minh@Senha"

Exemplo

Por padrão, os projetos criados no Cronapp, utilizam o bloco Registre-se através da página sigup (Localização: Formulários/Web/Público/

). Essa página possui como componentes visuais um botão para execução da função e também 4 entradas de texto para cada um dos parâmetros do parâmetros do bloco: nome do usuário, e-mail, 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 "signupUsername.value", "signupEmail.value", "signupPassword.value" e "signupConfirmPassword.value", respectivamente. 

Figura 2 - Componentes visuais da tela signup

A Figura 3 mostra um exemplo de uso do bloco Registre-se. Este bloco chama de forma interna o bloco Validação para Cadastro de Usuário, responsável por validar as informações de cadastro do novo usuário.

Além do uso padrão mencionado anteriormente, este bloco também pode ser usado em outras páginas, para isso é necessário criar uma página semelhante a da Figura 2 e definir a propriedade Valor (ng-model) de cada entrada de texto, na aba Propriedades do editor de views, para os valores "signupUsername.value", "signupEmail.value", "signupPassword.value" e "signupConfirmPassword.value".A imagem abaixo mostra um exemplo de uso do bloco Validação para o Cadastro de Usuário. A função valida os dados de cadastro de um novo usuário, e retorna "true", caso os dados sejam válidos, e "false" caso contrário. Falar dos parâmetros

Figura 3 - Exemplo de uso do bloco Registre-se

A imagem a seguir mostra uma tela para cadastro das informações de cadastro de um novo usuário. Após preencher todos os campos e clicar no botão "Cadastrar" a função da Figura 3 é executada. Se todos os campos estiverem preenchidos corretamente é exibida uma notificação de que o usuário foi cadastrado registrado com sucesso.

Figura 4 - Resultado exibido a partir das configurações da Figura 3

Após o cadastro é possível que o novo usuário faça login na aplicação. A imagem abaixo mostra a tela de usuários da aplicação contendo o novo usuário cadastrado.

Figura 5 - Tela de usuários cadastrados na aplicação