X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Fonelab%2Fonelab__widget-topmenu.html;h=da834acef1ebce038f4478bce386b6d6b5109bb3;hb=daca068fb37ae7e64d9c0559b96a79e6a3f4bb98;hp=55b8dd34a90e1754980a4dd28de49deab68ba25b;hpb=de9cba4dc7bb98a579cf5df1f9900e9328544871;p=unfold.git

diff --git a/portal/templates/onelab/onelab__widget-topmenu.html b/portal/templates/onelab/onelab__widget-topmenu.html
index 55b8dd34..da834ace 100644
--- a/portal/templates/onelab/onelab__widget-topmenu.html
+++ b/portal/templates/onelab/onelab__widget-topmenu.html
@@ -1,7 +1,4 @@
-{% insert_str prelude "js/bootstrap.js" %}
-{% insert_str prelude "css/bootstrap.css" %}
-{% insert_str prelude "css/topmenu.css" %}
-{% insert_str prelude "js/logout.js" %}
+
 <div id="header">
 	<div class="wrapper">
 		<div class="logo">
@@ -22,13 +19,29 @@
 	<div id="navigation">
 		<div class="wrapper">
 		<ul>
-			<li>SLICES</li>
-			<li><a href="/portal/validate">REQUESTS</a></li>
-			<li><a href="/portal/institution">INSTITUTION</a></li>
-			<li><a href="/portal/support/">SUPPORT</a></li>
+			<li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
 			<li>|</li>
-			<li><a href="/portal/account/">{{ username }}</a></li>
-			<li><a id="logout" style="cursor:pointer;" data-username="{{ username }}">LOGOUT</a></li>
+			<li id="nav-institution" class=""><a href="/portal/institution">INSTITUTION</a></li>
+			<li class="slices">
+				<a class="dropdown-toggle" data-toggle="dropdown" href="#">
+       				SLICES <span class="caret"></span>
+    			</a>
+				
+				<div class="dropdown-menu">
+						<ul>
+							<li><a href="/portal/slice_request/">Request Slice</a></li>
+							<li><a href="/slice/ple.upmc.agent3/">ple.upmc.agent3</a></li>
+						    <li><a href="/slice/ple.upmc.agent/">ple.upmc.agent</a></li>
+						    <li><a href="/slice/ple.upmc.myslicedemo/">ple.upmc.myslicedemo</a></li>
+						    <li><a href="/slice/ple.upmc.slicestat/">ple.upmc.slicestat</a></li>
+						    <li><a href="/slice/ple.upmc.agent2/">ple.upmc.agent2</a></li>
+						</ul>
+				</div>
+				</li>
+			<li id="nav-request"><a href="/portal/validate">REQUESTS</a></li>
+			<li id="nav-support"><a href="/portal/support/">SUPPORT</a></li>
+			<li>|</li>
+			<li id="nav-logout" style="margin-top: 10px;"><a id="logout" style="cursor:pointer;" data-username="{{ username }}"><span class="glyphicon glyphicon-off"></span> LOGOUT</a></li>
 		</ul>
 		</div>
 	</div>
@@ -38,3 +51,26 @@
 	</div>
 	{% endif %}
 </div>
+<script>
+	$(document).ready(function() {
+		$('li.slices').mouseenter(function() {
+			$('div#menu-slice-list').fadeIn(100);
+		});
+		$('div#menu-slice-list').mouseleave(function(e) {
+			if (!$('li.slices').is(":hover")) {
+				$(this).fadeOut(100);
+			}
+		});
+		// var slices = localStorage.getItem('slices');
+		// if (slices.length == 0) {
+			// $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {
+		  	// var items = [];
+		  		// localStorage.setItem('slices', data[0].slice);
+			// });
+		// }
+		// $.each(slices, function( key, val ) {
+		  	// items.push( "<li><a href=\"/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
+		// });
+		// $("div#home-slice-list").html($( "<ul/>", { html: items.join( "" ) }));
+	});
+</script>