background image…

app/assets/javascripts/orbitdesktop.js

@@ -169,12 +169,11 @@ var orbitDesktop = function(dom){
 					}
 				}
 			});
-			$('div#desktop .tinycanvas').tinyscrollbar({ axis: 'x'});
-			$("div#desktop div.scrollbar").hover(function(){
-				$(this).removeClass('op01');
-			}, function(){
-				$(this).addClass('op01');
-			});
+			$('div#desktop .tinycanvas')
+				.tinyscrollbar({ axis: 'x' })
+				.find('.scrollbar')
+				.delay(1500)
+				.addClass('op00', 500);
 
 			// simple dropdown menu
 			var $sdm = $('.sdm');
@@ -305,7 +304,11 @@ var orbitDesktop = function(dom){
 				$("div#app_manager .group_search").html(allApps);
 				return false;
 			})
-			$('.tinycanvas').tinyscrollbar({ axis: 'x'});
+			$('.tinycanvas')
+				.tinyscrollbar({ axis: 'x'})
+				.find('.scrollbar')
+				.delay(1500)
+				.addClass('op00', 500);
 		}
 		var loadApps = function(){
 			$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
@@ -371,7 +374,11 @@ var orbitDesktop = function(dom){
 					$(this).find('span.tile').addClass('op06');
 				}
 	 		});
-			$('.tinycanvas').tinyscrollbar({ axis: 'x'});
+			$('.tinycanvas')
+				.tinyscrollbar({ axis: 'x'})
+				.find('.scrollbar')
+				.delay(1500)
+				.addClass('op00', 500);
 			var $sdm = $('.sdm');
 
 			if( !$sdm.children('.sdm_o') ){
@@ -431,7 +438,8 @@ var orbitDesktop = function(dom){
 		o.currenthtml = target;
 		o.currentface = "settings";
 		var bindHandlers = function(){
-			$("div#settings ul#setting_left_nav li a").click(function(){
+			$("div#settings ul#setting_left_nav li a").on({
+				click: function(){
 					if(!$(this).data("clicked")){
 					var tfunc = $(this).attr("href");
 					switch(tfunc){
@@ -445,20 +453,28 @@ var orbitDesktop = function(dom){
 					$("div#settings ul#setting_left_nav li a").removeClass('thmc1 thmtxt').data('clicked',null);
 					$(this).addClass('thmc1 thmtxt').data('clicked',true);
 					}
-			});
-			$("div#settings ul#setting_left_nav li a").hover(function(){
+				},
+				mouseenter: function(){
 					$(this).removeClass('admtxt').addClass('thmc1 thmtxt');
-			}, function(){
+				},
+				mouseleave: function(){
 					var t = $(this).data('clicked') ? '' : 'thmc1 thmtxt';
 					$(this).removeClass(t).addClass('admtxt');
+				}
 			});
+
 		}
 		var sections = function(){
 			var bindHandlers = function(){
 				$('.tinycanvas').each(function(){
 					var h = $(this).parent().height(),
 						sh = $(this).siblings('.s_tab').height();
-					$(this).css({'height': h-sh-24}).tinyscrollbar({ axis: 'y'});
+					$(this)
+						.css({'height': h-sh-24})
+						.tinyscrollbar({ axis: 'y'})
+						.find('.scrollbar')
+						.delay(1500)
+						.addClass('op00', 500);
 				});
 				
 				$("a#name_save_btn").click(function(){
@@ -493,21 +509,25 @@ var orbitDesktop = function(dom){
 		}
 		var themes = function(){
 				var bindHandlers = function(){
-						$(".theme_list > li").click(function(){
+						// live change theme
+						$(".theme_list > .ssl_item").click(function(){
 							o.changeTheme($(this).attr("id"));
 							// $(".theme_list > li").removeClass('thmc1').data('clicked',null).find('.theme_name').removeClass('thmtxt');
 							// $(this).addClass('thmc1').data('clicked',true).find('.theme_name').addClass('thmtxt');
 							$.post("/desktop/save_desktop_settings",{"save":"theme","desktopid":o.desktopId,"theme":$(this).attr("id")},function(result,status){
 								if(status=="success"){
-									if(result[0].success=="true")
+									if(result[0].success=="true"){
 										o.notify("Theme Saved!!","success",2);
-									else
+										loadthmc();
+									} else {
 										o.notify("Theme saving failed!!","imp",2);
+									}
 								}else{
 									o.notify("Connection problem!!","alert",2);
 								}
 							});
 						});
+						// single select
 						$('.ssl .ssl_item').each(function(){
 							$(this).on({
 								click: function(){
@@ -521,12 +541,19 @@ var orbitDesktop = function(dom){
 								}
 							});
 						});
+
 						$('.tinycanvas').each(function(){
 							var h = $(this).parent().height(),
 								sh = $(this).siblings('.s_tab').height();
-							$(this).css({'height': h-sh-24}).tinyscrollbar({ axis: 'y'});
+							$(this)
+								.css({'height': h-sh-24})
+								.tinyscrollbar({ axis: 'y'})
+								.find('.scrollbar')
+								.delay(1500)
+								.addClass('op00', 500);
 						});
 
+						// tab
 						var $anchor = $('.s_tab a[href*=#]'),
 							$tabcontent = $('.st_c');
 
@@ -541,11 +568,6 @@ var orbitDesktop = function(dom){
 								return false;
 							});
 						});
-					/*	$("tr#color_inputs input").each(function(){
-							var what = $(this).attr("for");
-							alert($("#theme_preview_area ."+what).css("background-color"))
-							$(this).val()
-						}) */
 						
 						$('.color-picker').miniColors({
 							change:function(hex){
@@ -568,6 +590,8 @@ var orbitDesktop = function(dom){
 								}
 							}
 						});
+					
+						
 						$('.theme_list li:first-child').data('clicked',true); // this line just for demo
 						$('.theme_list li').hover(function(){
 							$(this).addClass('thmc1').find('.theme_name').addClass('thmtxt');
@@ -624,6 +648,7 @@ var orbitDesktop = function(dom){
 				$.getJSON("/desktop/get_desktop_settings",{"get":"theme","desktopid":o.desktopId},function(theme){
 					$("#st1 ul.theme_list li#"+theme).addClass("thmc1").find("span").addClass("thmtxt");
 					bindHandlers();
+					loadthmc();
 				})
 			})
 		}
@@ -664,7 +689,7 @@ var orbitDesktop = function(dom){
 			}
 				
 		})
-	}
+	};
 	o.initialize();
 }
 

app/views/desktop/desktop.html.erb

@@ -15,7 +15,7 @@
 	</div>
 	<div id="holder">
 		<div class="tinycanvas">
-			<div class="scrollbar sb_h op01"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
+			<div class="scrollbar sb_h"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
 				<div class="viewport">
 				        <div id="group_wrapper" class="overview">