+/* retrieve username from the button that is clicked, the one named 'logout'
+ and that is expected to have the 'username' attribute */
function logout () {
var username=$(this).attr('username');
var msg="Are you sure you want to logout as " + username + " ?";
+ /* redirect to /logout, see urls.py */
if (confirm(msg)) window.location="/logout/";
}
+/* attach this function to the logout button */
$(document).ready(function() { $('#logout').click(logout); })
<li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
{% endif %}
{% endfor %}
- </ul>
+ </ul> {# logout.js will attach a click function on that button, which then retrieves the 'username' attribute #}
<span class="navbar-text pull-right"> {% if username %} Logged in as {{ username }}<button id='logout' class='btn btn-danger' username='{{ username }}'>Logout</a>
{% else %}Not logged in{% endif %}</span>
</div><!--nav-collapse-->