345 lines
11 KiB
JavaScript
Executable File
345 lines
11 KiB
JavaScript
Executable File
// JavaScript Document
|
|
//harry
|
|
var orbitDesktop = function(dom){
|
|
orbitDesktopAPI.apply(this);
|
|
o = this;
|
|
this.contentHolder = dom;
|
|
this.themesettings = "";
|
|
this.theme = "default";
|
|
// this.themefolder = "themes";
|
|
this.transitionTime = 500;
|
|
this.currenthtml = "desktop.html";
|
|
this.currentface = "home";
|
|
this.desktopData = {"home":"","fun":"","work":"","favorite":"","apps_manager":"","sections":""};
|
|
this.tp = "";
|
|
this.initialize = function(){
|
|
var theme = o.theme;
|
|
$.getJSON("/desktop/get_desktop_settings",{id:o.desktopId},function(desktopSettings){
|
|
if(desktopSettings){
|
|
theme = desktopSettings.theme;
|
|
o.theme = theme;
|
|
loadTheme();
|
|
}else{loadTheme();}
|
|
})
|
|
var loadTheme = function(){
|
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
|
o.themesettings = eval(ts);
|
|
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "/"+o.themefolder+"/"+theme+"/css/"+ts.css));
|
|
$(document).ready(function(){o.loadWallpaper();o.bindDesktopEvents();o.loadIconCache();o.initializeDesktop();});
|
|
})
|
|
}
|
|
};
|
|
this.changeTheme = function(theme){
|
|
o.theme = theme;
|
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
|
o.themesettings = eval(ts);
|
|
$('head').find("#dyn_css").remove();
|
|
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "/"+o.themefolder+"/"+theme+"/css/"+ts.css));
|
|
o.loadWallpaper();
|
|
o.loadIconCache();
|
|
})
|
|
|
|
};
|
|
this.bindDesktopEvents = function(){
|
|
$("a#d_app_manager").click(function(){
|
|
var target = $(this).attr("href");
|
|
if(o.currenthtml!=target){
|
|
o.desktopData[o.currentface] = $(o.contentHolder).html();
|
|
$("#content").hide("drop",o.transitionTime,function(){
|
|
o.initializeAppSearch(target);
|
|
});
|
|
}
|
|
});
|
|
$("a#d_desktop").click(function(){
|
|
var target = $(this).attr("href");
|
|
if(o.currenthtml!=target){
|
|
o.desktopData[o.currentface] = $(o.contentHolder).html();
|
|
$("#content").hide("drop",o.transitionTime,function(){
|
|
o.initializeDesktop(target);
|
|
});
|
|
}
|
|
});
|
|
$("a#d_sections").click(function(){
|
|
var target = $(this).attr("href");
|
|
if(o.currenthtml!=target){
|
|
o.desktopData[o.currentface] = $(o.contentHolder).html();
|
|
$("#content").hide("drop",o.transitionTime,function(){
|
|
o.initializeSectionsManager(target);
|
|
});
|
|
}
|
|
});
|
|
$("a#d_settings").click(function(){
|
|
var target = $(this).attr("href");
|
|
if(o.currenthtml!=target){
|
|
o.desktopData[o.currentface] = $(o.contentHolder).html();
|
|
$("#content").hide("drop",o.transitionTime,function(){
|
|
o.initializeSettings(target);
|
|
});
|
|
}
|
|
});
|
|
|
|
$(window).resize(function(){
|
|
var ww = $(window).width();
|
|
$("img#thmbackground").attr({"width":ww});
|
|
});
|
|
$(o.contentHolder).mousemove(function(event){
|
|
/*if(($(window).width()-50)<=event.pageX){
|
|
$("#holder").animate({scrollLeft:$("#holder").scrollLeft()+500},1000);
|
|
}
|
|
if(event.pageX<300){
|
|
$("#holder").animate({scrollLeft:0},1000);
|
|
}*/
|
|
});
|
|
var $widget_fn = $('.widget_fn'),$fn_des = $('.fn_des');
|
|
$widget_fn.hover(function(){
|
|
var fn_name = $(this).find('img').attr('alt'),nth = $(this).parents('.d_cate').index(),des_left = $('.dock_child').eq(nth).width();
|
|
$(this).addClass('thmc1');
|
|
$fn_des.text(fn_name).css({'top':nth * 60,'left': des_left + 60}).stop(true, true).fadeIn();
|
|
},function(){
|
|
$(this).removeClass('thmc1');
|
|
$fn_des.stop(true, true).fadeOut();
|
|
});
|
|
};
|
|
this.initializeDesktop = function(target){
|
|
if(!target)target = "desktop";
|
|
o.currenthtml = target;
|
|
o.currentface = "home";
|
|
var groupWrapperWidth = 0;
|
|
var groupWrapperHeight = 0;
|
|
var extraspace = 300;
|
|
var currentElement, elementParent, targetParent, tempElement, widthcheck;
|
|
widthcheck = false;
|
|
var bindHandlers = function(){
|
|
$(".element").mousedown(function(){
|
|
currentElement = $(this);
|
|
elementParent = $(this).parent();
|
|
})
|
|
$(".group").mouseenter(function(){
|
|
targetParent = $(this);
|
|
})
|
|
$(".group").each(function(){groupWrapperWidth+=$(this).width();})
|
|
groupWrapperWidth+=200;
|
|
groupWrapperHeight = $(".group").height() + 20;
|
|
groupWrapperHeight = (groupWrapperHeight > ($(window).height()-extraspace))? $(window).height()-extraspace:groupWrapperHeight;
|
|
$("#group_wrapper").css("width",groupWrapperWidth);
|
|
|
|
$(".grp").sortable({
|
|
connectWith: ".grp",
|
|
tolerance: 'pointer' ,
|
|
revert:true,
|
|
stop:function(){
|
|
o.tp = targetParent.height();
|
|
var currentElementWidth = currentElement.width();
|
|
var targetElementWidth = targetParent.width();
|
|
if(targetParent.height()>540){
|
|
//targetParent.width(currentElement.width());
|
|
var newWidth = targetElementWidth+currentElementWidth;
|
|
targetParent.css("max-width",newWidth);
|
|
var newParentWidth = $("#group_wrapper").width()+currentElementWidth;
|
|
$("#group_wrapper").css("width",newParentWidth);
|
|
}else if(targetParent.height()<540){
|
|
var newWidth = targetElementWidth - (540-targetElementWidth);
|
|
targetParent.css("max-width",newWidth);
|
|
var newParentWidth = $("#group_wrapper").width()+currentElementWidth;
|
|
$("#group_wrapper").css("width",newParentWidth);
|
|
}
|
|
}
|
|
|
|
});
|
|
$('#holder').tinyscrollbar({ axis: 'x'});
|
|
$("div.scrollbar").hover(function(){
|
|
$(this).removeClass('op01');
|
|
}, function(){
|
|
$(this).addClass('op01');
|
|
});
|
|
var $sdm = $('.sdm');
|
|
|
|
if( !$sdm.children('.sdm_o') ){
|
|
return;
|
|
} else {
|
|
$sdm.hover(function(){
|
|
$(this).addClass('thmc2');
|
|
}, function(){
|
|
$(this).removeClass('thmc2');
|
|
});
|
|
}
|
|
}
|
|
if(!o.desktopData[o.currentface]){
|
|
$(o.contentHolder).empty().load("/desktop/"+target,function(){
|
|
bindHandlers();
|
|
o.initializeWidgets();
|
|
});
|
|
}else{
|
|
$(o.contentHolder).html(o.desktopData[o.currentface]);
|
|
bindHandlers();
|
|
o.initializeWidgets();
|
|
}
|
|
};
|
|
this.tempFunc = function(){
|
|
//o.notify("This is test notification!!","alert",2)
|
|
$.post("/desktop/save_desktop_settings",{"id":o.desktopId,"theme":$("#change_theme").val()},function(){
|
|
o.notify("Settings Saved!!","success");
|
|
})
|
|
}
|
|
this.initializeAppSearch = function(target){
|
|
o.currenthtml = target;
|
|
o.currentface = "apps_manager";
|
|
var searchArray,allApps;
|
|
var bindHandlers = function(){
|
|
$("#group_wrapper").css("min-width",$(window).width()-100);
|
|
$(".group_search").css("width",$(window).width()-200);
|
|
//for textbox search
|
|
$("#searchbox").focus(function(){$(this).val("");}).keyup(function(e){
|
|
if($(this).val()){
|
|
$(".search_result").empty();
|
|
$("#seperator").hide();
|
|
searchArray = $(".element:containsi("+$(this).val()+")");
|
|
if(searchArray.length>0){
|
|
$("#seperator").show();
|
|
searchArray.each(function(){
|
|
var $newelement = $('<div class="search element w1 h1 hp vp thmc2" data-category="desktop">'+$(this).html()+'</div>');
|
|
$(".search_result").prepend($newelement);
|
|
})
|
|
}
|
|
}else{$("#seperator").hide();$(".search_result").empty();}
|
|
}).blur(function(){$(this).val("Search");});
|
|
|
|
//for Alphabet sorting
|
|
$("a#alphabet_sort_btn").click(function(){
|
|
switch ($(this).attr("href")) {
|
|
case "ascending":
|
|
$(this).attr("href","descending").find(".thmtxt").text("Alphabet [Z-A]");
|
|
allApps = $(".group_search .element").sort(sortAscending);
|
|
break;
|
|
case "descending":
|
|
$(this).attr("href","ascending").find(".thmtxt").text("Alphabet [A-Z]");
|
|
allApps = $(".group_search .element").sort(sortDescending);
|
|
break;
|
|
}
|
|
|
|
$(".group_search").html(allApps);
|
|
return false;
|
|
})
|
|
$('#holder').tinyscrollbar({ axis: 'x'});
|
|
}
|
|
if(!o.desktopData[o.currentface]){
|
|
$(o.contentHolder).empty().load("/desktop/"+target,function(){
|
|
bindHandlers();
|
|
|
|
});
|
|
}else{
|
|
$(o.contentHolder).html(o.desktopData[o.currentface]);
|
|
bindHandlers();
|
|
}
|
|
};
|
|
this.initializeSectionsManager = function(target){
|
|
o.currenthtml = target;
|
|
o.currentface = "sections";
|
|
var elementParent,element;
|
|
var bindHandlers = function(){
|
|
$(".group").width(530);
|
|
$("#group_wrapper .element").sortable({
|
|
start:function(){
|
|
var $elementParent = $(this).parent().parent();
|
|
elementParent = $elementParent;
|
|
element = $(this);
|
|
$elementParent.find("div.section_label ul li").fadeIn(500);
|
|
},
|
|
stop:function(){
|
|
elementParent.find("div.section_label ul li:not(:nth-child(1))").fadeOut(500);
|
|
}
|
|
});
|
|
$(".section_label ul li:not(:nth-child(1))").droppable({
|
|
drop:function(){
|
|
if($("#"+$(this).attr("data-category")+" .element").length>=24){
|
|
o.notify("Section is full.","alert");
|
|
}
|
|
else
|
|
$("#"+$(this).attr("data-category")).append(element);
|
|
}
|
|
});
|
|
$(".section_label ul li:not(:nth-child(1)) span.tile").hover(function(){
|
|
$(this).toggleClass("op06");
|
|
})//.mouseleave(function(){$(this).addClass("op06");});
|
|
$('#holder').tinyscrollbar({ axis: 'x'});
|
|
var $sdm = $('.sdm');
|
|
|
|
if( !$sdm.children('.sdm_o') ){
|
|
return;
|
|
} else {
|
|
$sdm.hover(function(){
|
|
$(this).addClass('thmc2');
|
|
}, function(){
|
|
$(this).removeClass('thmc2');
|
|
});
|
|
}
|
|
};
|
|
if(!o.desktopData[o.currentface]){
|
|
$(o.contentHolder).empty().load("/desktop/"+target,function(){
|
|
bindHandlers();
|
|
});
|
|
}else{
|
|
$(o.contentHolder).html(o.desktopData[o.currentface]);
|
|
bindHandlers();
|
|
}
|
|
|
|
};
|
|
this.initializeSettings = function(target){
|
|
o.currenthtml = target;
|
|
o.currentface = "settings";
|
|
var bindHandlers = function(){
|
|
$("select#change_theme").change(function(){
|
|
o.changeTheme($(this).val());
|
|
})
|
|
}
|
|
if(!o.desktopData[o.currentface]){
|
|
$(o.contentHolder).empty().load("/desktop/"+target,function(){
|
|
bindHandlers();
|
|
});
|
|
}else{
|
|
$(o.contentHolder).html(o.desktopData[o.currentface]);
|
|
bindHandlers();
|
|
}
|
|
};
|
|
this.loadWallpaper = function(wallpaper){
|
|
if(!wallpaper)wallpaper = o.themesettings.background;
|
|
var ww = $(window).width();
|
|
var wh = $(window).height();
|
|
if(o.themesettings.background)
|
|
$("img#thmbackground").attr({"src":"/"+o.themefolder+"/"+o.theme+"/images/"+wallpaper,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
|
else
|
|
$("img#thmbackground").attr({"src":"/"+"images/"+wallpaper,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
|
|
|
$("div#bgover").css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","width":ww,"height":wh});
|
|
};
|
|
this.loadIconCache = function(){
|
|
var imgs = $("ul.docklist img");
|
|
$.each(imgs,function(){
|
|
var setting_name = $(this).attr("id").replace("_icon","");
|
|
$(this).attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+o.themesettings.icons[setting_name])
|
|
})
|
|
};
|
|
this.initializeWidgets = function(){
|
|
var elements = $("#group_wrapper li.element");
|
|
$.each(elements,function(){
|
|
var widget = $(this);
|
|
if(widget.attr("data-category")=="widget"){
|
|
var widgename =widget.attr("data-content");
|
|
$.getScript("/desktop_widgets/"+widgename+"/"+widgename+".js",function(){
|
|
widget.find("div.appholder").load("/desktop_widgets/"+widgename+"/index.html.erb");
|
|
});
|
|
// $(this).find("div.appholder").append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "/desktop_widgets/"+widgename+"/css/"+widgename+".css"));
|
|
}
|
|
|
|
})
|
|
}
|
|
o.initialize();
|
|
}
|
|
|
|
orbitDesktop.prototype.themefolder = "themes";
|
|
orbitDesktop.prototype.widgetfolder = "desktop_widgets";
|
|
orbitDesktop.prototype.desktopId = "1";
|
|
orbitDesktop.prototype.notifyImgPath = "temp";
|
|
|
|
// devin
|