Minor cloudbar improvements

snf-astakos-app/astakos/im/static/im/cloudbar/README.rst

@@ -36,8 +36,9 @@ Each page that wants to display the navigation bar should:
       and the authentication status of the current visitor of the page.
     - Set the ``CLOUDBAR_ACTIVE_SERVICE`` to the id of the service the current
       page refers to so that script cat set the appropriate active styles to
-      the services menu for services ids see ``SERVICES_LINK``
-      object in cloudbar.js.
+      the services menu for services ids see ``SERVICES_LINK`` object in 
+      cloudbar.js. Use special **accounts** value to set account menu as the
+      active link.
     - Set the ``CLOUDBAR_LOCATION`` to the url where bar files are served from.
     - Include the servicesbar.js script.
 

snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css

@@ -104,6 +104,9 @@
   font-weight: bold !important;
   font-size: 12px !important;
 }
+.servicesbar .profile .user.active {
+  background-color: #333;
+}
 .servicesbar .profile a {
   float: none;
 }

snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js

@@ -58,6 +58,7 @@ $(document).ready(function(){
     
     // create profile links
     var user = $('<div class="user"></div>');    
+    if (ACTIVE_MENU == "accounts") { user.addClass("hover active")}
     var username = $('<a href="#"></a>');
     var usermenu = $("<ul>");
     var get_menu_url = (window.GET_MENU_URL || window.CLOUDBAR_MENU) + '?callback=?&location=' + window.location.toString();

snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.less

@@ -79,6 +79,10 @@
                 font-weight: bold !important;
                 font-size: 12px !important;
             }    
+
+            &.active {
+                background-color: #333;
+            }
         }
         a {
                     float: none;