added slices menu

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 114e735..6d203a5 100644 (file)
--- 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 7742b8d..26cb09b 100644 (file)
--- 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 ) {