8ff952ef05e803c8c3c5c1f69ff81f525f5e0240
[unfold.git] / portal / templates / onelab / onelab_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/onelab-portal.png" alt="OneLab Portal - Future Internet Testbeds" /></a>
7                 </div>
8                 {% if username %}
9                 <div class="col-sm-5 col-md-5 navigation">
10                         <ul>
11                                 <li>
12                                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">
13                                         SLICES <span class="caret"></span>
14                                 </a>
15                                         
16                                         <div class="dropdown-menu" style="z-index:99;">
17                                                         <ul id="dropdown-slice-list">
18                                                                 <li><a href="/portal/slice_request/">Request Slice</a></li>
19                                                         </ul>
20                                         </div>
21                                 </li>
22                                 <li><a href="/portal/support/">SUPPORT</a></li>
23                                 <li id="nav-request"><a href="/portal/validate">REQUESTS</a></li>
24                                 <li id="nav-institution" class=""><a href="/portal/institution">INSTITUTION</a></li>
25
26                         </ul>
27                 </div>
28                 {% else %}
29                 <div class="col-sm-5 col-md-5 navigation">
30                 </div>
31                 {% endif %}
32                 <div class="col-sm-4 col-md-4 secondary">
33                         <ul>
34                                 
35                                 <li><a href="/news">News</a></li>
36                                 <li><a href="/portal/about">About</a></li>
37                                 <li><a target="_blank" href="http://www.onelab.eu">Public Website</a></li>
38                                 <li><a target="_blank" href="http://intranet.onelab.eu">Intranet</a></li>
39                         </ul>
40                         {% if username %}
41                         <div class="account">You are logged in as &nbsp;<a href="/portal/account/">{{ username }}</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a id="logout" style="cursor:pointer;" data-username="{{ username }}"><span class="glyphicon glyphicon-off"></span> Logout</a></div>
42                         {% endif %}
43                 </div>
44         </div>
45 </div>
46 </div>
47
48 <div class="row">
49 {% widget '_widget-message.html' %}
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                 // var slices = localStorage.getItem('slices');
62                 // if (slices.length == 0) {
63                         // $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {
64                         // var items = [];
65                                 // localStorage.setItem('slices', data[0].slice);
66                         // });
67                 // }
68                 // $.each(slices, function( key, val ) {
69                         // items.push( "<li><a href=\"/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
70                 // });
71                 // $("div#home-slice-list").html($( "<ul/>", { html: items.join( "" ) }));
72         });
73 </script>