Top Menu: grey background when selected, logout icon
[unfold.git] / portal / templates / onelab / onelab__widget-topmenu.html
index 649bbfb..7742b8d 100644 (file)
@@ -11,9 +11,9 @@
                <div id="secondary">
                        <ul>
                                <li>News</li>
-                               <li><a href="./portal/about">About</a></li>
+                               <li><a href="/portal/about">About</a></li>
                                <li><a target="_blank" href="http://www.onelab.eu">Public Website</a></li>
-                               <li>Intranet</li>
+                               <li><a target="_blank" href="http://intranet.onelab.eu">Intranet</a></li>
                        </ul>
                </div>
        </div>
        <div id="navigation">
                <div class="wrapper">
                <ul>
+                       <li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
+                       <li>|</li>
+                       <li id="nav-institution" class=""><a href="/portal/institution">INSTITUTION</a></li>
                        <li>SLICES</li>
-                       <li>REQUESTS</li>
-                       <li><a href="/portal/institution">INSTITUTION</a></li>
-                       <li><a href="/portal/support">SUPPORT</a></li>
+                       <li id="nav-request"><a href="/portal/validate">REQUESTS</a></li>
+                       <li id="nav-support"><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>
+                       <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>
                </ul>
                </div>
        </div>
        </div>
        {% endif %}
 </div>
+<script>
+       $(document).ready(function() {
+               // var slices = localStorage.getItem('slices');
+               // if (slices.length == 0) {
+                       // $.post("/rest/user/",{'filters':{'user_hrn':'$user_hrn'}}, function( data ) {
+                       // var items = [];
+                               // localStorage.setItem('slices', data[0].slice);
+                       // });
+               // }
+               // $.each(slices, function( key, val ) {
+                       // items.push( "<li><a href=\"/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
+               // });
+               // $("div#home-slice-list").html($( "<ul/>", { html: items.join( "" ) }));
+       });
+</script>