Skip to content

E
edx-platform
Commit 178f5a60 by Waheed Ahmed
Options

Fixed the other half of forgot password flow accourding to logistration. 

ECOM-2947
parent 5f51db0a
Showing with 90 additions and 174 deletions
lms/djangoapps/student_account/test/test_views.py
...@@ -100,7 +100,7 @@ class StudentAccountUpdateTest(UrlResetMixin, TestCase): ...@@ -100,7 +100,7 @@ class StudentAccountUpdateTest(UrlResetMixin, TestCase):
follow=True follow=True
) )
self.assertEqual(response.status_code, 200) self.assertEqual(response.status_code, 200)
self.assertContains(response, "Your password has been set.") self.assertContains(response, "Your password has been reset.")
# Log the user out to clear session data # Log the user out to clear session data
self.client.logout() self.client.logout()
...@@ -116,7 +116,7 @@ class StudentAccountUpdateTest(UrlResetMixin, TestCase): ...@@ -116,7 +116,7 @@ class StudentAccountUpdateTest(UrlResetMixin, TestCase):
follow=True follow=True
) )
self.assertEqual(response.status_code, 200) self.assertEqual(response.status_code, 200)
self.assertContains(response, "The password reset link was invalid, possibly because the link has already been used.") self.assertContains(response, "This password reset link is invalid. It may have been used already.")
self.client.logout() self.client.logout()
......
lms/static/js/student_account/password_reset.js 0 → 100644
/**
* Password reset template JS.
*/
$(function() {
'use strict';
// adding js class for styling with accessibility in mind
$("body").addClass("js");
// form field label styling on focus
$("form :input").focus(function() {
$("label[for='" + this.id + "']").parent().addClass("is-focused");
}).blur(function() {
$("label").parent().removeClass("is-focused");
});
});
lms/templates/main_django.html
...@@ -10,8 +10,6 @@ ...@@ -10,8 +10,6 @@
{% stylesheet 'style-vendor' %} {% stylesheet 'style-vendor' %}
{% stylesheet 'style-main' %} {% stylesheet 'style-main' %}
{% stylesheet 'style-course-vendor' %}
{% stylesheet 'style-course' %}
{% block main_vendor_js %} {% block main_vendor_js %}
{% javascript 'main_vendor' %} {% javascript 'main_vendor' %}
......
lms/templates/registration/password_reset_complete.html
...@@ -6,49 +6,30 @@ ...@@ -6,49 +6,30 @@
{% endblock %} {% endblock %}
{% block bodyextra %} {% block bodyextra %}
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {
'use strict';
// adding js class for styling with accessibility in mind // adding js class for styling with accessibility in mind
$('body').addClass('js'); $('body').addClass('js');
});
// new window/tab opening </script>
$('a[rel="external"], a[class="new-vp"]')
.click( function() {
window.open( $(this).attr('href') );
return false;
});
// form field label styling on focus
$("form :input").focus(function() {
$("label[for='" + this.id + "']").parent().addClass("is-focused");
}).blur(function() {
$("label").parent().removeClass("is-focused");
});
});
</script>
{% endblock %} {% endblock %}
{% block bodyclass %}view-passwordreset{% endblock %} {% block bodyclass %}view-passwordreset{% endblock %}
{% block body %} {% block body %}
<section class="introduction"> <div id="password-reset-complete-container" class="login-register">
<header> <section id="password-reset-complete-anchor" class="form-type">
<h1 class="title"> <div id="password-reset-complete" class="form-wrapper" aria-hidden="true">
<span class="title-super"> <div class="status submission-success" aria-live="polite">
{% trans "Your Password Reset is Complete" %} <h4 class="message-title">{% trans "Password Reset Complete" %}</h4>
</span> <ul class="message-copy">
</h1> {% blocktrans with link_start='<a href="/login">' link_end='</a>' %}
</header> Your password has been reset. {{ link_start }}Sign in to your account.{{ link_end }}
</section> {% endblocktrans %}
</ul>
<section class="passwordreset container"> </div>
{% block content %} </div>
<section role="main" class="content">
{% blocktrans with link_start='<a href="/login">' link_end='</a>' %}
Your password has been set. You may go ahead and {{ link_start }}log in{{ link_end }} now.
{% endblocktrans %}
</section> </section>
{% endblock %} </div>
</section>
{% endblock %} {% endblock %}
lms/templates/registration/password_reset_confirm.html
...@@ -3,148 +3,70 @@ ...@@ -3,148 +3,70 @@
{% block title %} {% block title %}
<title> <title>
{% blocktrans with platform_name=platform_name %} {% blocktrans with platform_name=platform_name %}
Reset Your {{ platform_name }} Password Reset Your {{ platform_name }} Password
{% endblocktrans %} {% endblocktrans %}
</title> </title>
{% endblock %} {% endblock %}
{% block bodyextra %} {% block bodyextra %}
<script type="text/javascript"> <script type="text/javascript" src="{{STATIC_URL}}js/student_account/password_reset.js"></script>
$(function() {
// adding js class for styling with accessibility in mind
$('body').addClass('js');
// new window/tab opening
$('a[rel="external"], a[class="new-vp"]')
.click( function() {
window.open( $(this).attr('href') );
return false;
});
// form field label styling on focus
$("form :input").focus(function() {
$("label[for='" + this.id + "']").parent().addClass("is-focused");
}).blur(function() {
$("label").parent().removeClass("is-focused");
});
});
</script>
{% endblock %} {% endblock %}
{% block bodyclass %}view-passwordreset{% endblock %} {% block bodyclass %}view-passwordreset{% endblock %}
{% block body %} {% block body %}
<section class="introduction"> <div id="password-reset-confirm-container" class="login-register">
<header> <section id="password-reset-confirm-anchor" class="form-type">
<h1 class="title"> <div id="password-reset-confirm-form" class="form-wrapper" aria-hidden="true">
<span class="title-super"> <div class="status submission-error {% if not err_msg %} hidden {% endif %}" aria-live="polite">
{% blocktrans with platform_name=platform_name %} <h4 class="message-title">{% trans "Error Resetting Password" %}</h4>
Reset Your {{ platform_name }} Password <ul class="message-copy">
{% endblocktrans %} {% if err_msg %}
</span> <li>{{err_msg}}</li>
</h1> {% else %}
</header> <li>{% trans "You must enter and confirm your new password." %}</li>
</section> <li>{% trans "The text in both password fields must match." %}</li>
{% endif %}
<section class="passwordreset container"> </ul>
<section role="main" class="content"> </div>
{% if validlink %} {% if validlink %}
<header>
<h2 class="sr">{% trans "Password Reset Form" %}</h2> <form role="form" id="passwordreset-form" method="post" action="">{% csrf_token %}
</header> <div class="section-title lines">
<h2>
<form role="form" id="passwordreset-form" method="post" action="">{% csrf_token %} <span class="text">
<!-- status messages --> {% trans "Reset Your Password" %}
<div role="alert" class="status message"> </span>
<h3 class="message-title"> </h2>
{% blocktrans %} </div>
We're sorry, but this version of your browser is not supported. Try again using a different browser or a newer version of your browser.
{% endblocktrans %} <p class="action-label">
</h3> {% trans "Enter and confirm your new password." %}
</div> </p>
{% if err_msg %} <div class="form-field new_password1-new_password1">
<div role="alert" class="status message submission-error" style="display: block;"> <label for="new_password1">{% trans "New Password" %}</label>
{% else %} <input id="new_password1" type="password" name="new_password1" placeholder="*****" />
<div role="alert" class="status message submission-error" style="display: none;"> </div>
{% endif %} <div class="form-field new_password2-new_password2">
<h3 class="message-title">{% trans "The following errors occurred while processing your registration: " %}</h3> <label for="new_password2">{% trans "Confirm Password" %}</label>
<ul class="message-copy"> <input id="new_password2" type="password" name="new_password2" placeholder="*****" />
{% if err_msg %} </div>
<li>{{err_msg}}</li>
<button type="submit" class="action action-primary action-update js-reset">{% trans "Reset My Password" %}</button>
</form>
{% else %} {% else %}
<li>{% trans "You must complete all fields." %}</li> <div class="status submission-error" aria-live="polite">
<li>{% trans "The two password fields didn't match." %}</li> <h4 class="message-title">{% trans "Invalid Password Reset Link" %}</h4>
<ul class="message-copy">
{% blocktrans with start_link='<a href="/login">' end_link='</a>' %}
This password reset link is invalid. It may have been used already. To reset your password, go to the {{ start_link }}sign-in{{ end_link }} page and select <strong>Forgot password</strong>.
{% endblocktrans %}
</ul>
</div>
{% endif %} {% endif %}
</ul>
</div> </div>
<div role="alert" class="status message system-error">
<h3 class="message-title">{% trans "We're sorry, our systems seem to be having trouble processing your password reset" %}</h3>
<p class="message-copy">
{% blocktrans with start_link='<a href="{{MKTG_URL_CONTACT}}">' end_link='</a>' %}
Someone has been made aware of this issue. Please try again shortly. Please {{ start_link }}contact us{{ end_link }} about any concerns you have.
{% endblocktrans %}
</p>
</div>
<p class="instructions">
{% trans 'Please enter your new password twice so we can verify you typed it in correctly.' %}
<br />
{% blocktrans with bold_start='<strong class="indicator">' bold_end='</strong>' %}
Required fields are noted by {{bold_start}}bold text and an asterisk (*){{bold_end}}.
{% endblocktrans %}
</p>
<fieldset class="group group-form group-form-requiredinformation">
<legend class="sr">{% trans "Required Information" %}</legend>
<ol class="list-input">
<li class="field required password" id="field-new_password1">
<label for="new_password1">{% trans "Your New Password" %}</label>
<input id="new_password1" type="password" name="new_password1" placeholder="*****" />
</li>
<li class="field required password" id="field-new_password2">
<label for="new_password2">{% trans "Your New Password Again" %}</label>
<input id="new_password2" type="password" name="new_password2" placeholder="*****" />
</li>
</ol>
</fieldset>
<div class="form-actions">
<button name="submit" type="submit" id="submit" class="action action-primary action-update">{% trans "Change My Password" %}</button>
</div>
</form>
{% else %}
<header>
<h2 class="sr">{% trans "Your Password Reset Was Unsuccessful" %}</h2>
</header>
<p>
{% blocktrans with start_link='<a href="/login">' end_link='</a>' %}
The password reset link was invalid, possibly because the link has already been used. Please return to the {{ start_link }}login page{{ end_link }} and start the password reset process again.
{% endblocktrans %}
</p>
{% endif %}
</section> </section>
</div>
<aside role="complementary">
<header>
<h3 class="sr">{% trans "Password Reset Help" %}</h3>
</header>
<div class="cta cta-help">
<h3>{% trans "Need Help?" %}</h3>
<p>
{% blocktrans with start_link='<a href="{{MKTG_URL_FAQ}}">' end_link='</a>' %}
View our {{ start_link }}help section for contact information and answers to commonly asked questions{{ end_link }}
{% endblocktrans %}
</p>
</div>
</aside>
</section>
{% endblock %} {% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment