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 | 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 | 64 | .state('cadastrar', { |
39 | 65 | url: '/cadastrar', |
40 | 66 | ncyBreadcrumb: {label: 'Cadastrar'}, | ... | ... |
src/app/pages/auth/auth.scss
... | ... | @@ -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 @@ |
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 | 8 | <section role="main" class="section-gray auth-content"> |
2 | 9 | <div class="container"> |
3 | 10 | <div class="row"> |
... | ... | @@ -12,10 +19,9 @@ |
12 | 19 | </div> |
13 | 20 | <!-- Mostra só se não estiver logado --> |
14 | 21 | <div ng-if="!pageSignin.currentUser"> |
15 | - | |
16 | 22 | <div class="col-sm-6"> |
17 | 23 | <div class="row"> |
18 | - <div class="col-sm-10 col-sm-offset-2"> | |
24 | + <div class="col-md-12"> | |
19 | 25 | <h2>Já possui cadastro</h2> |
20 | 26 | <p>Use seus dados para acessar o Dialoga Brasil</p> |
21 | 27 | <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)"> |
... | ... | @@ -36,12 +42,12 @@ |
36 | 42 | </div> |
37 | 43 | </div> |
38 | 44 | <div class="row"> |
39 | - <div class="col-sm-10 col-sm-offset-2"> | |
45 | + <div class="col-md-12"> | |
40 | 46 | <hr class="separator separator-or"></hr> |
41 | 47 | </div> |
42 | 48 | </div> |
43 | 49 | <div class="row"> |
44 | - <div class="col-md-5 col-md-offset-2"> | |
50 | + <div class="col-md-5"> | |
45 | 51 | <button type="button" class="btn btn-lg btn-block btn-social btn-facebook"> |
46 | 52 | <div class="border-social-icon border-social-facebook"> |
47 | 53 | <span class="glyphicon icon-google-plus icon-white" aria-hidden="true"> |
... | ... | @@ -110,6 +116,7 @@ |
110 | 116 | <form name="loginForm"> |
111 | 117 | <div class="form-group"> |
112 | 118 | <label for="inputNome">Nome:</label> |
119 | + <span class="dados-obrigatorios">*Dados obrigatórios</span> | |
113 | 120 | <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus=""> |
114 | 121 | </div> |
115 | 122 | <div class="form-group"> | ... | ... |