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"> | ... | ... |