small cosmetic changes to slice/project forms
[unfold.git] / 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>