Cloudbar login fixes
[astakos] / snf-astakos-app / astakos / im / static / im / cloudbar / cloudbar.js
index c936146..b84d187 100644 (file)
@@ -32,7 +32,7 @@ $(document).ready(function(){
     }
 
     var root = $('body');
-    var bar = $('<div class="header"></div>');
+    var bar = $('<div class="cloudbar"></div>');
     var services = $('<ul class="services"></ul>');
     var profile = $('<div class="profile"></div>');
     
@@ -71,6 +71,7 @@ $(document).ready(function(){
             if (i == 0){
                 username.text(el.name);
                 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,25 @@ $(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();
+               $(this).siblings('ul').toggle();
+               $(this).toggleClass('open');
+   });
+    
+    var profileWidth = profile.outerWidth(); 
+    $('.header .profile ul').css('width',profileWidth );
+
+    
+    
+    
 });