X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=views%2Ftemplates%2Fwidget-topmenu.html;h=6403078811bab77ec993b1a5ddcd56dcb4f8a901;hb=34395a45b94d115e9912597a9aa7317fb87d0ebb;hp=81a10c50bca41a0b3a8b940044534e895f199904;hpb=b3b56e8d306ce13207c1cf243ebe84cba29a87d3;p=myslice.git

diff --git a/views/templates/widget-topmenu.html b/views/templates/widget-topmenu.html
index 81a10c50..64030788 100644
--- a/views/templates/widget-topmenu.html
+++ b/views/templates/widget-topmenu.html
@@ -2,7 +2,8 @@
 {% insert_str prelude "css/bootstrap.css" %}
 {% insert_str prelude "css/topmenu.css" %}
 {% insert_str prelude "js/logout.js" %}
-<div class="navbar navbar-default navbar-fixed-top" role="navigation">
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+  <div class="navbar-header">
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-myslice-collapse">
       <span class="sr-only">Toggle navigation</span>
       <span class="icon-bar"></span>
@@ -12,11 +13,25 @@
     <a class="navbar-brand" href="#">
       <img src="{{ STATIC_URL }}img/onelab-logo.png" height="30" alt="OneLab logo" />
     </a>
-    <div class="collapse navbar-collapse navbar-myslice-collapse topmenu">
+  </div>
+  <div class="collapse navbar-collapse navbar-myslice-collapse topmenu">
     <ul class="nav navbar-nav">
-	{% 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 %}
+	{% for d in topmenu_items %} 
+	{% if d.dropdown %}
+	<li class="dropdown">
+	  <a class="dropdown-toggle" data-toggle="dropdown" href="{{ d.href }}"> {{ d.label }}</a>
+	  <ul class="dropdown-menu">
+	  {% for dd in d.contents %}
+	  {% if dd.is_active %} <li class='active'> {% else %} <li class='other'> {% endif %}
+	  <a class="dropdown-toggle" href="{{ dd.href }}"> {{ dd.label }} </a> </li>
+	  {% endfor %}
+	</ul>
+        </li>
+        {% else %} 
+	{% if d.is_active %} <li class='active'> {% else %} <li class='other'> {% endif %}
+	<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 #}
     <ul class="nav navbar-nav pull-right logged-in">
       <li> {% if username %}
@@ -25,5 +40,5 @@
       Not logged in{% endif %}
       </li>
     </ul>
-    </div>
-</div>
+  </div>
+</nav>