portal/templates/fantaastic/fantaastic_widget-topmenu.html

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