1420 lines
55 KiB
JavaScript
Executable File
1420 lines
55 KiB
JavaScript
Executable File
// JavaScript Document
|
|
//harry
|
|
//Inititialize function will initialize desktop
|
|
|
|
//callback-method will be called after desktop controlled ajax call
|
|
//container=true is the area where the view will be loaded
|
|
//load = true is used to load the list element by default
|
|
//response-type = "json"|"script"|"xml|html" default is json
|
|
//autocomplete-list = "listname" an array from which autocomplete will be attached to its respective input or textarea
|
|
//ajax-remote="get/delete/post" this will automatically bind the <a> with remote ajax call. By default if the resposne is html, it ll be inserted in container=true
|
|
// content-holder = "jquery dom", the returned html of server will be put inside the dom mentioned in content-holder of a tag. this can be used in a tags as attributes
|
|
//confirm-message ="Some message", this will prompt user with a confirm box and show the message before ajax call is made.
|
|
|
|
|
|
$.extend($.expr[':'], {
|
|
'containsi': function (elem, i, match, array) {
|
|
return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
|
|
}
|
|
});
|
|
$.fn.sort = function(c) {
|
|
return this.pushStack([].sort.apply(this, arguments), []);
|
|
};
|
|
var sortAscending = function(a, b) {
|
|
return $(a).find("h1").text() > $(b).find("h1").text() ? 1 : -1;
|
|
};
|
|
var sortDescending = function(a, b) {
|
|
return $(a).find("h1").text() < $(b).find("h1").text() ? 1 : -1;
|
|
};
|
|
var orbitDesktop = function(dom){
|
|
orbitDesktopAPI.apply(this);
|
|
// o = this;
|
|
this.contentHolder = dom;
|
|
this.themesettings = "";
|
|
this.theme = "4f8d3f493b67fcd05f086359";
|
|
this.transitionTime = 500;
|
|
this.currenthtml = "desktop.html";
|
|
this.currentface = "home";
|
|
this.desktopData = {};
|
|
this.tp = "";
|
|
this.sectionList;
|
|
this.data_method;
|
|
this.gridvar = null;
|
|
this.initialize = function(){
|
|
|
|
var theme = o.theme;
|
|
var custom = false;
|
|
|
|
$.getJSON("/desktop/get_desktop_settings",{"get":"desktop","desktopid":o.desktopId},function(desktopSettings){
|
|
if(desktopSettings){
|
|
if(desktopSettings.theme!="custom"){
|
|
theme = desktopSettings.theme;
|
|
}else{
|
|
theme = "4f8d3f493b67fcd05f086359";
|
|
custom = true;
|
|
}
|
|
o.theme = theme;
|
|
loadTheme(desktopSettings.customtheme,desktopSettings.wallpaper);
|
|
}else{loadTheme();}
|
|
})
|
|
var loadTheme = function(customtheme,customwallpaper){ //This function will load the theme from database
|
|
$.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));
|
|
if(custom){
|
|
$("head").find("#dyn_css").remove();
|
|
$("head").append(customtheme);
|
|
}
|
|
$(document).ready(function(){
|
|
o.loadWallpaper(customwallpaper);
|
|
o.bindDesktopEvents();
|
|
o.loadIconCache();
|
|
var custom_load = window.location.hash;
|
|
if(!custom_load){
|
|
$(o.contentHolder).empty().load("/desktop/desktop",function(){
|
|
o.desktopData["d_desktop"] = "";
|
|
o.initializeDesktop("d_desktop","",false);
|
|
})
|
|
}else{
|
|
o.customPage(custom_load);
|
|
}
|
|
});
|
|
})
|
|
}
|
|
}
|
|
this.customPage = function(customload){
|
|
customload = customload.replace("#","");
|
|
if(customload.search("-") != -1){
|
|
customload = customload.split("-");
|
|
o.menu_item($(".docklist a[custom-load="+customload[0]+"]"),true,customload[1]);
|
|
}else{
|
|
o.menu_item($(".docklist a[custom-load="+customload+"]"),true);
|
|
}
|
|
}
|
|
this.changeTheme = function(theme){ // this function is used for changing 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(){ //this function will bind the global handlers to thd desktop, for example doc
|
|
$(".docklist a").click(function(){
|
|
o.menu_item($(this));
|
|
return false;
|
|
})
|
|
|
|
|
|
$('body').on({
|
|
click: function(){
|
|
if(!$(this).hasClass('active')){
|
|
o.sub_menu_item($(this));
|
|
}
|
|
return false;
|
|
},
|
|
mouseenter: function(){
|
|
if(!$(this).hasClass('active')){
|
|
$(this).switchClass('admtxt','thmc1 thmtxt',0);
|
|
}
|
|
},
|
|
mouseleave: function(){
|
|
var t = $(this).hasClass('active') ? '' : 'thmc1 thmtxt';
|
|
$(this).switchClass(t,'admtxt',0);
|
|
}
|
|
},'*[content-type=menu] a');
|
|
|
|
$("body").on("submit","form[form-type=ajax_form]",function(){
|
|
var callback_method = $(this).attr("callback-method");
|
|
var dt = null;
|
|
dt = $(this).attr("response-type");
|
|
if(dt == null){
|
|
dt = "json";
|
|
}
|
|
var options = {
|
|
dataType : dt,
|
|
success:function(responseText, statusText, xhr, $form){
|
|
if(typeof callback_method != "undefined"){
|
|
if(callback_method != ""){
|
|
window.o[o.data_method][callback_method](responseText,statusText,xhr,$form);
|
|
}
|
|
}
|
|
},
|
|
error:function(){
|
|
o.notify("Please try again later!","imp");
|
|
}
|
|
}
|
|
$(this).ajaxSubmit(options);
|
|
return false;
|
|
})
|
|
|
|
$("body").on("click","*[ajax-remote]",function(){
|
|
var $e = $(this);
|
|
var exe = $e.attr("callback-method"); // (typeof $e.attr("callback-method") == "function"? $e.attr("callback-method") : "");
|
|
var ca = $e.attr("content-holder");
|
|
var a = function(){
|
|
$.ajax({
|
|
type : $e.attr("ajax-remote"),
|
|
url : $e.attr("href"),
|
|
success : function(data){
|
|
if(typeof data == "string"){
|
|
if(ca)
|
|
$(ca).html(data);
|
|
else
|
|
$("div[container=true]").html(data);
|
|
}
|
|
if(exe)
|
|
window.o[o.data_method][exe](data,$e);
|
|
}
|
|
});
|
|
}
|
|
if($e.attr("confirm-message")){
|
|
o.confirm({
|
|
buttons : ["Yes","No"],
|
|
highlighted : 2,
|
|
message : $e.attr("confirm-message")
|
|
},function(value){
|
|
if(value){
|
|
a();
|
|
}
|
|
})
|
|
}else{
|
|
a();
|
|
}
|
|
return false;
|
|
})
|
|
|
|
$(window).resize(function(){
|
|
var ww = $(window).width();
|
|
$("img#thmbackground").attr({"width":ww});
|
|
if( $('.tinycanvas').length > 0 ){ $('.tinycanvas').tinyscrollbar_update(); }
|
|
if($(o.contentHolder).find("div.app_frame").length > 0){
|
|
$(o.contentHolder).find("div.app_frame").each(function(){
|
|
var app_holder_height = $(this).height() - 72;
|
|
var app_holder_width = $(this).width();
|
|
$(this).find("div.app_holder").height(app_holder_height);
|
|
$(this).find("div.app_holder iframe").attr({"height":app_holder_height,"width":app_holder_width});
|
|
})
|
|
}
|
|
});
|
|
|
|
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();
|
|
});
|
|
|
|
var split = function( val ) {
|
|
return val.split( /,\s*/ );
|
|
}
|
|
var extractLast = function( term ) {
|
|
return split( term ).pop();
|
|
}
|
|
|
|
var autocompleteListName = null;
|
|
$("body").on("keydown","*[autocomplete-list]", function( event ) {
|
|
autocompleteListName = $(this).attr("autocomplete-list");
|
|
if ( event.keyCode === $.ui.keyCode.TAB &&
|
|
$( this ).data( "autocomplete" ).menu.active ) {
|
|
event.preventDefault();
|
|
}
|
|
$(this).autocomplete({
|
|
minLength: 0,
|
|
source: function( request, response ) {
|
|
// delegate back to autocomplete, but extract the last term
|
|
response( $.ui.autocomplete.filter(
|
|
window.o[o.data_method][autocompleteListName], extractLast( request.term ) ) );
|
|
},
|
|
focus: function() {
|
|
// prevent value inserted on focus
|
|
return false;
|
|
},
|
|
select: function( event, ui ) {
|
|
var terms = split( this.value );
|
|
// remove the current input
|
|
terms.pop();
|
|
// add the selected item
|
|
terms.push( ui.item.value );
|
|
// add placeholder to get the comma-and-space at the end
|
|
terms.push( "" );
|
|
this.value = terms.join( ", " );
|
|
return false;
|
|
}
|
|
})
|
|
})
|
|
|
|
};
|
|
this.menu_item = function(dom,customload,submenuitem){
|
|
if(!customload)customload=false;
|
|
var target = dom.attr("id");
|
|
var url = dom.attr("href");
|
|
o.data_method = dom.attr("callback-method");
|
|
if(o.currenthtml!=target){
|
|
if(o.desktopData[o.currentface] == "undefined")
|
|
o.desktopData[o.currentface] = "";
|
|
o.desktopData[o.currentface] = $(o.contentHolder).html();
|
|
if(customload){
|
|
$(o.contentHolder).html("<div id='content'></div>");
|
|
}
|
|
$("#content").hide("drop",o.transitionTime,function(){
|
|
o.currenthtml = target;
|
|
o.currentface = target;
|
|
|
|
var cache = false;
|
|
if(!o.desktopData[o.currentface]){
|
|
$(o.contentHolder).empty().load(url,function(){
|
|
if(typeof o.data_method != "undefined"){
|
|
if(o.data_method != "")
|
|
window.o[o.data_method](target,url,cache);
|
|
}
|
|
try{
|
|
if(!customload)
|
|
o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"));
|
|
else{
|
|
if(submenuitem)
|
|
o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[custom-load="+submenuitem+"]"));
|
|
else
|
|
o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"));
|
|
}
|
|
}catch(EX){}
|
|
|
|
})
|
|
}else{
|
|
$(o.contentHolder).html(o.desktopData[o.currentface]);
|
|
try{
|
|
if(!customload)
|
|
o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"));
|
|
else{
|
|
if(submenuitem)
|
|
o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[custom-load="+submenuitem+"]"));
|
|
else
|
|
o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"));
|
|
}
|
|
}catch(EX){}
|
|
cache = true;
|
|
if(typeof o.data_method != "undefined"){
|
|
if(o.data_method != "")
|
|
window.o[o.data_method](target,url,cache);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
this.sub_menu_item = function(dom){
|
|
var sub_data_method = dom.attr('callback-method');
|
|
if(sub_data_method){
|
|
$("div[container=true]").load(dom.attr("href"),function(){
|
|
if(typeof o.data_method != "undefined"){
|
|
if(o.data_method != ""){
|
|
if(typeof sub_data_method != "undefined"){
|
|
if(sub_data_method != ""){
|
|
window.o[o.data_method][sub_data_method]();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
$('*[content-type=menu] a').removeClass('thmc1 thmtxt active');
|
|
dom.addClass('thmc1 thmtxt active');
|
|
}
|
|
|
|
this.initializeDesktop = function(target,url,cache){ //this is for initializing main desktops that are sections and tiles
|
|
if(!target)target = "desktop";
|
|
var bindHandlers = function(){ // this function will bind all the handlers in the desktop
|
|
// var groupWrapperWidth = 0;
|
|
// $("div#desktop .group").each(function(){groupWrapperWidth+=$(this).outerWidth(true);});
|
|
// var grps = new Array;
|
|
// $("div#desktop #group_wrapper").css("width",groupWrapperWidth);
|
|
// var first = true;
|
|
// $("div#desktop .g_col").sortable({
|
|
// connectWith: ".g_col",
|
|
// tolerance: 'pointer' ,
|
|
// revert: 300,
|
|
// containment: '#group_wrapper',
|
|
// helper: 'clone',
|
|
// stop:function(){
|
|
// first = true;
|
|
// var grpwidth = 0;
|
|
// for(i in grps){
|
|
// var grp = grps[i];
|
|
// if(grp.find(".element").length == 0){
|
|
// grp.animate({"width":"0px"},500,function(){$(this).remove();});
|
|
// grpwidth+=225;
|
|
// }
|
|
// }
|
|
// grps = [];
|
|
// $("#group_wrapper").width($("#group_wrapper").width()-grpwidth);
|
|
// },
|
|
// start:function(){
|
|
// $("#group_wrapper").find("div.group").each(function(i,par){
|
|
// var nextnumber = $(this).find("ul").length;
|
|
// $newcol = $('<ul class="g_col g_col_w2 col'+nextnumber+' ui-sortable">');
|
|
// $(this).append($newcol);
|
|
// $newcol.sortable({connectWith: '.g_col'});
|
|
// grps.push($newcol);
|
|
// $("#group_wrapper").width($("#group_wrapper").width()+225);
|
|
// });
|
|
// $("div#desktop .g_col").sortable('refresh');
|
|
// },
|
|
// update:function(){
|
|
// if(first){
|
|
// first = false;
|
|
// var newpostitions = new Array;
|
|
// var groupids = new Array;
|
|
// $.each($("div#desktop .group"),function(i,grp){
|
|
// var groupone = new Array;
|
|
// groupids.push($(grp).attr("id"));
|
|
// $ul = $(grp).find(".g_col .element");
|
|
// $.each($ul,function(){
|
|
// groupone.push($(this).attr("id"));
|
|
// })
|
|
// newpostitions.push(groupone);
|
|
// });
|
|
// $.post("/desktop/newpositions",{"sectionid":o.sectionId,"newpos":newpostitions,"groupids":groupids});
|
|
// }
|
|
// var s = $(this).find('.element').length;
|
|
// if(s!=0){
|
|
// last = $(this).find('.element').eq(s-1).position(),
|
|
// lasth = $(this).find('.element').eq(s-1).outerHeight(true);
|
|
// if ((last.top+lasth)>528){
|
|
// $(this).sortable('cancel');
|
|
// }
|
|
// }
|
|
// $("#group_wrapper ul").each(function(){
|
|
// if($(this).find('.element').length == 0)
|
|
// $(this).animate({"width":"0px"},500,function(){$(this).remove();});
|
|
// })
|
|
// },
|
|
// receive: function(event, ui){
|
|
// var s = $(this).find('.element').length,
|
|
// last = $(this).find('.element').eq(s-1).position(),
|
|
// lasth = $(this).find('.element').eq(s-1).outerHeight(true);
|
|
// if ((last.top+lasth)>528){
|
|
// $(ui.sender).sortable('cancel');
|
|
// }
|
|
// }
|
|
// });
|
|
|
|
o.tinyscrollbar_ext({
|
|
main: '.tinycanvas'
|
|
})
|
|
|
|
o.simple_drop_down();
|
|
// $("div#group_wrapper ul li[data-category=app]").click(function(){
|
|
// o.appWindow({
|
|
// title : $(this).find("a").attr("href"),
|
|
// appid : $(this).find("a").attr("href")
|
|
// });
|
|
// });
|
|
}
|
|
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(tiles){
|
|
tiles.sort(o.sortJSON("position",true,parseInt));
|
|
var tilecolors = o.themesettings.tilecolor;
|
|
var totaltiles_in_a_row = 4;
|
|
var opacity = ["op05","op06","op07","op08","op09"];
|
|
var row = 1,col = 1,x = 1,y = 1;
|
|
var $group = $('<div class="grid gridster"></div>');
|
|
var $ul = $('<ul style="margin: -6px 0 0 -6px;"></ul>');
|
|
|
|
$.each(tiles,function(i,tile){
|
|
if(row >= 4){
|
|
row = 1;
|
|
col++;
|
|
}
|
|
var shape = tile.shape.split(" ");
|
|
x = parseInt(shape[0].substr(1,1));
|
|
y = parseInt(shape[1].substr(1,1));
|
|
var tilecolor = tilecolors[Math.floor(Math.random()*tilecolors.length)];
|
|
var op = opacity[Math.floor(Math.random()*opacity.length)];
|
|
if(tile.data_category == "app")
|
|
$li = $('<li data-id="'+tile.id+'" class="widget" data-row="'+row+'" data-col="'+col+'" data-sizex="'+x+'" data-sizey="'+y+'" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><a href="'+tile.data_content+'" 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 data-id="'+tile.id+'" class="widget" data-row="'+row+'" data-col="'+col+'" data-sizex="'+x+'" data-sizey="'+y+'" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'" js-link="'+tile.js[0].url+'" css-link="'+tile.css.url+'"><span class="tile '+tilecolor+' '+op+'"></span><div class="appholder">Loading...</div><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
|
|
|
|
row = row + y;
|
|
|
|
$ul.append($li);
|
|
})
|
|
$group.append($ul);
|
|
$("div#desktop div#group_wrapper").append($group);
|
|
var dragged = null,draggable,lastpos = [];
|
|
o.gridvar = $(".grid ul").find("> li ").mousedown(function(e){
|
|
!draggable;
|
|
dragged = $(this);
|
|
lastpos = [];
|
|
$(".grid ul li").each(function(){
|
|
lastpos.push({"col":$(this).attr("data-col"),"row":$(this).attr("data-row")})
|
|
})
|
|
}).end()
|
|
.gridster({
|
|
widget_margins: [6, 6],
|
|
widget_base_dimensions: [120, 120],
|
|
avoid_overlapped_widgets: true,
|
|
draggable : {
|
|
stop: function(event, ui){
|
|
|
|
var widgetchanged_col = dragged.attr("data-col");
|
|
var total = 0;
|
|
// console.log(widgetchanged.col);
|
|
// console.log(o.gridvar.serialize_changed());
|
|
$(".grid ul li[data-col="+widgetchanged_col+"]").each(function(i,w){
|
|
var size = parseInt($(this).attr("data-sizey"));
|
|
if(!isNaN(size)){
|
|
total += size;
|
|
}
|
|
})
|
|
// other way to calculate the overflow is by top > height of div
|
|
if(total>totaltiles_in_a_row){
|
|
revertbacktiles();
|
|
}else{
|
|
console.log(widgetchanged_col-1);
|
|
$(".grid ul li[data-col="+(widgetchanged_col-1)+"]").each(function(i,w){
|
|
var sizey = parseInt($(this).attr("data-sizey"));
|
|
var sizex = parseInt($(this).attr("data-sizex"));
|
|
if(sizey==1){
|
|
sizex = sizex - 1;
|
|
}
|
|
console.log(sizex);
|
|
|
|
if(!isNaN(sizex)){
|
|
total += sizex;
|
|
}
|
|
})
|
|
if(total>totaltiles_in_a_row){
|
|
revertbacktiles();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}).data('gridster');
|
|
var revertbacktiles = function(){
|
|
lastpos.push({"col":"","row":""});
|
|
$(".grid ul li").each(function(i){
|
|
$(this).attr({"data-col":lastpos[i].col,"data-row":lastpos[i].row});
|
|
})
|
|
}
|
|
bindHandlers();
|
|
o.initializeWidgets();
|
|
})
|
|
// 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>'),
|
|
// var colindex = 0,
|
|
// $group = $('<div class="group"></div>'),
|
|
// $col = $('<ul class="g_col g_col_w2 col'+ colindex +'"/>'),
|
|
// $li,
|
|
// bdsum = 0,
|
|
// bwsum = 0,
|
|
// bhsum = 0,
|
|
// small = 0,
|
|
// single = false;
|
|
// $group.append($col);
|
|
// for(j=0;j<group.length;j++){
|
|
// var tile = group[j];
|
|
// var brick = tile.shape.replace(' holder_f','').split(' '),
|
|
// bw = parseInt(brick[0].substr(1)),
|
|
// bh = parseInt(brick[1].substr(1)),
|
|
// bd = bw * bh;
|
|
// if(bh==1 && bw==1){
|
|
// small++;
|
|
// }else if(bh!=1 && bw!=1){
|
|
// single = true;
|
|
// }
|
|
|
|
// if(small==2){
|
|
// small=0;
|
|
// single=false;
|
|
// }else if(small==1 && single==true){
|
|
// bh++;
|
|
// small=0;
|
|
// single=false;
|
|
// }else{small=0;single=false;}
|
|
|
|
// bdsum+=bd;
|
|
// bwsum+=bw;
|
|
// bhsum+=bh;
|
|
|
|
// if(bdsum > 8 || bhsum > 6){
|
|
// bdsum = 0, bhsum = 0, colindex++,j--;
|
|
// $group.append('<ul class="g_col g_col_w2 col'+ colindex +'"/>');
|
|
// }else{
|
|
// 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 data-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.data_content+'" 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 data-id="'+tile.id+'" class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'" js-link="'+tile.js[0].url+'" css-link="'+tile.css.url+'"><span class="tile '+tilecolor+' '+op+'"></span><h1 class="appname thmtxt">'+tile.title+'</h1><div class="appholder">Loading...</div></li>');
|
|
|
|
// $group.find('.col'+colindex).append($li);
|
|
// }
|
|
// }
|
|
// $("div#desktop div#group_wrapper").append($group);
|
|
// })
|
|
|
|
// })
|
|
}
|
|
var loadSectionList = function(){ //This will load the section list from the db
|
|
$.getJSON("/desktop/getsectionlist",{desktopid:o.desktopId},function(sectionlist){
|
|
o.sectionList = eval(sectionlist);
|
|
$.each(sectionlist,function(i,section){
|
|
var tempstyle="";
|
|
if(i==0){
|
|
tempstyle = "style='display:none;'";
|
|
$("#desktop #section_heading").text(section.name);
|
|
}
|
|
$("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(){ //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 li.section_name").show();
|
|
$(this).hide();
|
|
$("#desktop #section_heading").text($(this).text());
|
|
o.sectionId = $(this).find("a").attr("href");
|
|
loadTiles(o.sectionId);
|
|
})
|
|
}
|
|
if(cache){
|
|
bindHandlers();
|
|
o.initializeWidgets();
|
|
bindSecondaryHandlers();
|
|
$("div#desktop ul#section_list").empty();
|
|
$.each(o.sectionList,function(i,section){
|
|
var tempstyle="";
|
|
if(section._id==o.sectionId){
|
|
tempstyle = "style='display:none;'";
|
|
$("div#desktop span#section_heading").text(section.name);
|
|
}
|
|
$("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();
|
|
}else{
|
|
loadTiles(o.sectionId);
|
|
loadSectionList();
|
|
}
|
|
};
|
|
|
|
this.tempFunc = function(th){
|
|
$.post("desktop/twitter",function(){});
|
|
};
|
|
|
|
this.initializeAppSearch = function(target,url,cache){ //this is application search ie is app manager initialization
|
|
|
|
var searchArray,allApps;
|
|
var bindHandlers = function(){ // bind handler for app manager page
|
|
var gn = $('.g_col').length,
|
|
gw = $('.g_col').outerWidth(true);
|
|
$("#app_manager #group_wrapper").css("width",gn*gw);
|
|
// $("div#app_manager .group_search").css("width",$(window).width()-200);
|
|
//for textbox search
|
|
$("#app_manager #searchbox").focus(function(){$(this).val("");}).keyup(function(e){
|
|
if($(this).val()){
|
|
$("div#app_manager .search_result").empty();
|
|
$("div#app_manager #seperator").hide();
|
|
searchArray = $("div#app_manager .element:containsi("+$(this).val()+")");
|
|
if(searchArray.length>0){
|
|
$("div#app_manager #seperator").show();
|
|
searchArray.each(function(){
|
|
var $newelement = $('<div class="search element w1 h1 hp vp thmc2" data-category="desktop">'+$(this).html()+'</div>');
|
|
$("div#app_manager .search_result").prepend($newelement);
|
|
})
|
|
}
|
|
}else{$("div#app_manager #seperator").hide();$("div#app_manager .search_result").empty();}
|
|
}).blur(function(){$(this).val("Search");});
|
|
|
|
//for Alphabet sorting
|
|
$("div#app_manager a#alphabet_sort_btn").click(function(){
|
|
switch ($(this).attr("href")){
|
|
case "ascending":
|
|
$(this).attr("href","descending").find(".thmtxt").text("Alphabet [Z-A]");
|
|
allApps = $("div#app_manager .group_search .element").sort(sortAscending);
|
|
break;
|
|
case "descending":
|
|
$(this).attr("href","ascending").find(".thmtxt").text("Alphabet [A-Z]");
|
|
allApps = $("div#app_manager .group_search .element").sort(sortDescending);
|
|
break;
|
|
}
|
|
$("div#app_manager #app_list").empty();
|
|
var count = 0, colindex = 0;
|
|
$('#app_list').append('<div class="g_col g_col_w1 col'+ colindex +'"/>');
|
|
$.each(allApps,function(i,app){
|
|
count++;
|
|
if( count > 4 ){
|
|
count = 1, colindex+=1;
|
|
$('#app_list').append('<div class="g_col g_col_w1 col'+ colindex +'"/>');
|
|
$('.g_col.col'+ colindex).append(app);
|
|
} else {
|
|
$('.g_col.col'+ colindex).append(app);
|
|
}
|
|
})
|
|
return false;
|
|
})
|
|
o.tinyscrollbar_ext({
|
|
main: '.tinycanvas'
|
|
})
|
|
}
|
|
var loadApps = function(){ //this load apps for sorting and searching
|
|
$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
|
|
var count = 0, colindex = 0;
|
|
$('#app_list').append('<div class="g_col g_col_w1 col'+ colindex +'"/>');
|
|
$.each(appss,function(i,apps){
|
|
$.each(apps,function(i,app){
|
|
var $app;
|
|
count++;
|
|
$app = $('<div class="element w1 h1 hp vp thmc2" data-category="'+app.data_category+'" data-content="'+app.data_content+'"><span class="tile thmc2"></span><a href="'+app._id+'" class="appicon"><img src="'+o.iconPath+app.data_content+'.png" alt="" onclick="return false;"></a><h1 class="appname thmtxt">'+app.title+'</h1></div>');
|
|
if( count > 4 ){
|
|
count = 1, colindex+=1;
|
|
$('#app_list').append('<div class="g_col g_col_w1 col'+ colindex +'"/>');
|
|
$('.g_col.col'+ colindex).append($app);
|
|
} else {
|
|
$('.g_col.col'+ colindex).append($app);
|
|
}
|
|
})
|
|
})
|
|
|
|
bindHandlers();
|
|
})
|
|
}
|
|
if(cache)
|
|
bindHandlers();
|
|
else
|
|
loadApps();
|
|
};
|
|
this.initializeSectionsManager = function(target,url,cache){ // this is init function for section manager
|
|
var elementParent,element,slabel;
|
|
var bindHandlers = function(){ // this is bind handler for section manager page
|
|
var groupWrapperWidth = 0;
|
|
$("div#sections .group").width(400);
|
|
$("div#sections .group").each(function(){groupWrapperWidth+=$(this).width();})
|
|
groupWrapperWidth+=200;
|
|
groupWrapperHeight = $(".group").height() + 20;
|
|
$("#group_wrapper").width(groupWrapperWidth);
|
|
$("div#sections #group_wrapper .grp").sortable({
|
|
start:function(){
|
|
slabel = $(this).siblings('.section_label');
|
|
slabel.find('li:hidden').stop(1,1).fadeIn(500);
|
|
},
|
|
stop:function(){
|
|
slabel.find('li:not(:nth-child(1))').stop(1,1).fadeOut(500);
|
|
}
|
|
});
|
|
$("div#sections .section_label li:not(:nth-child(1))").droppable({
|
|
drop:function(event, ui){
|
|
elementParent = ui.draggable.parents('.group');
|
|
var $item = $( this ),
|
|
$list = $( '#'+$item.data("category") );
|
|
|
|
if($list.children('.element').length>=24){
|
|
o.notify("Section is full.","alert");
|
|
}
|
|
else{
|
|
ui.draggable.hide('fast',function(){
|
|
$(this).appendTo($list).fadeIn();
|
|
});
|
|
$.post("/desktop/save_desktop_settings",{"save":"appnewsection","appid":ui.draggable.attr("id"),"newsectionid":$(this).data("content"),"desktopid":o.desktopId});
|
|
if(o.sectionId == $(this).data("content") || o.sectionId == elementParent.attr("id")){
|
|
o.desktopData["home"]="";
|
|
}
|
|
}
|
|
$(this).find('span.tile').addClass('op06',400);
|
|
},
|
|
over:function(){
|
|
$(this).find('span.tile').removeClass('op06');
|
|
},
|
|
out:function(){
|
|
$(this).find('span.tile').addClass('op06');
|
|
},
|
|
accept: '.to_drop'
|
|
});
|
|
o.tinyscrollbar_ext({
|
|
main: '.tinycanvas'
|
|
})
|
|
|
|
|
|
};
|
|
var loadApps = function(){ // this loads apps from db to in each sections
|
|
$.getJSON("/desktop/getapplist",{desktopid:o.desktopId},function(appss){
|
|
var $group,$lii,$li;
|
|
var z=0;
|
|
for(section in o.sectionList){
|
|
$group = $('<div class="group" id="'+o.sectionList[section]._id+'"><div class="section_label"><ul class="section_grp"></ul></div><ul class="grp" id="section'+(z+1)+'"></ul></div>');
|
|
for(x=0;x<4;x++){
|
|
if(x==0){
|
|
$li = $('<li class="element w1 h1 hp vp thmtxt" data-content="'+o.sectionList[z]._id+'"><span class="tile thmc1"></span><span class="thmtxt">'+o.sectionList[z].name+'</span></li>');
|
|
$group.find("ul.section_grp").append($li);
|
|
}
|
|
if(z!=x){
|
|
$lii = $('<li class="element w1 h1 hp vp thmtxt" style="display: none;" data-category="section'+(x+1)+'" data-content="'+o.sectionList[x]._id+'"><span class="tile thmc2 op06"></span><span class="thmtxt">'+o.sectionList[x].name+'</span></li>');
|
|
$group.find("ul.section_grp").append($lii);
|
|
}
|
|
}
|
|
z++;
|
|
|
|
$("div#group_wrapper").append($group);
|
|
}
|
|
var yy=1,y=0;
|
|
$.each(appss,function(i,apps){
|
|
|
|
$.each(apps,function(i,app){
|
|
$li = $('<li class="element to_drop w1 hh2 hp vp" data-category="'+app.data_category+'" data-content="'+app.data_content+'" id="'+app._id+'"><div class="appicon"><img src="'+o.iconPath+app.data_content+'.png" class="" width="30" /></div><h1 class="appname thmtxth">'+app.title+'</h1></li>');
|
|
|
|
$("ul#section"+yy).append($li);
|
|
})
|
|
if(y==1){
|
|
y=-1;
|
|
yy++;
|
|
}
|
|
y++;
|
|
})
|
|
bindHandlers();
|
|
})
|
|
}
|
|
if(cache)
|
|
bindHandlers();
|
|
else
|
|
loadApps();
|
|
|
|
};
|
|
this.initializeSettings = function(target,url,cache){ //this is to initialize setting page
|
|
|
|
this.initializeSettings.account = function(data){}
|
|
this.initializeSettings.passwordUpdate = function(data){
|
|
if(data.success){
|
|
o.notify(data.msg,"success");
|
|
}else{
|
|
o.notify(data.msg,"alert");
|
|
}
|
|
}
|
|
|
|
this.initializeSettings.sections = function(){ // this load section page in setting page
|
|
var bindHandlers = function(){ // binding handlers in section page
|
|
$('.tinycanvas').each(function(){
|
|
var h = $(this).parent().height(),
|
|
sh = $(this).siblings('.s_tab').height();
|
|
o.tinyscrollbar_ext({
|
|
main : $(this),
|
|
height : h-sh-24,
|
|
},{
|
|
axis : "y"
|
|
})
|
|
});
|
|
|
|
$("a#name_save_btn").click(function(){
|
|
var desktopnm = new Array;
|
|
$("#desktop_names input").each(function(){
|
|
desktopnm.push($(this).val());
|
|
})
|
|
$.post("/desktop/save_desktop_settings",{"save":"desktopnames","desktopid":o.desktopId,"desktopnms":desktopnm},function(result,status){
|
|
if(result[0].success=="true"){
|
|
o.notify("Names Saved!!","success",2);
|
|
}else
|
|
o.notify("Name saving failed!!","imp",2);
|
|
})
|
|
$.each(o.sectionList,function(i,sec){
|
|
sec.name = desktopnm[i];
|
|
})
|
|
})
|
|
}
|
|
|
|
$.getJSON("/desktop/get_desktop_settings",{"get":"sectionnames","desktopid":o.desktopId},function(sectionnames){
|
|
$("#desktop_names input").each(function(i){
|
|
$(this).val(sectionnames[i]);
|
|
})
|
|
bindHandlers();
|
|
})
|
|
|
|
|
|
}
|
|
this.initializeSettings.themes = function(){ // this opens themes page in setting page
|
|
var bindHandlers = function(){ // binding handlers in themes page
|
|
// 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(result[0].success=="true"){
|
|
o.notify("Theme Saved!!","success",2);
|
|
loadthmc();
|
|
} else {
|
|
o.notify("Theme saving failed!!","imp",2);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('.tinycanvas').each(function(){
|
|
var h = $(this).parent().height(),
|
|
sh = $(this).siblings('.s_tab').height();
|
|
|
|
o.tinyscrollbar_ext({
|
|
main: $(this),
|
|
height: h-sh-24
|
|
},{
|
|
axis: 'y'
|
|
})
|
|
});
|
|
|
|
o.single_select();
|
|
o.simple_tab();
|
|
|
|
$('.color-picker').miniColors({
|
|
change:function(hex){
|
|
var changewhat = $(this).attr("for");
|
|
var previewarea = $("#theme_preview_area");
|
|
switch(changewhat){
|
|
case "thmtxt":
|
|
case "thmtxth":
|
|
previewarea.find("."+changewhat).css({"color":hex});
|
|
break;
|
|
case "g_sep":
|
|
previewarea.find("."+changewhat).css({"border-color":hex});
|
|
break;
|
|
case "background":
|
|
previewarea.css({"background-color":hex});
|
|
break;
|
|
default:
|
|
previewarea.find("."+changewhat).css({"background-color":hex});
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
|
|
$("a#theme_submit").click(function(){
|
|
o.confirm({
|
|
message : "Are you sure that you want to save custom theme?",
|
|
highlighted : 1,
|
|
buttons : ["Yes","No"]
|
|
},function(reply){
|
|
if(reply){
|
|
var colors = new Array;
|
|
$("#color_input input").each(function(){
|
|
colors[$(this).attr("for")] = $(this).val();
|
|
})
|
|
var dhtml ="<style> .thmc1 { background: "+colors['thmc1']+"; }.thmc2 { background: "+colors['thmc2']+"; }.thmc3 { background: #FFFFFF; }.thmc4 { background: "+colors['thmc4']+"; }.thmtxt { color: "+colors['thmtxt']+"; }.thmtxth { color: "+colors['thmtxth']+"; }.g_sep { border-color: "+colors['g_sep']+";} body{background-color: "+colors['background']+"} </style>";
|
|
$("head").find("#dyn_css").remove();
|
|
$("head").append(dhtml);
|
|
$.post("/desktop/save_desktop_settings",{"save":"customtheme","desktopid":o.desktopId,"theme":dhtml},function(result,status){
|
|
if(result[0].success=="true")
|
|
o.notify("Custom theme saved!!","success",2);
|
|
else
|
|
o.notify("Custom theme saving failed!!","imp",2);
|
|
})
|
|
}
|
|
})
|
|
});
|
|
|
|
$(".stock_wallpaper .ssl_item").click(function(){
|
|
var wallpapername = $(this).find("img").attr("alt");
|
|
o.changeWallpaper(wallpapername);
|
|
})
|
|
}
|
|
var loadthmc = function(){ // a general function to load the themecolor in color selector
|
|
$('.color-picker').each(function(){
|
|
var cc = $(this).attr('for'), hex, color;
|
|
switch(cc){
|
|
case 'thmtxt':
|
|
case 'thmtxth':
|
|
hex = 'color';
|
|
break;
|
|
case 'g_sep':
|
|
hex = 'border-left-color';
|
|
break;
|
|
default:
|
|
hex = 'background-color';
|
|
break;
|
|
}
|
|
if(cc=="background")
|
|
color = $("#theme_preview_area").css("background-color");
|
|
else
|
|
color = $('#theme_preview_area .'+cc).css(hex);
|
|
$(this).miniColors("value", o.rgb2hex(color));
|
|
});
|
|
}
|
|
|
|
|
|
$.getJSON("/desktop/get_desktop_settings",{"get":"theme","desktopid":o.desktopId},function(theme){
|
|
$('#st1 .theme_list [id='+theme+']')
|
|
.addClass("thmc1 active", 300)
|
|
.find("span")
|
|
.addClass("thmtxt");
|
|
|
|
bindHandlers();
|
|
loadthmc();
|
|
})
|
|
|
|
}
|
|
|
|
this.initializeSettings.connection = function(){
|
|
|
|
var bindHandlers = function(){
|
|
$("#connection_setting ul a").click(function(){
|
|
var what = $(this).attr("for"),
|
|
type = $(this).attr("href"),
|
|
$ul = $("#"+type+"_connection"),
|
|
usernm = $ul.find("input[type=text]").val(),
|
|
pwd = $ul.find("input[type=password]").val();
|
|
switch(what){
|
|
case "save":
|
|
case "new":
|
|
if(usernm!="" && pwd!=""){
|
|
$ul.find("input[type=text]").replaceWith("<div class='c_info usrnm'>"+usernm+"</div>")
|
|
$ul.find("input[type=password]").replaceWith("<div class='c_info pwd'>••••••</div>");
|
|
$(this).text("Edit").attr("for","edit");
|
|
$(this).parent().find("a[for=delete]").show();
|
|
$ul.find("span.c_status").text("Connected").addClass("c_status_on");
|
|
if(what=="save")
|
|
what="edit";
|
|
saveaccount(usernm,pwd,type,what);
|
|
}
|
|
break;
|
|
case "edit":
|
|
var un = $ul.find("div.usrnm").text();
|
|
$ul.find("div.usrnm").replaceWith('<input type="text" value="'+un+'">');
|
|
$ul.find("div.pwd").replaceWith('<input type="password">');
|
|
$(this).text("Save").attr("for","save");
|
|
break;
|
|
case "delete":
|
|
var $this = $(this);
|
|
o.confirm({
|
|
message : "Are you sure that you want to remove this account?",
|
|
buttons : ["Yes","No"],
|
|
highlighted : 2
|
|
},function(reply){
|
|
if(reply){
|
|
$this.hide();
|
|
$ul.find("div.usrnm").replaceWith('<input type="text">');
|
|
$ul.find("div.pwd").replaceWith('<input type="password">');
|
|
$ul.find("span.c_status").text("No Connection").removeClass("c_status_on");
|
|
$this.parent().find("a[for=edit]").text("Connect").attr("for","new");
|
|
saveaccount("","",type,what);
|
|
}
|
|
})
|
|
break;
|
|
}
|
|
})
|
|
|
|
var $conlist = $('.s_form'),
|
|
conlist_w = $conlist.length * $conlist.outerWidth(true) + ($conlist.length - 1) * 25;
|
|
|
|
$('#connection_setting').width(conlist_w);
|
|
|
|
o.tinyscrollbar_ext({
|
|
main: '.tinycanvas'
|
|
})
|
|
|
|
}
|
|
var saveaccount = function(usernm,pwd,type,what){
|
|
$.post("/desktop/save_account_info",{email:usernm,password:pwd,account:type,dowhat:what},function(result){
|
|
if(what!="delete"){
|
|
if(result[0].success=="true")
|
|
o.notify(type+" account connected!!","success",2);
|
|
else
|
|
o.notify(type+" account connection failed!!","imp",2);
|
|
}else{
|
|
if(result[0].success=="true")
|
|
o.notify(type+" account removed!!","success",2);
|
|
else
|
|
o.notify(type+" account removal failed!!","imp",2);
|
|
}
|
|
})
|
|
}
|
|
|
|
$.getJSON("/otheraccounts/getaccounts",function(accounts){
|
|
$.each(accounts,function(i,account){
|
|
$ul = $("#"+account.type+"_connection");
|
|
$ul.find("input[type=text]").replaceWith("<div class='c_info usrnm'>"+account.email+"</div>")
|
|
$ul.find("input[type=password]").replaceWith("<div class='c_info pwd'>••••••</div>");
|
|
$ul.find("a[for=new]").text("Edit").attr("for","edit");
|
|
$ul.find("a[for=delete]").show();
|
|
$ul.find("span.c_status").text("Connected").addClass("c_status_on");
|
|
})
|
|
bindHandlers();
|
|
})
|
|
|
|
|
|
}
|
|
};
|
|
this.initializeOrbitTimeline = function(target,url,cache){
|
|
|
|
var timeline = new orbitTimeline("#timeline");
|
|
timeline.initialize();
|
|
|
|
};
|
|
|
|
this.initializeAppstore = function(target,url,cache){
|
|
|
|
|
|
this.initializeAppstore.widgets = function(){
|
|
var bindHandlers = function(){
|
|
$("#widget_list a").click(function(){
|
|
var sectionid = $(this).attr("for");
|
|
var widgetid = $(this).parent().parent().attr("for");
|
|
switch($(this).attr("href")){
|
|
case "addthis":
|
|
$this = $(this);
|
|
o.confirm({
|
|
message: "Are you sure you want to add this widget?",
|
|
buttons: ['Yes','No'],
|
|
highlighted: 1
|
|
},function(reply){
|
|
if(reply){
|
|
$.post("desktop_appstore/widgets_settings",{section:sectionid, widget:widgetid, what:"add"},function(result){
|
|
if(result[0].success){
|
|
$this.attr("href","removethis");
|
|
$targetDom = $this.parent().parent().find("div.status");
|
|
$parentDom = $this.parent();
|
|
if($targetDom.find("a").length == 0)
|
|
$targetDom.html("Status : Installed on");
|
|
$targetDom.append(" ").append($this);
|
|
if($parentDom.find("a").length == 0)
|
|
$parentDom.empty();
|
|
o.desktopData["home"]="";
|
|
o.notify("Widget added.","success",2);
|
|
}else{
|
|
o.notify(result[0].error,"imp",2);
|
|
}
|
|
})
|
|
}
|
|
})
|
|
break;
|
|
case "removethis":
|
|
$this = $(this);
|
|
o.confirm({
|
|
message: "Are you sure you want to remove this widget?",
|
|
buttons: ['Yes','No'],
|
|
highlighted: 2
|
|
},function(reply){
|
|
if(reply){
|
|
$.post("desktop_appstore/widgets_settings",{section:sectionid, widget:widgetid, what:"remove"},function(result){
|
|
if(result[0].success){
|
|
$this.attr("href","addthis");
|
|
$targetDom = $this.parent().parent().find("div.not_status");
|
|
$parentDom = $this.parent();
|
|
if($targetDom.html()=="")
|
|
$targetDom.html("Install on");
|
|
$targetDom.append(" ").append($this);
|
|
if($parentDom.find("a").length == 0)
|
|
$parentDom.html("Status : Downloaded");
|
|
o.desktopData["home"]="";
|
|
o.notify("Widget removed.","success",2);
|
|
}
|
|
})
|
|
}
|
|
})
|
|
break;
|
|
}
|
|
return false;
|
|
});
|
|
|
|
o.tinyscrollbar_ext({
|
|
main: '.tinycanvas',
|
|
fill: '.list_t'
|
|
})
|
|
}
|
|
|
|
|
|
$.getJSON("/desktop_appstore/getuserwidgets",function(userwidgets){
|
|
var column = $('<div class="g_col list_t"><ul></ul></div>'),
|
|
counter = 1,
|
|
li;
|
|
$.each(userwidgets,function(i,widge){
|
|
if(!widge.status)widge.status = "Downloaded";
|
|
var brick = widge.shape.split(' '),
|
|
bw = parseInt(brick[0].substr(1)),
|
|
bh = parseInt(brick[1].substr(1)),
|
|
shp = bw+" X "+bh;
|
|
li = $('<li class="list_t_item" for="'+widge._id+'"><div class="list_t_title">'+widge.name+'</div><div class="list_t_des">Author : '+widge.author+'</div><div class="list_t_des">Shape : '+shp+'</div><div class="list_t_des status">Status : '+widge.status+'</div><div class="list_t_des not_status"></div></li>');
|
|
var cur_section_names = new Array();
|
|
var section_names = new Array();
|
|
var section_links = new Array();
|
|
if(widge.section){
|
|
var s_name_list = "";
|
|
$.each(widge.section,function(x,sec){
|
|
$.each(o.sectionList,function(j,s){
|
|
if(s._id==sec){
|
|
cur_section_names.push(s.name);
|
|
s_name_list+= "<a href='removethis' for='"+s._id+"' style='text-decoration:underline;'>"+s.name +"</a> ";
|
|
}
|
|
})
|
|
})
|
|
var section_names = o.getArrayfromJson(o.sectionList,"name");
|
|
var section_links = o.getArrayfromJson(o.sectionList,"_id");
|
|
var s_name_list_not = "";
|
|
$.each(section_names,function(j,sec_name){
|
|
if($.inArray(sec_name,cur_section_names)==-1){
|
|
var sec_link = section_links[j];
|
|
s_name_list_not+= "<a href='addthis' for='"+sec_link+"' style='text-decoration:underline;'>"+sec_name+"</a> ";
|
|
}
|
|
})
|
|
li.find("div.status").html("Status : Installed on "+s_name_list);
|
|
if(s_name_list_not)
|
|
li.find("div.not_status").html("Install on "+s_name_list_not);
|
|
}else{
|
|
li.find("div.not_status").html("Install on <a href='addthis' for='"+o.sectionList[0]._id+"' style='text-decoration:underline;'>"+o.sectionList[0].name+"</a> <a href='addthis' for='"+o.sectionList[1]._id+"' style='text-decoration:underline;'>"+o.sectionList[1].name+"</a> <a href='addthis' for='"+o.sectionList[2]._id+"' style='text-decoration:underline;'>"+o.sectionList[2].name+"</a> <a href='addthis' for='"+o.sectionList[3]._id+"' style='text-decoration:underline;'>"+o.sectionList[3].name)+"</a>";
|
|
}
|
|
//console.log(section_names);
|
|
column.find("ul").append(li);
|
|
if(counter%4==0){
|
|
$("#apps_store div#widget_list").append(column);
|
|
column = $('<div class="g_col list_t" style="width:350px;"><ul></ul></div>');
|
|
}
|
|
counter++;
|
|
})
|
|
$("#apps_store div#widget_list").append(column);
|
|
|
|
})
|
|
|
|
}
|
|
this.initializeAppstore.onlinestore = function(){
|
|
var bindHandlers = function(){
|
|
|
|
}
|
|
|
|
bindHandlers();
|
|
|
|
}
|
|
this.initializeAppstore.onlinestore();
|
|
bindHandlers();
|
|
}
|
|
|
|
|
|
this.initializeResearchDomain = function(target,url,cache){
|
|
|
|
this.initializeResearchDomain.list = function(){
|
|
var bindHandlers = function(){
|
|
o.tinyscrollbar_ext({
|
|
main : ".tinycanvas",
|
|
fill : ".list_t"
|
|
})
|
|
}
|
|
|
|
|
|
bindHandlers();
|
|
|
|
}
|
|
this.initializeResearchDomain.add_this = function(){
|
|
var bindHandlers = function(){
|
|
|
|
}
|
|
|
|
|
|
bindHandlers();
|
|
|
|
}
|
|
this.initializeResearchDomain.list();
|
|
|
|
}
|
|
this.initializeResearchProject = function(target,url,cache){
|
|
|
|
this.initializeResearchProject.list = function(){
|
|
var bindHandlers = function(){
|
|
o.tinyscrollbar_ext({
|
|
main : ".tinycanvas",
|
|
fill : ".list_t"
|
|
})
|
|
}
|
|
|
|
|
|
bindHandlers();
|
|
|
|
}
|
|
this.initializeResearchProject.add_this = function(){
|
|
var bindHandlers = function(){
|
|
o.simple_drop_down();
|
|
|
|
o.tinyscrollbar_ext({
|
|
main: '.tinycanvas',
|
|
fill: '.s_grid_con'
|
|
})
|
|
}
|
|
|
|
|
|
bindHandlers();
|
|
|
|
}
|
|
this.initializeResearchProject.list();
|
|
|
|
}
|
|
this.loadWallpaper = function(wallpaper){ // this is to load new wallpaper
|
|
if(!wallpaper)wallpapernm = o.themesettings.background;else wallpapernm = wallpaper
|
|
var ww = $(window).width();
|
|
var wh = $(window).height();
|
|
if(!wallpaper)
|
|
$("img#thmbackground").attr({"src":"/"+o.themefolder+"/"+o.theme+"/images/"+wallpapernm,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
|
else
|
|
$("img#thmbackground").attr({"src":o.wallpaperPath+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(){ // this function load or refresh icon cache for the theme
|
|
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(){ // this function will initialize all the widgets in the desktop
|
|
var elements = $("#group_wrapper li.widget");
|
|
$.each(elements,function(){
|
|
var widget = $(this);
|
|
if(widget.attr("data-category")=="widget"){
|
|
var widgename = widget.attr("data-content");
|
|
$.getScript(widget.attr("js-link"),function(){
|
|
widget.find("div.appholder").load(widget.attr("data-content"));
|
|
});
|
|
$(this).find("div.appholder").append( '<link rel="stylesheet" id="dyn_css" href="'+widget.attr("css-link")+'" type="text/css" />')
|
|
}
|
|
|
|
})
|
|
};
|
|
this.saveWallpaper = function(wallpaper){ // this function saves wallpaper in db
|
|
$.post("/desktop/save_desktop_settings",{"save":"wallpaper","wallpapernm":wallpaper,"desktopid":o.desktopId},function(result){
|
|
if(result[0].success=="true")
|
|
o.notify("Wallpaper saved!!","success",2);
|
|
else
|
|
o.notify("Wallpaper saving failed!!","imp",2);
|
|
})
|
|
};
|
|
this.tinyscrollbar_ext = function(target,tinysettings){
|
|
//main : dom on which tinyscrollbar has to be applied
|
|
//fill : number or object for width
|
|
//height : height for the target element
|
|
//tinysettings : tinyscrollbar settings
|
|
|
|
if(typeof target.main == "undefined"){
|
|
o.notify('tinyscrollbar: target undefined','imp',2);
|
|
return;
|
|
}else{
|
|
target.main = $(target.main);
|
|
}
|
|
//var target.fill = $
|
|
var tinysettings = ( typeof tinysettings == 'undefined' ) ? {"axis":"x"} : tinysettings ;
|
|
|
|
var count,baseWidth,fillArray,pxs;
|
|
|
|
if( typeof target.fill == 'string' ){
|
|
fillArray = target.main.find(target.fill);
|
|
count = fillArray.length;
|
|
baseWidth = $(target.fill).eq(1).outerWidth(true);
|
|
target.main.find('.overview').width( baseWidth * count);
|
|
} else if( typeof target.fill == 'number' ){
|
|
target.main.find('.overview').width( target.fill );
|
|
} else if( typeof target.fill == 'undefined' ){
|
|
|
|
} else {
|
|
o.notify('tinyscrollbar: setting width failed','imp',2);
|
|
}
|
|
if(target.height)
|
|
target.main.height(target.height);
|
|
|
|
target.main
|
|
.tinyscrollbar( tinysettings )
|
|
.find('.scrollbar')
|
|
.delay(1500)
|
|
.addClass('op00', 500);
|
|
};
|
|
this.simple_drop_down = function(){
|
|
// simple dropdown menu
|
|
if( !$('.sdm').children('.sdm_o').length > 0 ){
|
|
return;
|
|
} else {
|
|
$('.sdm').hover(function(){
|
|
$(this).stop(1,1).toggleClass('thmc2 thmtxt');
|
|
}, function(){
|
|
$(this).stop(1,1).toggleClass('thmc2 thmtxt');
|
|
});
|
|
$('.sdm').find('a').hover(function(){
|
|
$(this).stop(1,1).toggleClass('thmc2 thmtxt');
|
|
}, function(){
|
|
$(this).stop(1,1).toggleClass('thmc2 thmtxt');
|
|
});
|
|
}
|
|
};
|
|
this.simple_tab = function(){
|
|
// tab
|
|
var $anchor = $('.s_tab a[href*=#]'),
|
|
$tabcontent = $('.st_c');
|
|
|
|
$anchor.each(function(){
|
|
$(this).click(function(){
|
|
var target = $(this).attr('href');
|
|
$anchor.removeClass('thmc2 thmtxt admtxt admbg').addClass('admtxt admbg');
|
|
$(this).toggleClass('thmc2 thmtxt admtxt admbg');
|
|
$tabcontent.hide();
|
|
$(target).show();
|
|
if( $('.tinycanvas').length > 0 ){
|
|
$('.tinycanvas').tinyscrollbar_update();
|
|
}
|
|
return false;
|
|
});
|
|
});
|
|
};
|
|
this.single_select = function(){
|
|
// single select
|
|
$('.ssl .ssl_item').each(function(){
|
|
var $des = $(this).find('.ssl_des');
|
|
|
|
$(this).on({
|
|
click: function(){
|
|
$(this).switchClass('','thmc1 active',0);
|
|
$(this).siblings('.thmc1').switchClass('thmc1 active','',0);
|
|
|
|
if( $des.length > 0 ){
|
|
$(this).parents('.ssl').find('.ssl_des').removeClass('thmtxt');
|
|
$des.addClass('thmtxt');
|
|
}
|
|
},
|
|
mouseenter: function(){
|
|
if( !$(this).hasClass('active') ){
|
|
$(this).addClass('thmc1');
|
|
|
|
if( $des.length > 0 ){
|
|
$des.addClass('thmtxt');
|
|
}
|
|
}
|
|
},
|
|
mouseleave: function(){
|
|
if( !$(this).hasClass('active') ){
|
|
$(this).removeClass('thmc1');
|
|
|
|
if( $des.length > 0 ){
|
|
$des.removeClass('thmtxt');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
o.initialize();
|
|
}
|
|
|
|
orbitDesktop.prototype.themefolder = "themes";
|
|
orbitDesktop.prototype.widgetfolder = "desktop_widgets";
|
|
orbitDesktop.prototype.desktopId = "1";
|
|
orbitDesktop.prototype.notifyImgPath = "temp";
|
|
orbitDesktop.prototype.wallpaperPath = "/assets/stockBackground/";
|
|
orbitDesktop.prototype.iconPath = "/assets/icons/";
|
|
orbitDesktop.prototype.currentLanguage = "en";
|
|
orbitDesktop.prototype.currentUsername = "Harry";
|
|
var uselessfunction = function(){
|
|
$.post("/desktop/temp_func",{sectionid:"4f83e7bbbd98eb041600001d"});
|
|
}
|
|
|