password_reset_confirm without vendor.js to fix bug
This commit is contained in:
Jason Bau
Родитель
994455b321
Коммит
a54c4b125c
|
|
@ -0,0 +1,117 @@
|
||||||
|
{% extends "main_django.html" %}
|
||||||
|
{% load staticfiles %}
|
||||||
|
{% block title %}<title>Reset Your {{ PLATFORM_NAME }} Password</title>{% endblock %}
|
||||||
|
{% block main_vendor_js %}{% endblock %}
|
||||||
|
{% block headextra %}
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="{% static 'js/html5shiv.js' %}"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function() {
|
||||||
|
|
||||||
|
var view_name = 'view-passwordreset';
|
||||||
|
|
||||||
|
// adding js class for styling with accessibility in mind
|
||||||
|
$('body').addClass('js').addClass(view_name);
|
||||||
|
|
||||||
|
// 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 %}
|
||||||
|
|
||||||
|
{% block bodyclass %}view-passwordreset{% endblock %}
|
||||||
|
|
||||||
|
{% block body %}
|
||||||
|
<section class="passwordreset container">
|
||||||
|
<section class="introduction">
|
||||||
|
<header>
|
||||||
|
<h1>Reset Your {{ PLATFORM_NAME }} Password</h1>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section role="main" class="content">
|
||||||
|
{% if validlink %}
|
||||||
|
<header>
|
||||||
|
<h2 class="sr">Password Reset Form</h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<form role="form" id="passwordreset-form" method="post" data-remote="true" action="">{% csrf_token %}
|
||||||
|
<!-- status messages -->
|
||||||
|
<div role="alert" class="status message">
|
||||||
|
<h3 class="message-title">We're sorry, {{ PLATFORM_NAME }} enrollment is not available in your region</h3>
|
||||||
|
<p class="message-copy">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div role="alert" class="status message submission-error">
|
||||||
|
<h3 class="message-title">The following errors occured while processing your registration: </h3>
|
||||||
|
<ul class="message-copy">
|
||||||
|
<li>You must complete all fields.</li>
|
||||||
|
<li>The two password fields didn't match.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div role="alert" class="status message system-error">
|
||||||
|
<h3 class="message-title">We're sorry, our systems seem to be having trouble processing your password reset</h3>
|
||||||
|
<p class="message-copy">Someone has been made aware of this issue. Please try again shortly. Please <a href="{{MKTG_URL_CONTACT}}">contact us</a> about any concerns you have.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="instructions">
|
||||||
|
Please enter your new password twice so we can verify you typed it in correctly. <br />
|
||||||
|
Required fields are noted by <strong class="indicator">bold text and an asterisk (*)</strong>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<fieldset class="group group-form group-form-requiredinformation">
|
||||||
|
<legend class="sr">Required Information</legend>
|
||||||
|
|
||||||
|
<ol class="list-input">
|
||||||
|
<li class="field required password" id="field-new_password1">
|
||||||
|
<label for="new_password1">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">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">Change My Password</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<h2 class="sr">Your Password Reset Was Unsuccessful</h2>
|
||||||
|
</header>
|
||||||
|
<p>The password reset link was invalid, possibly because the link has already been used. Please return to the <a href="/login">login page</a> and start the password reset process again.</p>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<aside role="complementary">
|
||||||
|
<header>
|
||||||
|
<h3 class="sr">Password Reset Help</h3>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="cta cta-help">
|
||||||
|
<h3>Need Help?</h3>
|
||||||
|
<p>View our <a href="{{MKTG_URL_FAQ}}">help section for contact information and answers to commonly asked questions</a></p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
{% endblock %}
|
||||||
Загрузка…
Ссылка в новой задаче