updated navbar to highlight current page

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>
 

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 %}
 

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 %}

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'),    
 ]