Add forgot_password

Leonardo Merlin
1 parent aa1560ed
Showing 4 changed files with 58 additions and 14 deletions Show diff stats
src/app/components/auth/auth.service.js
src/app/layout.scss
src/app/pages/auth/auth.controller.js
src/app/pages/auth/recover.html
@@ -102,10 +102,13 @@
         });
     }
-    function forgotPassword (form){
-      var url = '/api/v1/forgot_password';
-      var data = form.serialize();
-      var encodedData = data;
+    function forgotPassword (data){
+      var url = 'http://hom.login.dialoga.gov.br/api/v1/forgot_password';
+      var encodedData = ([
+        'value=' + data.login,
+        'captcha_text=' + data.captcha_text,
+        'txtToken_captcha_serpro_gov_br=' + data.txtToken_captcha_serpro_gov_br
+        ]).join('&');
       return $http
         .post(url, encodedData)
@@ -114,11 +117,14 @@
           // 'Verifique seu email para efetuar a troca da senha.'
           $rootScope.$broadcast(AUTH_EVENTS.forgotPasswordSuccess, response);
+
           return response;
         }, function(response) {
           // 'Não foi possível requisitar a troca de senha para os dados informados.'
           $log.debug('AuthService.forgotPassword [FAIL] response', response);
           $rootScope.$broadcast(AUTH_EVENTS.forgotPasswordFailed);
+
+          return response;
         });
     }
@@ -123,6 +123,11 @@
     margin-left: -2px;
 }
+.vertical-padding {
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+
 .no-space-left { margin-left: 0; padding-left: 0;}
 .no-space-right { margin-right: 0; padding-right: 0;}
@@ -173,11 +173,39 @@
     });
   };
