Commit f87913892b3ca7d3b2b330b4e71764b3d0acb05a
1 parent
f0aff5fc
Exists in
master
and in
8 other branches
Detalhes da página de logine páginas de recuperação de senha
Showing
5 changed files
with
153 additions
and
4 deletions
Show diff stats
src/app/index.route.js
@@ -35,6 +35,32 @@ | @@ -35,6 +35,32 @@ | ||
35 | 'footer': { templateUrl: 'app/pages/footer/footer.html' } | 35 | 'footer': { templateUrl: 'app/pages/footer/footer.html' } |
36 | } | 36 | } |
37 | }) | 37 | }) |
38 | + .state('recuperar', { | ||
39 | + url: '/recuperar', | ||
40 | + ncyBreadcrumb: {label: 'Recuperar'}, | ||
41 | + views: { | ||
42 | + 'header': { templateUrl: 'app/pages/header/header.html' }, | ||
43 | + 'main': { | ||
44 | + templateUrl: 'app/pages/auth/recover.html', | ||
45 | + controller: 'AuthPageController', | ||
46 | + controllerAs: 'pageSignin' | ||
47 | + }, | ||
48 | + 'footer': { templateUrl: 'app/pages/footer/footer.html' } | ||
49 | + } | ||
50 | + }) | ||
51 | + .state('alterar', { | ||
52 | + url: '/alterar', | ||
53 | + ncyBreadcrumb: {label: 'Alterar'}, | ||
54 | + views: { | ||
55 | + 'header': { templateUrl: 'app/pages/header/header.html' }, | ||
56 | + 'main': { | ||
57 | + templateUrl: 'app/pages/auth/change.html', | ||
58 | + controller: 'AuthPageController', | ||
59 | + controllerAs: 'pageSignin' | ||
60 | + }, | ||
61 | + 'footer': { templateUrl: 'app/pages/footer/footer.html' } | ||
62 | + } | ||
63 | + }) | ||
38 | .state('cadastrar', { | 64 | .state('cadastrar', { |
39 | url: '/cadastrar', | 65 | url: '/cadastrar', |
40 | ncyBreadcrumb: {label: 'Cadastrar'}, | 66 | ncyBreadcrumb: {label: 'Cadastrar'}, |
src/app/pages/auth/auth.scss
@@ -0,0 +1,63 @@ | @@ -0,0 +1,63 @@ | ||
1 | + <div class="container"> | ||
2 | + <div class="row"> | ||
3 | + <div class="col-sm-12"> | ||
4 | + <h2>Esqueci minha senha</h2> | ||
5 | + <h5>Agra é só criar e confirmar sua nova senha.</h5> | ||
6 | + </div> | ||
7 | + </div> | ||
8 | +</div> | ||
9 | +<section role="main" class="section-gray auth-content"> | ||
10 | + <div class="container"> | ||
11 | + <div class="row"> | ||
12 | + <!-- Mostra só se estiver logado --> | ||
13 | + <div ng-if="pageSignin.currentUser"> | ||
14 | + <div class="row"> | ||
15 | + <div class="col-sm-8 col-sm-offset-2"> | ||
16 | + <h3>Você está logado!</h3> | ||
17 | + <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button> | ||
18 | + </div> | ||
19 | + </div> | ||
20 | + </div> | ||
21 | + <!-- Mostra só se não estiver logado --> | ||
22 | + <div ng-if="!pageSignin.currentUser"> | ||
23 | + <br> | ||
24 | + <div class="col-sm-8 col-sm-offset-2"> | ||
25 | + <div class="row"> | ||
26 | + <div class="col-md-12"> | ||
27 | + <form name="loginForm" ng-submit=""> | ||
28 | + <div class="row"> | ||
29 | + <div class="col-md-6"> | ||
30 | + <div class="form-group"> | ||
31 | + <label for="inputPassword">Senha*</label> | ||
32 | + <input type="password" id="inputPassword" class="form-control input-lg" required="" autofocus=""> | ||
33 | + </div> | ||
34 | + </div> | ||
35 | + <div class="col-md-6"> | ||
36 | + <div class="form-group"> | ||
37 | + <label for="inputRepeatPassword">Confirmar senha*</label> | ||
38 | + <input type="password" id="inputRepeatPassword" class="form-control input-lg" required="" autofocus=""> | ||
39 | + </div> | ||
40 | + </div> | ||
41 | + </div> | ||
42 | + <div class="row"> | ||
43 | + <div class="col-sm-12"> | ||
44 | + <span>A senha deve ter 6 ou mais caracteres e conter números e letras.</span> | ||
45 | + </div> | ||
46 | + </div> | ||
47 | + <br> | ||
48 | + <div class="row"> | ||
49 | + <div class="col-md-6 col-sm-offset-3"> | ||
50 | + <div class="form-group"> | ||
51 | + <button class="btn btn-lg btn-block btn-submit" type="submit">Confirmar alteração de senha</button> | ||
52 | + </div> | ||
53 | + </div> | ||
54 | + </div> | ||
55 | + </form> | ||
56 | + </div> | ||
57 | + </div> | ||
58 | + </div> | ||
59 | + <br> | ||
60 | + </div> | ||
61 | + </div> | ||
62 | + </div> | ||
63 | +</section> |
@@ -0,0 +1,49 @@ | @@ -0,0 +1,49 @@ | ||
1 | + <div class="container"> | ||
2 | + <div class="row"> | ||
3 | + <div class="col-sm-12"> | ||
4 | + <h2>Esqueci minha senha</h2> | ||
5 | + <h5>Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração.</h5> | ||
6 | + </div> | ||
7 | + </div> | ||
8 | +</div> | ||
9 | +<section role="main" class="section-gray auth-content"> | ||
10 | + <div class="container"> | ||
11 | + <div class="row"> | ||
12 | + <!-- Mostra só se estiver logado --> | ||
13 | + <div ng-if="pageSignin.currentUser"> | ||
14 | + <div class="row"> | ||
15 | + <div class="col-sm-8 col-sm-offset-2"> | ||
16 | + <h3>Você está logado!</h3> | ||
17 | + <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button> | ||
18 | + </div> | ||
19 | + </div> | ||
20 | + </div> | ||
21 | + <!-- Mostra só se não estiver logado --> | ||
22 | + <div ng-if="!pageSignin.currentUser"> | ||
23 | + <br> | ||
24 | + <div class="col-sm-8 col-sm-offset-2"> | ||
25 | + <div class="row"> | ||
26 | + <div class="col-md-12"> | ||
27 | + <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)"> | ||
28 | + <div class="form-group"> | ||
29 | + <label for="inputUsername">E-mail*</label> | ||
30 | + <input type="text" id="inputUsername" class="form-control input-lg" required="" autofocus="" ng-model="pageSignin.credentials.username"> | ||
31 | + </div> | ||
32 | + <div class="form-group"> | ||
33 | + <div class="input-group"> | ||
34 | + <label for="inputPassword">Digite o texto desta imagem</label><br> | ||
35 | + <span>Aqui vai um CAPTCHA</span> | ||
36 | + </div> | ||
37 | + </div> | ||
38 | + <div class="form-group"> | ||
39 | + <button class="btn btn-lg btn-block btn-submit" type="submit">Solicitar alteração de senha</button> | ||
40 | + </div> | ||
41 | + </form> | ||
42 | + </div> | ||
43 | + </div> | ||
44 | + </div> | ||
45 | + <br> | ||
46 | + </div> | ||
47 | + </div> | ||
48 | + </div> | ||
49 | +</section> |
src/app/pages/auth/signin.html
1 | + <div class="container"> | ||
2 | + <div class="row"> | ||
3 | + <div class="col-sm-12"> | ||
4 | + <h2>Cadastrar ou entrar</h2> | ||
5 | + </div> | ||
6 | + </div> | ||
7 | +</div> | ||
1 | <section role="main" class="section-gray auth-content"> | 8 | <section role="main" class="section-gray auth-content"> |
2 | <div class="container"> | 9 | <div class="container"> |
3 | <div class="row"> | 10 | <div class="row"> |
@@ -12,10 +19,9 @@ | @@ -12,10 +19,9 @@ | ||
12 | </div> | 19 | </div> |
13 | <!-- Mostra só se não estiver logado --> | 20 | <!-- Mostra só se não estiver logado --> |
14 | <div ng-if="!pageSignin.currentUser"> | 21 | <div ng-if="!pageSignin.currentUser"> |
15 | - | ||
16 | <div class="col-sm-6"> | 22 | <div class="col-sm-6"> |
17 | <div class="row"> | 23 | <div class="row"> |
18 | - <div class="col-sm-10 col-sm-offset-2"> | 24 | + <div class="col-md-12"> |
19 | <h2>Já possui cadastro</h2> | 25 | <h2>Já possui cadastro</h2> |
20 | <p>Use seus dados para acessar o Dialoga Brasil</p> | 26 | <p>Use seus dados para acessar o Dialoga Brasil</p> |
21 | <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)"> | 27 | <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)"> |
@@ -36,12 +42,12 @@ | @@ -36,12 +42,12 @@ | ||
36 | </div> | 42 | </div> |
37 | </div> | 43 | </div> |
38 | <div class="row"> | 44 | <div class="row"> |
39 | - <div class="col-sm-10 col-sm-offset-2"> | 45 | + <div class="col-md-12"> |
40 | <hr class="separator separator-or"></hr> | 46 | <hr class="separator separator-or"></hr> |
41 | </div> | 47 | </div> |
42 | </div> | 48 | </div> |
43 | <div class="row"> | 49 | <div class="row"> |
44 | - <div class="col-md-5 col-md-offset-2"> | 50 | + <div class="col-md-5"> |
45 | <button type="button" class="btn btn-lg btn-block btn-social btn-facebook"> | 51 | <button type="button" class="btn btn-lg btn-block btn-social btn-facebook"> |
46 | <div class="border-social-icon border-social-facebook"> | 52 | <div class="border-social-icon border-social-facebook"> |
47 | <span class="glyphicon icon-google-plus icon-white" aria-hidden="true"> | 53 | <span class="glyphicon icon-google-plus icon-white" aria-hidden="true"> |
@@ -110,6 +116,7 @@ | @@ -110,6 +116,7 @@ | ||
110 | <form name="loginForm"> | 116 | <form name="loginForm"> |
111 | <div class="form-group"> | 117 | <div class="form-group"> |
112 | <label for="inputNome">Nome:</label> | 118 | <label for="inputNome">Nome:</label> |
119 | + <span class="dados-obrigatorios">*Dados obrigatórios</span> | ||
113 | <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus=""> | 120 | <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus=""> |
114 | </div> | 121 | </div> |
115 | <div class="form-group"> | 122 | <div class="form-group"> |