portal/templates/fed4fire/fed4fire_widget-topmenu.html

   1
   2 <div id="header">
   3     <div class="container">
   4     <div class="row">
   5         <div class="col-sm-4 col-md-4 logo">
   6             <a href="/"><img src="{{ STATIC_URL }}img/f4f-logo.png" alt="Fed4Fire Portal" width="80px" /></a>
   7         </div>
   8
   9
  10             <div id="secondary" class="col-sm-8 col-md-8 secondary">
  11                         <ul>
  12                                 <li><a href="/portal/about">About</a></li>
  13                                 <li><a href="http://doc.fed4fire.eu/">Documentation</a></li>
  14                                 <li><a target="_blank" href="http://www.fed4fire.eu">Project website</a></li>
  15                         </ul>
  16                 </div>
  17         </div>
  18     </div>
  19 <div id="navigation">
  20     <div class="container">
  21         <div class="row">
  22            {% if username %}
  23         <div class="col-md-12 navigation">
  24             <ul>
  25                 <li><a href="/">DASHBOARD</a></li>
  26                 <li>|</li>
  27                 <!--<li id="nav-institution" class=""><a href="/portal/institution">AUTHORITY</a></li>-->
  28                 <li class="slices">
  29                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">SLICES <span class="caret"></span></a>
  30
  31                     <div class="dropdown-menu" style="z-index:99;">
  32                             <ul id="dropdown-slice-list">
  33                                 <li><a href="/portal/slice_request/">Request Slice</a></li>
  34                             </ul>
  35                     </div>
  36                     </li>
  37                 <li id="nav-service"><a href="/portal/servicedirectory">SERVICES</a></li>
  38                 <li id="nav-support"><a href="http://doc.fed4fire.eu/support.html">SUPPORT</a></li>
  39                 <li>|</li>
  40                 <li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
  41                 <li id="nav-logout"><span class="glyphicon glyphicon-off iconlogout"></span> <a id="logout" data-username="{{ username }}" href="#">LOGOUT</a></li>
  42             </ul>
  43         </div>
  44         {% else %}
  45         <div class="col-sm-4 col-md-4 navigation">
  46         </div>
  47         {% endif %}
  48     </div>
  49     </div>
  50 </div>
  51 <script>
  52         $(document).ready(function() {
  53                 $('li.slices').mouseenter(function() {
  54                         $('div#menu-slice-list').fadeIn(100);
  55                 });
  56                 $('div#menu-slice-list').mouseleave(function(e) {
  57                         if (!$('li.slices').is(":hover")) {
  58                                 $(this).fadeOut(100);
  59                         }
  60                 });
  61         });
  62 </script>