-  AuthPageController.prototype.submitRecover = function(recoverForm) {
+  AuthPageController.prototype.submitRecover = function($event, recoverForm) {
     var vm = this;
-    vm.$log.debug('submitRecover');
-    vm.$log.debug('recoverForm', recoverForm);
+    // get form data
+    var data = {
+      login: recoverForm.login.$modelValue,
+      captcha_text: recoverForm.captcha_text.$modelValue
+    };
+
+    // get captcha token
+    var target = $event.target;
+    var $target = angular.element(target);
+    var $captcha = $target.find('[name="txtToken_captcha_serpro_gov_br"]');
+    data.txtToken_captcha_serpro_gov_br = $captcha.val();
+
+    vm.AuthService.forgotPassword(data).then(function(response) {
+      vm.$log.debug('recover success.response', response);
+
+      vm.successRecoverMessageTitle = 'Pedido enviado sucesso!';
+      vm.successRecoverMessage = 'Verifique seu e-mail. Em instantes você receberá um e-mail com um link para redefinir sua senha.';
+      // vm.redirectBack();
+    }, function(response){
+      vm.$log.debug('recover error.response', response);
+
+      var message = response.data.message;
+      vm.errorRecoverMessage = message;
+
+      if(response.data.code === 500){
+        vm.internalError = true;
+      }
+    }).catch(function(error){
+      vm.$log.debug('recover catch.error', error);
+    });
   };
   AuthPageController.prototype.redirectBack = function() {
@@ -9,7 +9,7 @@
 			</div>
 		</div>
 	</div>
-	<section role="main" class="section-gray">
+	<section role="main" class="section-gray vertical-padding">
 		<div class="container">
 			<div class="row">
 	      <div ng-if="pageSignin.successRecoverMessage">
@@ -20,10 +20,15 @@
 		          title="pageSignin.successRecoverMessageTitle || 'Pronto!'"
 		          message="pageSignin.successRecoverMessage"
 		          ></show-message>
+		          <div class="row">
+		          	<div class="col-sm-8 col-sm-offset-4">
+              		<p><a ui-sref="inicio">Ir para página inicial</a></p>
+		          	</div>
+		          </div>
 		        </div>
 		      </div>
 	      </div>
-				<div ng-if="!pageSignin.currentUser">
+				<div ng-if="!pageSignin.successRecoverMessage">
 					<br>
 					<div class="col-sm-8 col-sm-offset-2">
 		        <div class="row" ng-if="pageSignin.errorRecoverMessage">
@@ -38,11 +43,11 @@
 		        </div>
 						<div class="row">
 							<div class="col-md-12">
-								<form name="recoverPassForm" ng-submit="pageSignin.submitRecover(pageSignin.credentials)">
+								<form name="recoverPassForm" ng-submit="pageSignin.submitRecover($event, recoverPassForm)">
 									<div class="form-group">
-										<label for="inputUsername">E-mail*</label>
-										<input type="email" id="inputUsername" name="inputUsername" class="form-control input-lg" ng-class="{ 'has-error' : recoverPassForm.inputUsername.$invalid && recoverPassForm.inputUsername.$touched }" ng-model="pageSignin.credentials.username" required />
-										<validation-messages field=" recoverPassForm.inputUsername"></validation-messages>
+										<label for="recover-login">E-mail*</label>
+										<input type="email" id="recover-login" name="login" class="form-control input-lg" ng-class="{ 'has-error' : recoverPassForm.login.$invalid && recoverPassForm.login.$touched }" ng-model="pageSignin.credentials.username" required />
+										<validation-messages field=" recoverPassForm.login"></validation-messages>
 									</div>
 	                <div class="form-group">
 	                  <div id="serpro_captcha" class="captcha">
@@ -52,7 +57,7 @@
 	                  </div>
 	                  <div class="captcha">
 	                    <input type="text" name="captcha_text" id="captcha_text" aria-label="Escreva os caracteres do captcha aqui" ng-model="pageSignin.signup.captcha_text" ng-minlength="" ng-maxlength="" required>
-	                    <validation-messages field="signupForm.captcha_text"></validation-messages>
+	                    <validation-messages field="recoverPassForm.captcha_text"></validation-messages>
 	                  </div>
 	                </div>
 									<div class="form-group">
	@@ -173,11 +173,39 @@		@@ -173,11 +173,39 @@
173	});	173	});
174	};	174	};
175		175
176	- AuthPageController.prototype.submitRecover = function(recoverForm) {	176	+ AuthPageController.prototype.submitRecover = function($event, recoverForm) {
177	var vm = this;	177	var vm = this;
178		178
179	- vm.$log.debug('submitRecover');
180	- vm.$log.debug('recoverForm', recoverForm);	179	+ // get form data
		180	+ var data = {
		181	+ login: recoverForm.login.$modelValue,
		182	+ captcha_text: recoverForm.captcha_text.$modelValue
		183	+ };
		184	+
		185	+ // get captcha token
		186	+ var target = $event.target;
		187	+ var $target = angular.element(target);
		188	+ var $captcha = $target.find('[name="txtToken_captcha_serpro_gov_br"]');
		189	+ data.txtToken_captcha_serpro_gov_br = $captcha.val();
		190	+
		191	+ vm.AuthService.forgotPassword(data).then(function(response) {
		192	+ vm.$log.debug('recover success.response', response);
		193	+
		194	+ vm.successRecoverMessageTitle = 'Pedido enviado sucesso!';
		195	+ vm.successRecoverMessage = 'Verifique seu e-mail. Em instantes você receberá um e-mail com um link para redefinir sua senha.';
		196	+ // vm.redirectBack();
		197	+ }, function(response){
		198	+ vm.$log.debug('recover error.response', response);
		199	+
		200	+ var message = response.data.message;
		201	+ vm.errorRecoverMessage = message;
		202	+
		203	+ if(response.data.code === 500){
		204	+ vm.internalError = true;
		205	+ }
		206	+ }).catch(function(error){
		207	+ vm.$log.debug('recover catch.error', error);
		208	+ });
181	};	209	};
182		210
183	AuthPageController.prototype.redirectBack = function() {	211	AuthPageController.prototype.redirectBack = function() {