portal/templates/onelab/onelab__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 <div id="header">
   6         <div class="wrapper">
   7                 <div class="logo">
   8                         <a href="/"><img src="{{ STATIC_URL }}img/onelab-portal.png" alt="OneLab - Future Internet Testbeds" /></a>
   9                 </div>
  10
  11                 <div id="secondary">
  12                         <ul>
  13                                 <li>News</li>
  14                                 <li><a href="/portal/about">About</a></li>
  15                                 <li><a target="_blank" href="http://www.onelab.eu">Public Website</a></li>
  16                                 <li><a target="_blank" href="http://intranet.onelab.eu">Intranet</a></li>
  17                         </ul>
  18                 </div>
  19         </div>
  20
  21         {% if username %}
  22         <div id="navigation">
  23                 <div class="wrapper">
  24                 <ul>
  25                         <li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
  26                         <li>|</li>
  27                         <li id="nav-institution" class=""><a href="/portal/institution">INSTITUTION</a></li>
  28                         <li class="slices">SLICES
  29                                 <div id="menu-slice-list">
  30                                                 <ul>
  31                                                         <li>Request Slice</li>
  32                                                         <li>   ple.upmc.agent3</li>
  33                                                     <li>  ple.upmc.agent</li>
  34                                                     <li>  ple.upmc.myslicedemo</li>
  35                                                     <li>  ple.upmc.slicestat</li>
  36                                                     <li>  ple.upmc.agent2</li>
  37
  38
  39                                                 </ul>
  40                                 </div>
  41                                 </li>
  42                         <li id="nav-request"><a href="/portal/validate">REQUESTS</a></li>
  43                         <li id="nav-support"><a href="/portal/support/">SUPPORT</a></li>
  44                         <li>|</li>
  45                         <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>
  46                 </ul>
  47                 </div>
  48         </div>
  49         {% else %}
  50         <div id="navigation">
  51                 <div class="wrapper"></div>
  52         </div>
  53         {% endif %}
  54 </div>
  55 <script>
  56         $(document).ready(function() {
  57                 $('li.slices').mouseenter(function() {
  58                         $('div#menu-slice-list').fadeIn(100);
  59                 });
  60                 $('li.slices').mouseleave(function() {
  61                         $('div#menu-slice-list').fadeOut(100);
  62                 });
  63                 // var slices = localStorage.getItem('slices');
  64                 // if (slices.length == 0) {
  65                         // $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {
  66                         // var items = [];
  67                                 // localStorage.setItem('slices', data[0].slice);
  68                         // });
  69                 // }
  70                 // $.each(slices, function( key, val ) {
  71                         // items.push( "<li><a href=\"/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
  72                 // });
  73                 // $("div#home-slice-list").html($( "<ul/>", { html: items.join( "" ) }));
  74         });
  75 </script>