Merge remote-tracking branch 'origin/newstyles' into newstyles

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

diff --git a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
index c936146..4949de1 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
+++ b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
@@ -32,7 +32,7 @@ $(document).ready(function(){
     }
 
     var root = $('body');
-    var bar = $('<div class="header"></div>');
+    var bar = $('<div class="cloudbar clearfix"></div>');
     var services = $('<ul class="services"></ul>');
     var profile = $('<div class="profile"></div>');
     
@@ -53,7 +53,7 @@ $(document).ready(function(){
             slink.attr('title', el.name);
             sli.append(slink);
             services.append(sli);
-            if (el.id == ACTIVE_MENU) {
+            if (el.id == ACTIVE_MENU || el.name == ACTIVE_MENU) {
                 sli.addClass("active");
             }
         });
@@ -69,8 +69,9 @@ $(document).ready(function(){
     $.getJSON(get_menu_url, function(data) {
         $.each(data, function(i,el) {
             if (i == 0){
-                username.text(el.name);
+                username.html('<span>'+el.name+'</span>');
                 username.attr('href', el.url);
+                user.removeClass('full');
             }else{
                 var link = $("<a />");
                 link.text(el.name);
@@ -78,6 +79,7 @@ $(document).ready(function(){
                 var li = $("<li />");
                 li.append(link);
                 usermenu.append(li);
+                user.addClass('full');
             }
         });
     });
@@ -97,4 +99,26 @@ $(document).ready(function(){
 
     // ie fix
     user.hover(function(){$(this).addClass("hover")}, function(){$(this).removeClass("hover")});
+    
+    /*$('.cloudbar .profile ul').mouseover(function(){
+        $(this).parents('.profile').css('backgroundColor','#000');
+        
+    });
+     $('.cloudbar .profile ul').mouseout(function(){
+        $(this).parents('.profile').css('backgroundColor','#01A1AE');
+        
+    });*/
+   $('.cloudbar .profile .full>a').live('click', function(e){
+               e.preventDefault();
+        $('.cloudbar .profile ul').css('width',$('.profile').outerWidth() );
+               $(this).siblings('ul').toggle();
+               $(this).toggleClass('open');
+               
+   });
+    
+    
+
+    
+    
+    
 });