portal/templates/fibre/fibre__widget-topmenu.html

   1 {% load portal_filters %}
   2 <div class="header">
   3 <div class="container">
   4         <div class="row">
   5                 <div class="col-sm-3 col-md-3 logo">
   6                         <a href="/"><img src="{{ STATIC_URL }}img/fibre-logo.gif" alt="FIBRE - Future Internet Testbeds Experimentation Between Brazil and Europe" width="150px" height="75px" /></a>
   7                 </div>
   8                 {% if username %}
   9                 <div class="col-sm-4 col-md-4 navigation">
  10                         <ul>
  11                                 <li>
  12                                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  13                                         EXPERIMENT <span class="caret"></span>
  14                                 </a>
  15
  16                                         <div class="dropdown-menu" style="z-index:99;">
  17                                                         <ul id="dropdown-slice-list">
  18                                                                 <li class="title"><a href="/portal/slice_request/">Request Slice</a></li>
  19                                                         </ul>
  20                                         </div>
  21                                 </li>
  22                                 {%if 'is_pi'  in pi %}
  23                                 <li id="nav-institution" class=""><a href="/portal/institution">MANAGEMENT</a></li>
  24                                  {%endif%}
  25                                 <li><a href="/portal/support/">SUPPORT</a></li>
  26                         </ul>
  27                 </div>
  28                 {% else %}
  29                 <div class="col-sm-4 col-md-4 navigation">
  30                 </div>
  31                 {% endif %}
  32                 <div class="col-sm-5 col-md-5 secondary">
  33                         <ul>
  34                                 <li><a href="/portal/about">About</a></li>
  35                                 <li><a target="_blank" href="http://www.fibre-ict.eu/">Public Website</a></li>
  36                         </ul>
  37                         {% if section != 'Registration' %}
  38                                 {% if username %}
  39                                         {% if person.username %}
  40                                                 <div class="account">You are logged in as &nbsp;<a href="/portal/account/">{{ person.username }}</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a id="logout" style="cursor:pointer;" data-username="{{ person.username }}"><span class="glyphicon glyphicon-off"></span> Logout</a></div>
  41                                         {% else %}
  42                                                 <div class="account"> You are logged in as &nbsp;<a href="/portal/account/">{{ email }}</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a id="logout" style="cursor:pointer;" data-username="{{ email }}"><span class="glyphicon glyphicon-off"></span> Logout</a></div>
  43                                         {% endif %}
  44                                 {% endif %}
  45                         {% endif %}
  46                 </div>
  47         </div>
  48 </div>
  49 </div>
  50
  51 <div class="row">
  52 {% widget '_widget-message.html' %}
  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>