From 6106701c063ea2efab7dbe82bbdfc02f9eb40421 Mon Sep 17 00:00:00 2001
From: Cezar Pendarovski <cezar.pendarovski@dsmz.de>
Date: Fri, 5 Sep 2014 09:38:54 +0200
Subject: [PATCH] Input fields get hightlighted if login fails and username is
 persisted

---
 .../templates/rest_framework/login_base.html  | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/rest_framework/templates/rest_framework/login_base.html b/rest_framework/templates/rest_framework/login_base.html
index 49dad3aeb..7569c77ad 100644
--- a/rest_framework/templates/rest_framework/login_base.html
+++ b/rest_framework/templates/rest_framework/login_base.html
@@ -17,25 +17,32 @@
         
                     <div class="row-fluid">
                         <div>
-                            <form action="{% url 'rest_framework:login' %}" class=" form-inline" method="post">
+                            <form action="{% url 'rest_framework:login' %}" role="form" method="post">
                                 {% csrf_token %}
-                                <div id="div_id_username" class="clearfix control-group">
+                                <div id="div_id_username"
+                                    class="clearfix control-group {% if form.username.errors %}warning{% endif %}">
                                     <div class="controls">
                                         <Label class="span4">Username:</label>
-                                        <input style="height: 25px" type="text" name="username" maxlength="100" autocapitalize="off" autocorrect="off" class="textinput textInput" id="id_username" required>
+                                        <input style="height: 25px" type="text" name="username" maxlength="100"
+                                            autocapitalize="off" autocorrect="off" class="textinput textInput"
+                                            id="id_username"
+                                            {% if form.username.value %}value="{{ form.username.value }}"{% endif %}>
                                         {% if form.username.errors %}
-                                            <p class="alert" style="margin-top: 10px">
+                                            <p class="text-warning" style="margin-top: 10px">
                                                 {{ form.username.errors|striptags }}
                                             </p>
                                         {% endif %}
                                     </div>
                                 </div>
-                                <div id="div_id_password" class="clearfix control-group">
+                                    <div id="div_id_password"
+                                        class="clearfix control-group {% if form.password.errors %}warning{% endif %}">
                                         <div class="controls">
                                         <Label class="span4">Password:</label>
-                                        <input style="height: 25px" type="password" name="password" maxlength="100" autocapitalize="off" autocorrect="off" class="textinput textInput" id="id_password" required>
+                                        <input style="height: 25px" type="password" name="password" maxlength="100"
+                                            autocapitalize="off" autocorrect="off" class="textinput textInput"
+                                            id="id_password">
                                         {% if form.password.errors %}
-                                            <p class="alert" style="margin-top: 10px">
+                                            <p class="text-warning" style="margin-top: 10px">
                                                 {{ form.password.errors|striptags }}
                                             </p>
                                         {% endif %}
@@ -44,7 +51,7 @@
                                 <input type="hidden" name="next" value="{{ next }}" />
                                 {% if form.non_field_errors %}
                                     {% for error in form.non_field_errors %}
-                                        <div class="alert" style="margin-top: 10px">{{ error }}</div>
+                                        <div class="text-warning" style="margin: 10px 0">{{ error }}</div>
                                     {% endfor %}
                                 {% endif %}
                                 <div class="form-actions-no-box">