From a0df9622a69326b34648bb50ec994792cf3f8591 Mon Sep 17 00:00:00 2001
From: Ryan Laddusaw <rladdusaw@gmail.com>
Date: Tue, 28 Jun 2016 15:07:48 -0700
Subject: [PATCH] updated navbar to highlight current page

---
 templates/accounts/login.html | 2 ++
 templates/base.html           | 7 ++++---
 templates/home.html           | 8 ++++++++
 wishlist/urls.py              | 2 +-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/templates/accounts/login.html b/templates/accounts/login.html
index 36ac4bf..ee311db 100644
--- a/templates/accounts/login.html
+++ b/templates/accounts/login.html
@@ -15,6 +15,7 @@
         <br>
         <input class="btn btn-lg btn-default btn-block" type="submit" value="Submit" />
     </form>
+    <a href="{% url 'register_view' %}" class="btn btn-lg btn-default btn-block">Register</a>
 </div>
 
 {% endblock %}
@@ -27,6 +28,7 @@
         $("#id_username").attr('class', 'form-control');
         $("#id_password").attr('placeholder', '{{ form.password.label }}');
         $("#id_password").attr('class', 'form-control');
+        $("#id_login_navbar").attr('class', 'active');
     });
 </script>
 
diff --git a/templates/base.html b/templates/base.html
index 3eb28e4..97d9197 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,13 +25,13 @@
             </div>
             <div id="navbar" class="collapse navbar-collapse">
                 <ul class="nav navbar-nav">
-                    <li class="active">
+                    <li id="id_home_navbar">
                         <a href="{% url 'home' %}">Home</a>
                     </li>
-                    <li>
+                    <li id="id_login_navbar">
                         <a href="{% url 'login_view' %}">Login</a>
                     </li>
-                    <li>
+                    <li id="id_profile_navbar">
                         <a href="{% url 'register_view' %}">Register</a>
                     </li>
                 </ul>
@@ -43,6 +43,7 @@
     
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
     <script src="/static/bootstrap/js/bootstrap.min.js"></script>
+    
     {% block scripts %}
     {% endblock %}
     
diff --git a/templates/home.html b/templates/home.html
index b002f9b..a898346 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -20,4 +20,12 @@ <h3>Welcome, Anonymous User</h3>
     {% endif %}
 </div>
 -->
+{% endblock %}
+
+{% block scripts %}
+    <script>
+        $(document).ready(function () {
+            $("#id_home_navbar").attr('class', 'active');
+        });
+    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/wishlist/urls.py b/wishlist/urls.py
index 92260e8..2ebb03c 100644
--- a/wishlist/urls.py
+++ b/wishlist/urls.py
@@ -3,5 +3,5 @@
 from .views import WishlistView
 
 urlpatterns = [
-    url(r'create/$', WishlistView.as_view(), name='create_wishlist'),
+    url(r'create/$', WishlistView.as_view(), name='create_wishlist'),    
 ]
\ No newline at end of file