- <ul class="nav nav-pills" id='menu_ul'>
- {% for d in topmenu_items %}
- {% if d.active %}
- <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
- {% else %}
- <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
- {% endif %}
- {% endfor %}
- </ul>
- <p class="navbar-text pull-right">
- {% if username %}
- Logged in as <a href="/logout/">{{ username }}</a></p>
- {% else %}
- Not logged in
- {% endif %}
+ <ul class="nav nav-pills" id='menu_ul'> {% for d in topmenu_items %} {% if d.is_active %}
+ <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li> {% else %}
+ <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li> {% endif %} {% endfor %}
+ </ul> {# logout.js will attach a click function on that button, which then retrieves the 'username' attribute #}
+ <span class="navbar-text pull-right logged-in"> {% if username %} Logged in as {{ username }}
+ <button id='logout' class='btn btn-danger' username='{{ username }}'>Logout</a> {% else %}Not logged in{% endif %}</span>