From f216f5fb49b460e169ed980916076253f2b1f434 Mon Sep 17 00:00:00 2001
From: Zak Timson <zaktimson@gmail.com>
Date: Fri, 29 Sep 2017 19:00:26 -0400
Subject: [PATCH] Added login failed feedback

---
 main/templates/login.html | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/main/templates/login.html b/main/templates/login.html
index 2a56b65..4a182a3 100644
--- a/main/templates/login.html
+++ b/main/templates/login.html
@@ -23,12 +23,25 @@
             $('#register-mode').click(function() {
                 $('#login-form').collapse('hide');
                 $('#register-form').collapse('show');
+                $('#reset-form').collapse('hide');
             });
 
             $('#login-mode').click(function() {
                 $('#login-form').collapse('show');
                 $('#register-form').collapse('hide');
+                $('#reset-form').collapse('hide');
             });
+
+            $('#forgot-password').click(function() {
+                $('#login-form').collapse('hide');
+                $('#register-form').collapse('hide');
+                $('#reset-form').collapse('show');
+            });
+
+            {% if failed %}
+                $('#login-form input[name="username"]').css('border-color', '#ff0000').effect('shake');
+                $('#login-form input[name="password"]').css('border-color', '#ff0000').effect('shake');
+            {% endif %}
         });
     </script>
 {% endblock %}
@@ -52,7 +65,10 @@
                 <input type="text" class="form-control mb-2 p-2" name="username" placeholder="Username"/>
                 <input type="password" class="form-control mb-2 p-2" name="password" placeholder="Password"/>
                 <button class="btn btn-primary col-12 mb-2 p-2">login</button>
-                <p class="text-muted"><a id="register-mode">Register</a></p>
+                <p class="d-inline-block text-muted curs-pointer"><a id="register-mode">Register</a></p>
+                {% if failed %}
+                    <p class="d-inline-block text-muted curs-pointer float-right"><a id="forgot-password">Forgot Password</a></p>
+                {% endif %}
             </form>
 
             <form id="register-form" class="collapse" method="post">
@@ -71,7 +87,13 @@
                     <label for="caselaw" class="curs-pointer">Case Law Access</label>
                 </div>
                 <button class="btn btn-primary col-12 mb-2 p-2">Register</button>
-                <p class="text-muted"><a id="login-mode">Login</a></p>
+                <p class="text-muted curs-pointer"><a id="login-mode">Login</a></p>
+            </form>
+
+            <form id="reset-form" class="collapse" method="post">
+                {% csrf_token %}
+                <input type="text" class="form-control mb-2 p-2" name="email" placeholder="Email"/>
+                <button class="btn btn-primary col-12 mb-2 p-2">Reset</button>
             </form>
         </div>
     </div>