From f87913892b3ca7d3b2b330b4e71764b3d0acb05a Mon Sep 17 00:00:00 2001
From: Rafael Diego <rafael.gomes@serpro.gov.br>
Date: Fri, 4 Sep 2015 11:54:58 -0300
Subject: [PATCH] Detalhes da página de logine  páginas de recuperação de senha

---
 src/app/index.route.js          | 26 ++++++++++++++++++++++++++
 src/app/pages/auth/auth.scss    |  4 ++++
 src/app/pages/auth/change.html  | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/app/pages/auth/recover.html | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 src/app/pages/auth/signin.html  | 15 +++++++++++----
 5 files changed, 153 insertions(+), 4 deletions(-)
 create mode 100644 src/app/pages/auth/change.html
 create mode 100644 src/app/pages/auth/recover.html

diff --git a/src/app/index.route.js b/src/app/index.route.js
index 446a820..f2e8bb9 100644
--- a/src/app/index.route.js
+++ b/src/app/index.route.js
@@ -35,6 +35,32 @@
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
+      .state('recuperar', {
+        url: '/recuperar',
+        ncyBreadcrumb: {label: 'Recuperar'},
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': {
+            templateUrl: 'app/pages/auth/recover.html',
+            controller: 'AuthPageController',
+            controllerAs: 'pageSignin'
+          },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
+      .state('alterar', {
+        url: '/alterar',
+        ncyBreadcrumb: {label: 'Alterar'},
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': {
+            templateUrl: 'app/pages/auth/change.html',
+            controller: 'AuthPageController',
+            controllerAs: 'pageSignin'
+          },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
       .state('cadastrar', {
         url: '/cadastrar',
         ncyBreadcrumb: {label: 'Cadastrar'},
diff --git a/src/app/pages/auth/auth.scss b/src/app/pages/auth/auth.scss
index 8e28d12..9786733 100644
--- a/src/app/pages/auth/auth.scss
+++ b/src/app/pages/auth/auth.scss
@@ -110,4 +110,8 @@
       vertical-align:middle;
       cursor:pointer;
     }
+
+    .dados-obrigatorios {
+      float: right;
+    }
 }
diff --git a/src/app/pages/auth/change.html b/src/app/pages/auth/change.html
new file mode 100644
index 0000000..bc0b8b9
--- /dev/null
+++ b/src/app/pages/auth/change.html
@@ -0,0 +1,63 @@
+ <div class="container">
+   <div class="row">
+    <div class="col-sm-12">
+     <h2>Esqueci minha senha</h2>
+     <h5>Agra é só criar e confirmar sua nova senha.</h5>
+   </div>
+ </div>
+</div>
+<section role="main" class="section-gray auth-content">
+  <div class="container">
+    <div class="row">
+      <!-- Mostra só se estiver logado  -->
+      <div ng-if="pageSignin.currentUser">
+        <div class="row">
+          <div class="col-sm-8 col-sm-offset-2">
+            <h3>Você está logado!</h3>
+            <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
+          </div>
+        </div>
+      </div>
+      <!-- Mostra só se não estiver logado  -->
+      <div ng-if="!pageSignin.currentUser">
+        <br>
+        <div class="col-sm-8 col-sm-offset-2">
+          <div class="row">
+            <div class="col-md-12">
+              <form name="loginForm" ng-submit="">
+                <div class="row">
+                  <div class="col-md-6">
+                    <div class="form-group">
+                      <label for="inputPassword">Senha*</label>
+                      <input type="password" id="inputPassword" class="form-control input-lg" required="" autofocus="">
+                    </div>
+                  </div>
+                  <div class="col-md-6">
+                    <div class="form-group">
+                      <label for="inputRepeatPassword">Confirmar senha*</label>
+                      <input type="password" id="inputRepeatPassword" class="form-control input-lg" required="" autofocus="">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-sm-12">
+                    <span>A senha deve ter 6 ou mais caracteres e conter números e letras.</span>
+                  </div>
+                </div>
+                    <br>
+                <div class="row">
+                  <div class="col-md-6 col-sm-offset-3">
+                    <div class="form-group">
+                      <button class="btn btn-lg btn-block btn-submit" type="submit">Confirmar alteração de senha</button>
+                    </div>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <br>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/src/app/pages/auth/recover.html b/src/app/pages/auth/recover.html
new file mode 100644
index 0000000..d4bc547
--- /dev/null
+++ b/src/app/pages/auth/recover.html
@@ -0,0 +1,49 @@
+ <div class="container">
+  <div class="row">
+    <div class="col-sm-12">
+      <h2>Esqueci minha senha</h2>
+      <h5>Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração.</h5>
+    </div>
+  </div>
+</div>
+<section role="main" class="section-gray auth-content">
+  <div class="container">
+    <div class="row">
+      <!-- Mostra só se estiver logado  -->
+      <div ng-if="pageSignin.currentUser">
+        <div class="row">
+          <div class="col-sm-8 col-sm-offset-2">
+            <h3>Você está logado!</h3>
+            <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
+          </div>
+        </div>
+      </div>
+      <!-- Mostra só se não estiver logado  -->
+      <div ng-if="!pageSignin.currentUser">
+        <br>
+        <div class="col-sm-8 col-sm-offset-2">
+          <div class="row">
+            <div class="col-md-12">
+              <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)">
+                <div class="form-group">
+                  <label for="inputUsername">E-mail*</label>
+                  <input type="text" id="inputUsername" class="form-control input-lg" required="" autofocus="" ng-model="pageSignin.credentials.username">
+                </div>
+                <div class="form-group">
+                  <div class="input-group">
+                    <label for="inputPassword">Digite o texto desta imagem</label><br>
+                    <span>Aqui vai um CAPTCHA</span>
+                  </div>
+                </div>
+                <div class="form-group">
+                  <button class="btn btn-lg btn-block btn-submit" type="submit">Solicitar alteração de senha</button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <br>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/src/app/pages/auth/signin.html b/src/app/pages/auth/signin.html
index 4a58fed..6ea3bc2 100644
--- a/src/app/pages/auth/signin.html
+++ b/src/app/pages/auth/signin.html
@@ -1,3 +1,10 @@
+ <div class="container">
+  <div class="row">
+    <div class="col-sm-12">
+      <h2>Cadastrar ou entrar</h2>
+    </div>
+  </div>
+</div>
 <section role="main" class="section-gray auth-content">
   <div class="container">
     <div class="row">
@@ -12,10 +19,9 @@
       </div>
       <!-- Mostra só se não estiver logado  -->
       <div ng-if="!pageSignin.currentUser">
-
         <div class="col-sm-6">
           <div class="row">
-            <div class="col-sm-10 col-sm-offset-2">
+            <div class="col-md-12">
               <h2>Já possui cadastro</h2>
               <p>Use seus dados para acessar o Dialoga Brasil</p>
               <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)">
@@ -36,12 +42,12 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-sm-10 col-sm-offset-2">
+            <div class="col-md-12">
               <hr class="separator separator-or"></hr>
             </div>
           </div>
           <div class="row">
-            <div class="col-md-5 col-md-offset-2">
+            <div class="col-md-5">
              <button type="button" class="btn btn-lg btn-block btn-social btn-facebook">
               <div class="border-social-icon border-social-facebook">
                 <span class="glyphicon icon-google-plus icon-white" aria-hidden="true">
@@ -110,6 +116,7 @@
           <form name="loginForm">
             <div class="form-group">
               <label for="inputNome">Nome:</label>
+              <span class="dados-obrigatorios">*Dados obrigatórios</span>
               <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus="">
             </div>
             <div class="form-group">
--
libgit2 0.21.2