From: Ciro Scognamiglio <ciro.scognamiglio@cslash.net>
Date: Fri, 7 Mar 2014 13:31:54 +0000 (+0100)
Subject: added slices menu
X-Git-Tag: myslice-1.1~213
X-Git-Url: http://git.onelab.eu/?a=commitdiff_plain;h=15b77f344f479870a91412ab1bfe219469b458ee;p=unfold.git

added slices menu
---

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 114e7354..6d203a59 100644
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -138,7 +138,30 @@ div#navigation li.active {
 	background-color:gray;
 	color:#FF0000;
 }
+div#navigation li.slices {
+    position:relative;
+    cursor:pointer;
+}
 
+div#menu-slice-list{
+    display:none;
+    position:absolute;
+    background-color:black;
+    padding:15px;
+    left:-15px;
+}
+div#menu-slice-list ul {
+    margin:0;
+    padding:0;
+}
+div#menu-slice-list li {
+    margin:0;
+    padding:10px 0;
+}
+div#menu-slice-list li:first-child {
+    border-bottom:1px solid white;
+     
+}
 /* HOME DASHBOARD */
 div#home-dashboard {
     color:black;
diff --git a/portal/templates/onelab/onelab__widget-topmenu.html b/portal/templates/onelab/onelab__widget-topmenu.html
index 7742b8db..26cb09b1 100644
--- a/portal/templates/onelab/onelab__widget-topmenu.html
+++ b/portal/templates/onelab/onelab__widget-topmenu.html
@@ -25,7 +25,20 @@
 			<li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
 			<li>|</li>
 			<li id="nav-institution" class=""><a href="/portal/institution">INSTITUTION</a></li>
-			<li>SLICES</li>
+			<li class="slices">SLICES
+				<div id="menu-slice-list">
+						<ul>
+							<li>Request Slice</li>
+							<li>   ple.upmc.agent3</li>
+						    <li>  ple.upmc.agent</li>
+						    <li>  ple.upmc.myslicedemo</li>
+						    <li>  ple.upmc.slicestat</li>
+						    <li>  ple.upmc.agent2</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>
@@ -41,6 +54,12 @@
 </div>
 <script>
 	$(document).ready(function() {
+		$('li.slices').mouseenter(function() {
+			$('div#menu-slice-list').fadeIn(100);
+		});
+		$('li.slices').mouseleave(function() {
+			$('div#menu-slice-list').fadeOut(100);
+		});
 		// var slices = localStorage.getItem('slices');
 		// if (slices.length == 0) {
 			// $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {