views/templates/widget-topmenu.html

   1 {% insert_str prelude "js/bootstrap.js" %}
   2 {% insert_str prelude "css/bootstrap.css" %}
   3 {% insert_str prelude "css/topmenu.css" %}
   4 {% insert_str prelude "js/logout.js" %}
   5 <div class="navbar navbar-default navbar-fixed-top" role="navigation">
   6     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-myslice-collapse">
   7       <span class="sr-only">Toggle navigation</span>
   8       <span class="icon-bar"></span>
   9       <span class="icon-bar"></span>
  10       <span class="icon-bar"></span>
  11     </button>
  12     <a class="navbar-brand" href="#">
  13       <img src="{{ STATIC_URL }}img/onelab-logo.png" height="30" alt="OneLab logo" />
  14     </a>
  15     <div class="collapse navbar-collapse navbar-myslice-collapse topmenu">
  16     <ul class="nav navbar-nav">
  17         {% for d in topmenu_items %} {% if d.is_active %}
  18           <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li> {% else %}
  19           <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li> {% endif %} {% endfor %}
  20     </ul> {# logout.js will attach a click function on that button, which then retrieves the 'username' attribute #}
  21     <ul class="nav navbar-nav pull-right logged-in">
  22       <li> {% if username %}
  23       Logged in as {{ username }}
  24       <button id='logout' class='btn btn-danger logged-in' username='{{ username }}'>Logout</button> {% else %}
  25       Not logged in{% endif %}
  26       </li>
  27     </ul>
  28     </div>
  29 </div>