ui/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 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
   6   <div class="navbar-header">
   7     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-myslice-collapse">
   8       <span class="sr-only">Toggle navigation</span>
   9       <span class="icon-bar"></span>
  10       <span class="icon-bar"></span>
  11       <span class="icon-bar"></span>
  12     </button>
  13     <a class="navbar-brand" href="/">
  14       <img src="{{ STATIC_URL }}img/onelab-logo.png" height="30" alt="OneLab logo" />
  15     </a>
  16   </div>
  17   <div class="collapse navbar-collapse navbar-myslice-collapse topmenu">
  18     <ul class="nav navbar-nav">
  19         {% for d in topmenu_items %}
  20         {% if d.dropdown %}
  21         {% if d.is_active %} <li class='active'> {% else %} <li class='other'> {% endif %}
  22           <a class="dropdown-toggle" data-toggle="dropdown" href="{{ d.href }}">{{ d.label }}<b class="caret"></b></a>
  23           <ul class="dropdown-menu">
  24             {% for dd in d.contents %}
  25             <li class='{% if dd.is_active %}active{% else %}other{% endif %}{% if dd.disabled %} disabled{%endif%}'
  26             {% if dd.domid %} id='{{dd.domid}}'{% endif %}>
  27             <a href="{{ dd.href }}"> {{ dd.label }} </a> </li>
  28             {% endfor %}
  29           </ul>
  30         </li>
  31         {% else %}
  32         <li class='{% if d.is_active %}active{% else %}other{% endif %}{% if d.disabled %} disabled{%endif%}'
  33         {% if d.domid %} id='{{d.domid}}'{% endif %}>
  34         <a href="{{ d.href }}"> {{ d.label }} </a> </li>
  35         {% endif %}
  36         {% endfor %}
  37     </ul> {# logout.js will attach a click function on that button, which then retrieves the 'username' attribute #}
  38     <ul class="nav navbar-nav pull-right logged-in">
  39       <li class='username'> {% if username %}
  40       Logged in as {{ username }}
  41       <button id='logout' class='btn btn-xs btn-danger logged-in' username='{{ username }}'>Logout</button> {% else %}
  42       Not logged in{% endif %}
  43       </li>
  44     </ul>
  45   </div>
  46 </nav>