From 9a092e9388d0557ddfab20e9d40e115bbf263e67 Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Tue, 21 Jul 2015 14:26:51 -0300
Subject: [PATCH] Forgot password form

---
 index.html | 22 +++++++++++++++++++++-
 js/main.js | 42 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 63 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 976a36d..980082a 100644
--- a/index.html
+++ b/index.html
@@ -408,7 +408,7 @@
           <input id="login-user_password" name="password" type="password" placeholder="Senha">
         </div>
         <div class="forgot-password">
-          <a href='http://login.dialoga.gov.br/account/forgot_password' target='_blank'>Esqueci a Senha</a>
+          <a href="#" class="forgot-password">Esqueci a Senha</a>
         </div>
         <div class="row">
           <div class="actions col-sm-4">
@@ -421,6 +421,26 @@
           </div>
         </div>
       </form>
+
+      <form id="forgot-password-form" class="forgot-password hide" autocomplete="off" method="post">
+        <p class="box-subtitle">Esqueceu sua senha?</p>
+        <div class="message alert-danger hide"></div>
+        <div class="row">
+          <div class="value col-sm-12">
+            <label for="forgot-password-value" class="label">Nome de usuário ou E-mail:</label>
+            <input id="forgot-password-value" name="value" type="text" required placeholder="Nome de usuário ou E-mail">
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-4">
+            <button type="submit" class="confirm-forgot-password button button-confirm button-block">Confirmar</button>
+          </div>
+          <div class="col-sm-4">
+            <button type="button" class="cancel-forgot-password button button-cancela button-block">Cancelar</button>
+          </div>
+        </div>
+      </form>
+
       <form id="signup-form" class="signup hide" autocomplete="off" method="post">
         <div class="message hide"></div>
         <p class="box-subtitle">Cadastre-se</p>
diff --git a/js/main.js b/js/main.js
index 5e66ce0..0d72c30 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1360,6 +1360,48 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers
       });
     });
 
+    $(document).on('click', '.forgot-password', function(e) {
+      var loginForm = $(this).parents('#login-form');
+      var $forgotPasswordForm = loginForm.siblings('#forgot-password-form');
+      loginForm.hide();
+      $forgotPasswordForm.show();
+
+      var $message = $forgotPasswordForm.find('.message');
+      $message.html('');
+      $message.hide();
+      $forgotPasswordForm.find('#forgot-password-value').val('');
+
+      e.preventDefault();
+    });
+
+    $(document).on('click', '.confirm-forgot-password', function(e) {
+      var $forgotPasswordForm = $(this).parents('#forgot-password-form');
+      var $inputValue = $forgotPasswordForm.find('#forgot-password-value');
+      $.ajax({
+        method: 'post',
+        url:host+'/api/v1/forgot_password',
+        data: {
+          value: $inputValue.val()
+        },
+      }).done(function(data) {
+        $forgotPasswordForm.find('.cancel-forgot-password').click();
+        var $message = $forgotPasswordForm.siblings('#login-form').find('.message-success');
+        $message.html('Verifique seu email para efetuar a troca da senha.');
+        $message.show();
+      }).fail(function() {
+        var $message = $forgotPasswordForm.find('.message');
+        $message.html('Não foi possível requisitar a troca de senha para os dados informados.');
+        $message.show();
+      });
+    });
+
+    $(document).on('click', '.cancel-forgot-password', function(e) {
+      var forgotPasswordForm = $(this).parents('#forgot-password-form');
+      var loginForm = forgotPasswordForm.siblings('#login-form');
+      loginForm.show();
+      forgotPasswordForm.hide();
+    });
+
     $(document).on('click', '.new-user', function(e) {
 
       if(window.lastCaptcha){
--
libgit2 0.21.2