|
|
@ -1,5 +1,9 @@
|
|
|
|
// JavaScript Document
|
|
|
|
// JavaScript Document
|
|
|
|
//harry
|
|
|
|
//harry
|
|
|
|
|
|
|
|
//Inititialize function will initialize desktop
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$.extend($.expr[':'], {
|
|
|
|
$.extend($.expr[':'], {
|
|
|
|
'containsi': function (elem, i, match, array) {
|
|
|
|
'containsi': function (elem, i, match, array) {
|
|
|
|
return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
|
|
|
|
return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
|
|
|
@ -25,7 +29,7 @@ var orbitDesktop = function(dom){
|
|
|
|
this.transitionTime = 500;
|
|
|
|
this.transitionTime = 500;
|
|
|
|
this.currenthtml = "desktop.html";
|
|
|
|
this.currenthtml = "desktop.html";
|
|
|
|
this.currentface = "home";
|
|
|
|
this.currentface = "home";
|
|
|
|
this.desktopData = {"home":"","settings":"","work":"","favorite":"","apps_manager":"","sections":""};
|
|
|
|
this.desktopData = {"home":"","settings":"","work":"","favorite":"","apps_manager":"","sections":"","journal_p":""};
|
|
|
|
this.tp = "";
|
|
|
|
this.tp = "";
|
|
|
|
this.sectionList;
|
|
|
|
this.sectionList;
|
|
|
|
this.initialize = function(){
|
|
|
|
this.initialize = function(){
|
|
|
@ -43,7 +47,7 @@ var orbitDesktop = function(dom){
|
|
|
|
loadTheme(desktopSettings.customtheme,desktopSettings.wallpaper);
|
|
|
|
loadTheme(desktopSettings.customtheme,desktopSettings.wallpaper);
|
|
|
|
}else{loadTheme();}
|
|
|
|
}else{loadTheme();}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
var loadTheme = function(customtheme,customwallpaper){
|
|
|
|
var loadTheme = function(customtheme,customwallpaper){ //This function will load the theme from database
|
|
|
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
|
|
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
|
|
|
o.themesettings = eval(ts);
|
|
|
|
o.themesettings = eval(ts);
|
|
|
|
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "/"+o.themefolder+"/"+theme+"/css/"+ts.css));
|
|
|
|
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "/"+o.themefolder+"/"+theme+"/css/"+ts.css));
|
|
|
@ -55,7 +59,7 @@ var orbitDesktop = function(dom){
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.changeTheme = function(theme){
|
|
|
|
this.changeTheme = function(theme){ // this function is used for changing theme
|
|
|
|
o.theme = theme;
|
|
|
|
o.theme = theme;
|
|
|
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
|
|
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
|
|
|
o.themesettings = eval(ts);
|
|
|
|
o.themesettings = eval(ts);
|
|
|
@ -64,9 +68,8 @@ var orbitDesktop = function(dom){
|
|
|
|
o.loadWallpaper();
|
|
|
|
o.loadWallpaper();
|
|
|
|
o.loadIconCache();
|
|
|
|
o.loadIconCache();
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.bindDesktopEvents = function(){
|
|
|
|
this.bindDesktopEvents = function(){ //this function will bind the global handlers to thd desktop, for example doc
|
|
|
|
$("a#d_app_manager").click(function(){
|
|
|
|
$("a#d_app_manager").click(function(){
|
|
|
|
var target = $(this).attr("href");
|
|
|
|
var target = $(this).attr("href");
|
|
|
|
if(o.currenthtml!=target){
|
|
|
|
if(o.currenthtml!=target){
|
|
|
@ -94,6 +97,15 @@ var orbitDesktop = function(dom){
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#d_journal_p").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.initializeJournalPapers(target);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
$("a#d_settings").click(function(){
|
|
|
|
$("a#d_settings").click(function(){
|
|
|
|
var target = $(this).attr("href");
|
|
|
|
var target = $(this).attr("href");
|
|
|
|
if(o.currenthtml!=target){
|
|
|
|
if(o.currenthtml!=target){
|
|
|
@ -117,7 +129,8 @@ var orbitDesktop = function(dom){
|
|
|
|
$fn_des.stop(true, true).fadeOut();
|
|
|
|
$fn_des.stop(true, true).fadeOut();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.initializeDesktop = function(target){
|
|
|
|
|
|
|
|
|
|
|
|
this.initializeDesktop = function(target){ //this is for initializing main desktops that are sections and tiles
|
|
|
|
if(!target)target = "desktop";
|
|
|
|
if(!target)target = "desktop";
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currentface = "home";
|
|
|
|
o.currentface = "home";
|
|
|
@ -125,7 +138,7 @@ var orbitDesktop = function(dom){
|
|
|
|
var extraspace = 300;
|
|
|
|
var extraspace = 300;
|
|
|
|
var currentElement, elementParent, targetParent, tempElement, widthcheck;
|
|
|
|
var currentElement, elementParent, targetParent, tempElement, widthcheck;
|
|
|
|
widthcheck = false;
|
|
|
|
widthcheck = false;
|
|
|
|
var bindHandlers = function(){
|
|
|
|
var bindHandlers = function(){ // this function will bind all the handlers in the desktop
|
|
|
|
var groupWrapperWidth = 0;
|
|
|
|
var groupWrapperWidth = 0;
|
|
|
|
var groupWrapperHeight = 0;
|
|
|
|
var groupWrapperHeight = 0;
|
|
|
|
$('div#desktop div.group').width(528);
|
|
|
|
$('div#desktop div.group').width(528);
|
|
|
@ -202,48 +215,46 @@ var orbitDesktop = function(dom){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var loadTiles = function(id){ //This will load tiles for a specific desktop .. id of section has to be passed here to load tiles
|
|
|
|
|
|
|
|
$("div#desktop div#group_wrapper").empty();
|
|
|
|
|
|
|
|
$.getJSON("/desktop/getgroups",{sectionid:id},function(groups){
|
|
|
|
|
|
|
|
var tilecolors = o.themesettings.tilecolor;
|
|
|
|
|
|
|
|
var opacity = ["op05","op06","op07","op08","op09"];
|
|
|
|
|
|
|
|
$.each(groups,function(i,group){
|
|
|
|
|
|
|
|
group.sort(o.sortJSON("position",true,parseInt));
|
|
|
|
|
|
|
|
var $group = $('<div class="group"><ul class="grp ui-sortable"></ul></div>');
|
|
|
|
|
|
|
|
$.each(group,function(j,tile){
|
|
|
|
|
|
|
|
var tilecolor = tilecolors[Math.floor(Math.random()*tilecolors.length)];
|
|
|
|
|
|
|
|
var op = opacity[Math.floor(Math.random()*opacity.length)];
|
|
|
|
|
|
|
|
if(j==0)$group.attr("id",tile.group_id);
|
|
|
|
|
|
|
|
|
|
|
|
var loadTiles = function(id){
|
|
|
|
if(tile.data_category == "app")
|
|
|
|
$("div#desktop div#group_wrapper").empty();
|
|
|
|
$li = $('<li id="'+tile._id+'" class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><a href="'+tile._id+'" class="appicon" onclick="return false;"><img src="'+o.iconPath+tile.data_content+'.png" alt="" ></a><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
|
|
|
|
$.getJSON("/desktop/getgroups",{sectionid:id},function(groups){
|
|
|
|
else
|
|
|
|
var tilecolors = o.themesettings.tilecolor;
|
|
|
|
$li = $('<li id="'+tile._id+'" class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><h1 class="appname thmtxt">'+tile.title+'</h1><div class="appholder">Loading...</div></li>');
|
|
|
|
var opacity = ["op05","op06","op07","op08","op09"];
|
|
|
|
$group.find("ul").append($li);
|
|
|
|
$.each(groups,function(i,group){
|
|
|
|
|
|
|
|
group.sort(o.sortJSON("position",true,parseInt));
|
|
|
|
|
|
|
|
var $group = $('<div class="group"><ul class="grp ui-sortable"></ul></div>');
|
|
|
|
|
|
|
|
$.each(group,function(j,tile){
|
|
|
|
|
|
|
|
var tilecolor = tilecolors[Math.floor(Math.random()*tilecolors.length)];
|
|
|
|
|
|
|
|
var op = opacity[Math.floor(Math.random()*opacity.length)];
|
|
|
|
|
|
|
|
if(j==0)$group.attr("id",tile.group_id);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(tile.data_category == "app")
|
|
|
|
|
|
|
|
$li = $('<li id="'+tile._id+'" class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><a href="'+tile._id+'" class="appicon" onclick="return false;"><img src="'+o.iconPath+tile.data_content+'.png" alt="" ></a><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
|
|
|
|
|
|
|
|
else
|
|
|
|
|
|
|
|
$li = $('<li id="'+tile._id+'" class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><h1 class="appname thmtxt">'+tile.title+'</h1><div class="appholder">Loading...</div></li>');
|
|
|
|
|
|
|
|
$group.find("ul").append($li);
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
$("div#desktop div#group_wrapper").append($group);
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
bindHandlers();
|
|
|
|
$("div#desktop div#group_wrapper").append($group);
|
|
|
|
o.initializeWidgets();
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
bindHandlers();
|
|
|
|
var loadSectionList = function(){
|
|
|
|
o.initializeWidgets();
|
|
|
|
$.getJSON("/desktop/getsectionlist",{desktopid:o.desktopId},function(sectionlist){
|
|
|
|
})
|
|
|
|
o.sectionList = eval(sectionlist);
|
|
|
|
}
|
|
|
|
$.each(sectionlist,function(i,section){
|
|
|
|
var loadSectionList = function(){ //This will load the section list from the db
|
|
|
|
var tempstyle="";
|
|
|
|
$.getJSON("/desktop/getsectionlist",{desktopid:o.desktopId},function(sectionlist){
|
|
|
|
if(i==0){
|
|
|
|
o.sectionList = eval(sectionlist);
|
|
|
|
tempstyle = "style='display:none;'";
|
|
|
|
$.each(sectionlist,function(i,section){
|
|
|
|
$("div#desktop span#section_heading").text(section.name);
|
|
|
|
var tempstyle="";
|
|
|
|
}
|
|
|
|
if(i==0){
|
|
|
|
$("div#desktop ul#section_list").append($('<li class="section_name" '+tempstyle+'><a class="admtxt hp w2 hh2" onclick="return false;" href="'+section._id+'" >'+section.name+'</a></li>'));
|
|
|
|
tempstyle = "style='display:none;'";
|
|
|
|
})
|
|
|
|
$("div#desktop span#section_heading").text(section.name);
|
|
|
|
bindSecondaryHandlers();
|
|
|
|
}
|
|
|
|
|
|
|
|
$("div#desktop ul#section_list").append($('<li class="section_name" '+tempstyle+'><a class="admtxt hp w2 hh2" onclick="return false;" href="'+section._id+'" >'+section.name+'</a></li>'));
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
bindSecondaryHandlers();
|
|
|
|
|
|
|
|
})
|
|
|
|
var bindSecondaryHandlers = function(){
|
|
|
|
}
|
|
|
|
|
|
|
|
var bindSecondaryHandlers = function(){ //This is the secondary bind handler function which is used to bind events which are repeatative
|
|
|
|
$("div#desktop ul#section_list li.section_name").click(function(){
|
|
|
|
$("div#desktop ul#section_list li.section_name").click(function(){
|
|
|
|
$("div#desktop li.section_name").show();
|
|
|
|
$("div#desktop li.section_name").show();
|
|
|
|
$(this).hide();
|
|
|
|
$(this).hide();
|
|
|
@ -275,16 +286,18 @@ var orbitDesktop = function(dom){
|
|
|
|
bindSecondaryHandlers();
|
|
|
|
bindSecondaryHandlers();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
this.tempFunc = function(th){
|
|
|
|
this.tempFunc = function(th){
|
|
|
|
o.confirm("What","","",function(reply){
|
|
|
|
o.confirm("What","","",function(reply){
|
|
|
|
alert(reply);
|
|
|
|
alert(reply);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
};
|
|
|
|
this.initializeAppSearch = function(target){
|
|
|
|
|
|
|
|
|
|
|
|
this.initializeAppSearch = function(target){ //this is application search ie is app manager initialization
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currentface = "apps_manager";
|
|
|
|
o.currentface = "apps_manager";
|
|
|
|
var searchArray,allApps;
|
|
|
|
var searchArray,allApps;
|
|
|
|
var bindHandlers = function(){
|
|
|
|
var bindHandlers = function(){ // bind handler for app manager page
|
|
|
|
$("div#app_manager #group_wrapper").css("min-width",$(window).width()-100);
|
|
|
|
$("div#app_manager #group_wrapper").css("min-width",$(window).width()-100);
|
|
|
|
$("div#app_manager .group_search").css("width",$(window).width()-200);
|
|
|
|
$("div#app_manager .group_search").css("width",$(window).width()-200);
|
|
|
|
//for textbox search
|
|
|
|
//for textbox search
|
|
|
@ -325,7 +338,7 @@ var orbitDesktop = function(dom){
|
|
|
|
.delay(1500)
|
|
|
|
.delay(1500)
|
|
|
|
.addClass('op00', 500);
|
|
|
|
.addClass('op00', 500);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var loadApps = function(){
|
|
|
|
var loadApps = function(){ //this load apps for sorting and searching
|
|
|
|
$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
|
|
|
|
$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
|
|
|
|
$.each(appss,function(i,apps){
|
|
|
|
$.each(appss,function(i,apps){
|
|
|
|
$.each(apps,function(i,app){
|
|
|
|
$.each(apps,function(i,app){
|
|
|
@ -347,11 +360,11 @@ var orbitDesktop = function(dom){
|
|
|
|
bindHandlers();
|
|
|
|
bindHandlers();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.initializeSectionsManager = function(target){
|
|
|
|
this.initializeSectionsManager = function(target){ // this is init function for section manager
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currentface = "sections";
|
|
|
|
o.currentface = "sections";
|
|
|
|
var elementParent,element,slabel;
|
|
|
|
var elementParent,element,slabel;
|
|
|
|
var bindHandlers = function(){
|
|
|
|
var bindHandlers = function(){ // this is bind handler for section manager page
|
|
|
|
var groupWrapperWidth = 0;
|
|
|
|
var groupWrapperWidth = 0;
|
|
|
|
$("div#sections .group").width(400);
|
|
|
|
$("div#sections .group").width(400);
|
|
|
|
$("div#sections .group").each(function(){groupWrapperWidth+=$(this).width();})
|
|
|
|
$("div#sections .group").each(function(){groupWrapperWidth+=$(this).width();})
|
|
|
@ -408,7 +421,7 @@ var orbitDesktop = function(dom){
|
|
|
|
$sdm.hover(function(){$(this).addClass('thmc2');}, function(){$(this).removeClass('thmc2');});
|
|
|
|
$sdm.hover(function(){$(this).addClass('thmc2');}, function(){$(this).removeClass('thmc2');});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var loadApps = function(){
|
|
|
|
var loadApps = function(){ // this loads apps from db to in each sections
|
|
|
|
$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
|
|
|
|
$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
|
|
|
|
var $group,$lii,$li;
|
|
|
|
var $group,$lii,$li;
|
|
|
|
var z=0;
|
|
|
|
var z=0;
|
|
|
@ -440,8 +453,6 @@ var orbitDesktop = function(dom){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
y++;
|
|
|
|
y++;
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
bindHandlers();
|
|
|
|
bindHandlers();
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -455,10 +466,10 @@ var orbitDesktop = function(dom){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.initializeSettings = function(target){
|
|
|
|
this.initializeSettings = function(target){ //this is to initialize setting page
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currenthtml = target;
|
|
|
|
o.currentface = "settings";
|
|
|
|
o.currentface = "settings";
|
|
|
|
var bindHandlers = function(){
|
|
|
|
var bindHandlers = function(){ // this is the bind handler function for setting page
|
|
|
|
$("div#settings ul#setting_left_nav li a").on({
|
|
|
|
$("div#settings ul#setting_left_nav li a").on({
|
|
|
|
click: function(){
|
|
|
|
click: function(){
|
|
|
|
if(!$(this).data("clicked")){
|
|
|
|
if(!$(this).data("clicked")){
|
|
|
@ -485,8 +496,8 @@ var orbitDesktop = function(dom){
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var sections = function(){
|
|
|
|
var sections = function(){ // this load section page in setting page
|
|
|
|
var bindHandlers = function(){
|
|
|
|
var bindHandlers = function(){ // binding handlers in section page
|
|
|
|
$('.tinycanvas').each(function(){
|
|
|
|
$('.tinycanvas').each(function(){
|
|
|
|
var h = $(this).parent().height(),
|
|
|
|
var h = $(this).parent().height(),
|
|
|
|
sh = $(this).siblings('.s_tab').height();
|
|
|
|
sh = $(this).siblings('.s_tab').height();
|
|
|
@ -504,15 +515,10 @@ var orbitDesktop = function(dom){
|
|
|
|
desktopnm.push($(this).val());
|
|
|
|
desktopnm.push($(this).val());
|
|
|
|
})
|
|
|
|
})
|
|
|
|
$.post("/desktop/save_desktop_settings",{"save":"desktopnames","desktopid":o.desktopId,"desktopnms":desktopnm},function(result,status){
|
|
|
|
$.post("/desktop/save_desktop_settings",{"save":"desktopnames","desktopid":o.desktopId,"desktopnms":desktopnm},function(result,status){
|
|
|
|
if(status=="success"){
|
|
|
|
if(result[0].success=="true"){
|
|
|
|
if(result[0].success=="true"){
|
|
|
|
o.notify("Names Saved!!","success",2);
|
|
|
|
o.notify("Names Saved!!","success",2);
|
|
|
|
}else
|
|
|
|
}
|
|
|
|
o.notify("Name saving failed!!","imp",2);
|
|
|
|
else
|
|
|
|
|
|
|
|
o.notify("Name saving failed!!","imp",2);
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
o.notify("Connection problem!!","alert",2);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
$.each(o.sectionList,function(i,sec){
|
|
|
|
$.each(o.sectionList,function(i,sec){
|
|
|
|
sec.name = desktopnm[i];
|
|
|
|
sec.name = desktopnm[i];
|
|
|
@ -529,23 +535,19 @@ var orbitDesktop = function(dom){
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var themes = function(){
|
|
|
|
var themes = function(){ // this opens themes page in setting page
|
|
|
|
var bindHandlers = function(){
|
|
|
|
var bindHandlers = function(){ // binding handlers in themes page
|
|
|
|
// live change theme
|
|
|
|
// live change theme
|
|
|
|
$(".theme_list > .ssl_item").click(function(){
|
|
|
|
$(".theme_list > .ssl_item").click(function(){
|
|
|
|
o.changeTheme($(this).attr("id"));
|
|
|
|
o.changeTheme($(this).attr("id"));
|
|
|
|
// $(".theme_list > li").removeClass('thmc1').data('clicked',null).find('.theme_name').removeClass('thmtxt');
|
|
|
|
// $(".theme_list > li").removeClass('thmc1').data('clicked',null).find('.theme_name').removeClass('thmtxt');
|
|
|
|
// $(this).addClass('thmc1').data('clicked',true).find('.theme_name').addClass('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){
|
|
|
|
$.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);
|
|
|
|
o.notify("Theme Saved!!","success",2);
|
|
|
|
loadthmc();
|
|
|
|
loadthmc();
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
o.notify("Theme saving failed!!","imp",2);
|
|
|
|
o.notify("Theme saving failed!!","imp",2);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
o.notify("Connection problem!!","alert",2);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -646,14 +648,10 @@ var orbitDesktop = function(dom){
|
|
|
|
$("head").find("#dyn_css").remove();
|
|
|
|
$("head").find("#dyn_css").remove();
|
|
|
|
$("head").append(dhtml);
|
|
|
|
$("head").append(dhtml);
|
|
|
|
$.post("/desktop/save_desktop_settings",{"save":"customtheme","desktopid":o.desktopId,"theme":dhtml},function(result,status){
|
|
|
|
$.post("/desktop/save_desktop_settings",{"save":"customtheme","desktopid":o.desktopId,"theme":dhtml},function(result,status){
|
|
|
|
if(status=="success"){
|
|
|
|
if(result[0].success=="true")
|
|
|
|
if(result[0].success=="true")
|
|
|
|
o.notify("Custom theme saved!!","success",2);
|
|
|
|
o.notify("Custom theme saved!!","success",2);
|
|
|
|
else
|
|
|
|
else
|
|
|
|
o.notify("Custom theme saving failed!!","imp",2);
|
|
|
|
o.notify("Custom theme saving failed!!","imp",2);
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
o.notify("Connection problem!!","alert",2);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
@ -664,7 +662,7 @@ var orbitDesktop = function(dom){
|
|
|
|
o.changeWallpaper(wallpapername);
|
|
|
|
o.changeWallpaper(wallpapername);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var loadthmc = function(){
|
|
|
|
var loadthmc = function(){ // a general function to load the themecolor in color selector
|
|
|
|
$('.color-picker').each(function(){
|
|
|
|
$('.color-picker').each(function(){
|
|
|
|
var cc = $(this).attr('for'), hex, color;
|
|
|
|
var cc = $(this).attr('for'), hex, color;
|
|
|
|
switch(cc){
|
|
|
|
switch(cc){
|
|
|
@ -705,7 +703,66 @@ var orbitDesktop = function(dom){
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
this.loadWallpaper = function(wallpaper){
|
|
|
|
this.initializeJournalPapers = function(target){ // this init journal papers
|
|
|
|
|
|
|
|
o.currenthtml = target;
|
|
|
|
|
|
|
|
o.currentface = "journal_p";
|
|
|
|
|
|
|
|
var bindHandlers = function(){ // bind handler for journal paper
|
|
|
|
|
|
|
|
$("div#settings ul#setting_left_nav li a").on({
|
|
|
|
|
|
|
|
click: function(){
|
|
|
|
|
|
|
|
if(!$(this).data("clicked")){
|
|
|
|
|
|
|
|
var tfunc = $(this).attr("href");
|
|
|
|
|
|
|
|
switch(tfunc){
|
|
|
|
|
|
|
|
case "list":
|
|
|
|
|
|
|
|
list();
|
|
|
|
|
|
|
|
break;
|
|
|
|
|
|
|
|
case "addpaper":
|
|
|
|
|
|
|
|
addpaper();
|
|
|
|
|
|
|
|
break;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
$("div#settings ul#setting_left_nav li a").removeClass('thmc1 thmtxt').data('clicked',null);
|
|
|
|
|
|
|
|
$(this).addClass('thmc1 thmtxt').data('clicked',true);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
mouseenter: function(){
|
|
|
|
|
|
|
|
$(this).removeClass('admtxt').addClass('thmc1 thmtxt');
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
mouseleave: function(){
|
|
|
|
|
|
|
|
var t = $(this).data('clicked') ? '' : 'thmc1 thmtxt';
|
|
|
|
|
|
|
|
$(this).removeClass(t).addClass('admtxt');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var list = function(){ // to open list part in journal papers page
|
|
|
|
|
|
|
|
var bindHandlers = function(){ // to bind handlers for list page
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("div#settings div#panel_r").load("/desktop/journal_p_list",function(){
|
|
|
|
|
|
|
|
bindHandlers();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var addpaper = function(){ // to open add pages in journal papers page
|
|
|
|
|
|
|
|
var bindHandlers = function(){ // to bind handlers for add page
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
$("div#settings div#panel_r").load("/desktop/journal_p_add",function(){
|
|
|
|
|
|
|
|
bindHandlers();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(!o.desktopData[o.currentface]){
|
|
|
|
|
|
|
|
$(o.contentHolder).empty().load("/desktop/"+target,function(){
|
|
|
|
|
|
|
|
bindHandlers();
|
|
|
|
|
|
|
|
list();
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
$(o.contentHolder).html(o.desktopData[o.currentface]);
|
|
|
|
|
|
|
|
bindHandlers();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
this.loadWallpaper = function(wallpaper){ // this is to load new wallpaper
|
|
|
|
if(!wallpaper)wallpapernm = o.themesettings.background;else wallpapernm = wallpaper
|
|
|
|
if(!wallpaper)wallpapernm = o.themesettings.background;else wallpapernm = wallpaper
|
|
|
|
var ww = $(window).width();
|
|
|
|
var ww = $(window).width();
|
|
|
|
var wh = $(window).height();
|
|
|
|
var wh = $(window).height();
|
|
|
@ -717,14 +774,14 @@ var orbitDesktop = function(dom){
|
|
|
|
$("div#bgover").css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","width":ww,"height":wh});
|
|
|
|
$("div#bgover").css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","width":ww,"height":wh});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
this.loadIconCache = function(){
|
|
|
|
this.loadIconCache = function(){ // this function load or refresh icon cache for the theme
|
|
|
|
var imgs = $("ul.docklist img");
|
|
|
|
var imgs = $("ul.docklist img");
|
|
|
|
$.each(imgs,function(){
|
|
|
|
$.each(imgs,function(){
|
|
|
|
var setting_name = $(this).attr("id").replace("_icon","");
|
|
|
|
var setting_name = $(this).attr("id").replace("_icon","");
|
|
|
|
$(this).attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+o.themesettings.icons[setting_name])
|
|
|
|
$(this).attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+o.themesettings.icons[setting_name])
|
|
|
|
})
|
|
|
|
})
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.initializeWidgets = function(){
|
|
|
|
this.initializeWidgets = function(){ // this function will initialize all the widgets in the desktop
|
|
|
|
var elements = $("#group_wrapper li.element");
|
|
|
|
var elements = $("#group_wrapper li.element");
|
|
|
|
$.each(elements,function(){
|
|
|
|
$.each(elements,function(){
|
|
|
|
var widget = $(this);
|
|
|
|
var widget = $(this);
|
|
|
@ -738,18 +795,14 @@ var orbitDesktop = function(dom){
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.saveWallpaper = function(wallpaper){
|
|
|
|
this.saveWallpaper = function(wallpaper){ // this function saves wallpaper in db
|
|
|
|
$.post("desktop/save_desktop_settings",{"save":"wallpaper","wallpapernm":wallpaper,"desktopid":o.desktopId},function(result,status){
|
|
|
|
$.post("desktop/save_desktop_settings",{"save":"wallpaper","wallpapernm":wallpaper,"desktopid":o.desktopId},function(result,status){
|
|
|
|
if(status=="success"){
|
|
|
|
|
|
|
|
if(result[0].success=="true")
|
|
|
|
if(result[0].success=="true")
|
|
|
|
o.notify("Wallpaper saved!!","success",2);
|
|
|
|
o.notify("Wallpaper saved!!","success",2);
|
|
|
|
else
|
|
|
|
else
|
|
|
|
o.notify("Wallpaper saving failed!!","imp",2);
|
|
|
|
o.notify("Wallpaper saving failed!!","imp",2);
|
|
|
|
}else{
|
|
|
|
|
|
|
|
o.notify("Connection problem!!","alert",2);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
};
|
|
|
|
o.initialize();
|
|
|
|
o.initialize();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|