Refactoring captcha and display captcha in forgot password form

Victor Costa
1 parent 02409a0b
Showing 2 changed files with 37 additions and 20 deletions Show diff stats
index.html
js/main.js
@@ -450,7 +450,7 @@
         </div>
       </form>
-      <form id="forgot-password-form" class="forgot-password hide" autocomplete="off" method="post">
+      <form id="forgot-password-form" class="forgot-password-form hide" autocomplete="off" method="post">
         <p class="box-subtitle">Esqueceu sua senha?</p>
         <div class="message alert-danger hide"></div>
         <div class="row">
@@ -460,6 +460,16 @@
           </div>
         </div>
         <div class="row">
+          <div id="serpro_captcha" class="captcha col-sm-12">
+          </div>
+          <div class="captcha col-sm-12">
+            Digite os caracteres acima:
+          </div>
+          <div class="captcha col-sm-6">
+            <input type="text" name="captcha_text" id="captcha_text">
+          </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>
@@ -888,6 +888,25 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
           });
         });
       },
+      reloadCaptcha: function(element) {
+        var $element = $(element);
+        if($element.data('captcha')){
+          $element.data('captcha').recarregar();
+        }
+      },
+      initCaptcha: function(element) {
+        var $element = $(element);
+        if($element.data('captcha')) return;
+
+        $element.val('');
+        var oCaptcha_serpro_gov_br = new captcha_serpro_gov_br();
+        $element.data('captcha', oCaptcha_serpro_gov_br);
+        oCaptcha_serpro_gov_br.clienteId = serpro_captcha_clienteId;
+        if(!localDevelopment) {
+          oCaptcha_serpro_gov_br.url = "/captchaserpro"
+        }
+        oCaptcha_serpro_gov_br.criarUI(element, 'css', 'serpro_captcha_component_', Main.guid());
+      },
       computeBoxHeight: function(){
         var hPerLineOnTitle = 25;
         var hPerLineOnParagraph = 20;
@@ -1376,12 +1395,14 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
       });
     });
-    $(document).on('click', '.forgot-password', function(e) {
+    $(document).on('click', 'a.forgot-password', function(e) {
       var loginForm = $(this).parents('#login-form');
       var $forgotPasswordForm = loginForm.siblings('#forgot-password-form');
       loginForm.hide();
       $forgotPasswordForm.show();
+      Main.initCaptcha($forgotPasswordForm.find('#serpro_captcha')[0]);
+
       var $message = $forgotPasswordForm.find('.message');
       $message.html('');
       $message.hide();
@@ -1436,10 +1457,12 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
         $message.html('Verifique seu email para efetuar a troca da senha.');
         $message.show();
       }).fail(function() {
+        Main.reloadCaptcha($forgotPasswordForm.find('#serpro_captcha')[0]);
         var $message = $forgotPasswordForm.find('.message');
         $message.html('Não foi possível requisitar a troca de senha para os dados informados.');
         $message.show();
       });
+      e.preventDefault();
     });
     $(document).on('click', '.cancel-forgot-password', function(e) {
@@ -1450,11 +1473,6 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
     });
     $(document).on('click', '.new-user', function(e) {
-
-      if(window.lastCaptcha){
-        window.lastCaptcha.destruir();
-      }
-
       var message = $('.signup .message');
       message.hide();
       message.text('');
@@ -1483,15 +1501,7 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
       signupForm.find('#captcha_text').val('');
       signupForm.find('#user_terms_accepted').removeAttr('checked');
-
-      var oCaptcha_serpro_gov_br;
-      oCaptcha_serpro_gov_br = new captcha_serpro_gov_br();
-      window.lastCaptcha = oCaptcha_serpro_gov_br;
-      oCaptcha_serpro_gov_br.clienteId = serpro_captcha_clienteId;
-      if(!localDevelopment) {
-        oCaptcha_serpro_gov_br.url = "/captchaserpro"
-      }
-      oCaptcha_serpro_gov_br.criarUI(signupForm.find('#serpro_captcha')[0], 'css', 'serpro_captcha_component_');
+      Main.initCaptcha(signupForm.find('#serpro_captcha')[0]);
       e.preventDefault();
     });
@@ -1621,10 +1631,7 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
             })
         .fail(function (data) {
               var msg = '';
-              // Reload captcha here
-              if(window.lastCaptcha){
-                window.lastCaptcha.recarregar();
-              }
+              Main.reloadCaptcha($signupForm.find('#serpro_captcha')[0]);
               if(data.responseJSON){
                 try{