Commit 9a092e9388d0557ddfab20e9d40e115bbf263e67
1 parent
9e6a95db
Exists in
master
and in
5 other branches
Forgot password form
Showing
2 changed files
with
63 additions
and
1 deletions
Show diff stats
index.html
| ... | ... | @@ -408,7 +408,7 @@ |
| 408 | 408 | <input id="login-user_password" name="password" type="password" placeholder="Senha"> |
| 409 | 409 | </div> |
| 410 | 410 | <div class="forgot-password"> |
| 411 | - <a href='http://login.dialoga.gov.br/account/forgot_password' target='_blank'>Esqueci a Senha</a> | |
| 411 | + <a href="#" class="forgot-password">Esqueci a Senha</a> | |
| 412 | 412 | </div> |
| 413 | 413 | <div class="row"> |
| 414 | 414 | <div class="actions col-sm-4"> |
| ... | ... | @@ -421,6 +421,26 @@ |
| 421 | 421 | </div> |
| 422 | 422 | </div> |
| 423 | 423 | </form> |
| 424 | + | |
| 425 | + <form id="forgot-password-form" class="forgot-password hide" autocomplete="off" method="post"> | |
| 426 | + <p class="box-subtitle">Esqueceu sua senha?</p> | |
| 427 | + <div class="message alert-danger hide"></div> | |
| 428 | + <div class="row"> | |
| 429 | + <div class="value col-sm-12"> | |
| 430 | + <label for="forgot-password-value" class="label">Nome de usuário ou E-mail:</label> | |
| 431 | + <input id="forgot-password-value" name="value" type="text" required placeholder="Nome de usuário ou E-mail"> | |
| 432 | + </div> | |
| 433 | + </div> | |
| 434 | + <div class="row"> | |
| 435 | + <div class="col-sm-4"> | |
| 436 | + <button type="submit" class="confirm-forgot-password button button-confirm button-block">Confirmar</button> | |
| 437 | + </div> | |
| 438 | + <div class="col-sm-4"> | |
| 439 | + <button type="button" class="cancel-forgot-password button button-cancela button-block">Cancelar</button> | |
| 440 | + </div> | |
| 441 | + </div> | |
| 442 | + </form> | |
| 443 | + | |
| 424 | 444 | <form id="signup-form" class="signup hide" autocomplete="off" method="post"> |
| 425 | 445 | <div class="message hide"></div> |
| 426 | 446 | <p class="box-subtitle">Cadastre-se</p> | ... | ... |
js/main.js
| ... | ... | @@ -1360,6 +1360,48 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers |
| 1360 | 1360 | }); |
| 1361 | 1361 | }); |
| 1362 | 1362 | |
| 1363 | + $(document).on('click', '.forgot-password', function(e) { | |
| 1364 | + var loginForm = $(this).parents('#login-form'); | |
| 1365 | + var $forgotPasswordForm = loginForm.siblings('#forgot-password-form'); | |
| 1366 | + loginForm.hide(); | |
| 1367 | + $forgotPasswordForm.show(); | |
| 1368 | + | |
| 1369 | + var $message = $forgotPasswordForm.find('.message'); | |
| 1370 | + $message.html(''); | |
| 1371 | + $message.hide(); | |
| 1372 | + $forgotPasswordForm.find('#forgot-password-value').val(''); | |
| 1373 | + | |
| 1374 | + e.preventDefault(); | |
| 1375 | + }); | |
| 1376 | + | |
| 1377 | + $(document).on('click', '.confirm-forgot-password', function(e) { | |
| 1378 | + var $forgotPasswordForm = $(this).parents('#forgot-password-form'); | |
| 1379 | + var $inputValue = $forgotPasswordForm.find('#forgot-password-value'); | |
| 1380 | + $.ajax({ | |
| 1381 | + method: 'post', | |
| 1382 | + url:host+'/api/v1/forgot_password', | |
| 1383 | + data: { | |
| 1384 | + value: $inputValue.val() | |
| 1385 | + }, | |
| 1386 | + }).done(function(data) { | |
| 1387 | + $forgotPasswordForm.find('.cancel-forgot-password').click(); | |
| 1388 | + var $message = $forgotPasswordForm.siblings('#login-form').find('.message-success'); | |
| 1389 | + $message.html('Verifique seu email para efetuar a troca da senha.'); | |
| 1390 | + $message.show(); | |
| 1391 | + }).fail(function() { | |
| 1392 | + var $message = $forgotPasswordForm.find('.message'); | |
| 1393 | + $message.html('Não foi possível requisitar a troca de senha para os dados informados.'); | |
| 1394 | + $message.show(); | |
| 1395 | + }); | |
| 1396 | + }); | |
| 1397 | + | |
| 1398 | + $(document).on('click', '.cancel-forgot-password', function(e) { | |
| 1399 | + var forgotPasswordForm = $(this).parents('#forgot-password-form'); | |
| 1400 | + var loginForm = forgotPasswordForm.siblings('#login-form'); | |
| 1401 | + loginForm.show(); | |
| 1402 | + forgotPasswordForm.hide(); | |
| 1403 | + }); | |
| 1404 | + | |
| 1363 | 1405 | $(document).on('click', '.new-user', function(e) { |
| 1364 | 1406 | |
| 1365 | 1407 | if(window.lastCaptcha){ | ... | ... |