5 <a href="/"><img src="{{ STATIC_URL }}img/f4f-logo.png" alt="Fed4Fire Portal" width="80px" />Home</a>
10 <li><a href="/portal/about">About</a></li>
11 <li><a href="http://doc.fed4fire.eu/">Documentation</a></li>
12 <li><a target="_blank" href="http://www.fed4fire.eu">Project website</a></li>
21 <li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
23 <li id="nav-institution" class=""><a href="/portal/institution">AUTHORITY</a></li>
25 <a class="dropdown-toggle" data-toggle="dropdown" href="#">
26 SLICES <span class="caret"></span>
29 <div class="dropdown-menu" style="z-index:99;">
30 <ul id="dropdown-slice-list">
31 <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>
42 <li id="nav-request"><a href="/portal/validate">REQUESTS</a></li>
43 <li id="nav-service"><a href="/portal/servicedirectory">SERVICES</a></li>
44 <li id="nav-support"><a href="http://doc.fed4fire.eu/support.html">SUPPORT</a></li>
46 <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>
52 <div class="wrapper"></div>
57 $(document).ready(function() {
58 $('li.slices').mouseenter(function() {
59 $('div#menu-slice-list').fadeIn(100);
61 $('div#menu-slice-list').mouseleave(function(e) {
62 if (!$('li.slices').is(":hover")) {
66 // var slices = localStorage.getItem('slices');
67 // if (slices.length == 0) {
68 // $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {
70 // localStorage.setItem('slices', data[0].slice);
73 // $.each(slices, function( key, val ) {
74 // items.push( "<li><a href=\"/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
76 // $("div#home-slice-list").html($( "<ul/>", { html: items.join( "" ) }));