From d8b4329d8f323d174662f4983f781e43b6c60593 Mon Sep 17 00:00:00 2001
From: Johan Lundberg <lundberg@nordu.net>
Date: Wed, 26 Jan 2011 13:43:37 +0100
Subject: Added password strenght indicator js and css.

---
 templates/changepw/change_password.html | 36 +++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

(limited to 'templates')

diff --git a/templates/changepw/change_password.html b/templates/changepw/change_password.html
index e8af7bd..3b5db61 100644
--- a/templates/changepw/change_password.html
+++ b/templates/changepw/change_password.html
@@ -1,11 +1,39 @@
-{% extends "base.html" %}
-
+{% extends "nordunet_base.html" %}
+{% block js %}
+<script type="text/javascript" src="/site_media/js/jquery/jquery-1.4.4.min.js"></script>
+<script type="text/javascript" src="/site_media/js/jquery/password_strength.js"></script>
+{% endblock %}
 {% block content %}
+<h2>Change password</h2>
 {% if form %}
-    <form action="/changepw/" method="post">{% csrf_token %}
-        {{ form.as_p}}
+<p>When thinking of a new password you need to remember to use:</p>
+<ul>
+    <li>at least one number</li>
+    <li>at least one upper case and one lower case letter</li>
+    <li>one or more special characters</li>
+</ul>
+
+    <p class="error">
+        {{ form.non_field_errors }}
+    </p>
+    <form action="/changepw/" method="post" autocomplete="off">{% csrf_token %}
+    <table>
+    {% for field in form %}
+        <tr>
+            <td class="fielderrors">{{ field.errors }}</td>
+        </tr>
+        <tr>
+            <th class="formlabel">{{ field.label_tag }}:</th><td class="formfield">{{ field }}</td><td><span class="password_strength"></span></td>
+        </tr>
+    {% endfor %}
+    </table>
     <input type="submit" value="Submit" />
     </form>
+    <script type="text/javascript">
+        $('form').attr('autocomplete', 'off');
+        $('#id_new_password').password_strength();
+        $('#id_new_password_again').password_strength();
+    </script>
 {% else %}
     {% if return_value == 0 %}
         <p>Your password was changed successfully.</p>
-- 
cgit v1.1