PI only sees slices/users of your own institution
[myslice.git] / portal / templates / fibre / fibre__widget-topmenu.html
index b916394..088ba06 100644 (file)
@@ -1,45 +1,66 @@
-{% insert_str prelude "js/bootstrap.js" %}
-{% insert_str prelude "css/bootstrap.css" %}
-{% insert_str prelude "css/topmenu.css" %}
-{% insert_str prelude "js/logout.js" %}
-<div id="header">
-       <div class="wrapper">
-               <div class="logo">
-                       <a href="/"><img width="145px" height="75px" src="{{ STATIC_URL }}img/fibre-logo.gif" alt=FIBRE" /></a>
+{% load portal_filters %}
+<div class="header">
+<div class="container">
+       <div class="row">
+               <div class="col-sm-3 col-md-3 logo">
+                       <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>
                </div>
-               
-               <div id="secondary">
+               {% if username %}
+               <div class="col-sm-4 col-md-4 navigation">
                        <ul>
-                               <li>News</li>
-                               <li><a href="/portal/about">About</a></li>
-                               <li><a target="_blank" href="http://www.fibre-ict.eu">Public Website</a></li>
-                               <li><a target="_blank" href="http://intranet.fibre-ict.eu">Intranet</a></li>
+                               <li>
+                                       <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                                       EXPERIMENT <span class="caret"></span>
+                               </a>
+                                       
+                                       <div class="dropdown-menu" style="z-index:99;">
+                                                       <ul id="dropdown-slice-list">
+                                                               <li class="title"><a href="/portal/slice_request/">Request Slice</a></li>
+                                                       </ul>
+                                       </div>
+                               </li>
+                               {%if 'is_pi'  in pi %}  
+                               <li id="nav-institution" class=""><a href="/portal/institution">MANAGEMENT</a></li>
+                                {%endif%}
+                               <li><a href="/portal/support/">SUPPORT</a></li>
                        </ul>
                </div>
-       </div>
-       
-       {% if username %}
-       <div id="navigation">
-               <div class="wrapper">
-               <ul>
-                       <li>SLICES</li>
-                       <li><a href="/portal/validate">REQUESTS</a></li>
-                       <li><a href="/portal/institution">INSTITUTION</a></li>
-                       <li><a href="/portal/support/">SUPPORT</a></li>
-                       <li>|</li>
-                       <li><a href="/portal/account/">{{ username }}</a></li>
-                       <li><a id="logout" style="cursor:pointer;" data-username="{{ username }}">LOGOUT</a></li>
-               </ul>
+               {% else %}
+               <div class="col-sm-4 col-md-4 navigation">
+               </div>
+               {% endif %}
+               <div class="col-sm-5 col-md-5 secondary">
+                       <ul>
+                               <li><a href="/portal/about">About</a></li>
+                               <li><a target="_blank" href="http://www.fibre-ict.eu/">Public Website</a></li>
+                       </ul>
+                       {% if section != 'Registration' %}
+                               {% if username %}
+                                       {% if person.username %}
+                                               <div class="account" id="username" >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>
+                                       {% else %}
+                                               <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>
+                                       {% endif %}
+                               {% endif %}
+                       {% endif %}
                </div>
        </div>
-       {% else %}
-       <div id="navigation">
-               <div class="wrapper"></div>
-       </div>
-       {% endif %}
+</div>
+</div>
+
+<div class="row">
+{% widget '_widget-message.html' %}
 </div>
 <script>
        $(document).ready(function() {
+               $('li.slices').mouseenter(function() {
+                       $('div#menu-slice-list').fadeIn(100);
+               });
+               $('div#menu-slice-list').mouseleave(function(e) {
+                       if (!$('li.slices').is(":hover")) {
+                               $(this).fadeOut(100);
+                       }
+               });
                // var slices = localStorage.getItem('slices');
                // if (slices.length == 0) {
                        // $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {