Commit f87913892b3ca7d3b2b330b4e71764b3d0acb05a

Authored by Rafael Diego
1 parent f0aff5fc

Detalhes da página de logine páginas de recuperação de senha

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
@@ -110,4 +110,8 @@ @@ -110,4 +110,8 @@
110 vertical-align:middle; 110 vertical-align:middle;
111 cursor:pointer; 111 cursor:pointer;
112 } 112 }
  113 +
  114 + .dados-obrigatorios {
  115 + float: right;
  116 + }
113 } 117 }
src/app/pages/auth/change.html 0 → 100644
@@ -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>
src/app/pages/auth/recover.html 0 → 100644
@@ -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">