From e5031e5a0f968ef38c37c8bcc212decd2514e044 Mon Sep 17 00:00:00 2001
From: Luke Faraone <lfaraone@humbughq.com>
Date: Fri, 5 Jul 2013 21:38:37 -0400
Subject: [PATCH] Perform JS validation of the login form.

This reduces roundtrips hopefully and will provide a friendlier error
message than what would otherwise be produced by Django.

(imported from commit 034aeef00043e3bf059583770f6c08c4f73ceeb5)
---
 templates/zephyr/login.html | 13 ++++++++++---
 zephyr/static/js/signup.js  |  4 ++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/templates/zephyr/login.html b/templates/zephyr/login.html
index d7d41d514f..0500864ab8 100644
--- a/templates/zephyr/login.html
+++ b/templates/zephyr/login.html
@@ -2,6 +2,13 @@
 
 {# Login page. #}
 
+{% load compressed %}
+
+{% block customhead %}
+    {{ block.super }}
+    {% compressed_js 'signup' %}
+{% endblock %}
+
 {% block portico_content %}
 
 <script type="text/javascript">
@@ -30,19 +37,19 @@ autofocus('#id_username');
 
 <div class="row">
     <div class="span5 login-area">
-        <form name="login_form" method="post" class="form-horizontal"
+        <form name="login_form" id="login_form" method="post" class="form-horizontal"
               action="{% url 'django.contrib.auth.views.login' %}?next={{ request.get_full_path }}">
             {% csrf_token %}
             <div class="control-group">
                 <label for="id_username" class="control-label">Email</label>
                 <div class="controls">
-                    <input id="id_username" type="text" name="username" value="{{ email }}" maxlength="72" />
+                    <input id="id_username" type="text" name="username" class="email required" value="{{ email }}" maxlength="72" />
                 </div>
             </div>
             <div class="control-group">
                 <label for="id_password" class="control-label">Password</label>
                 <div class="controls">
-                    {{ form.password }}
+                    <input id="id_password" name="password" class="required" type="password">
                 </div>
             </div>
             <div class="control-group">
diff --git a/zephyr/static/js/signup.js b/zephyr/static/js/signup.js
index 6569d9f6b4..d29a4cb030 100644
--- a/zephyr/static/js/signup.js
+++ b/zephyr/static/js/signup.js
@@ -47,4 +47,8 @@ $(function () {
             $('#errors').empty();
         }
     });
+
+    $("#login_form").validate({
+        errorClass: "text-error"
+    });
 });