'+settings.title+'
');
- $("div[container=true]").find("div.tinycanvas").prepend('');
+ var check_container = $("").html(h).find("div[container=true]");
+ if(check_container.length > 0){
+ $("div[container=true]")
+ .html(check_container.html())
+ .find("div.overview")
+ .wrap('
');
+ }else{
+ $("div[container=true]")
+ .html(h)
+ .find("div.overview")
+ .wrap('
');
+ }
+ $("div[container=true]")
+ .find("div.tinycanvas")
+ .prepend('');
var f = o.layout_data.generate_layout_html(h)
$("div[container=true] div.overview").html(f.markup);
var settings = {main : ".tinycanvas"};
@@ -458,7 +467,12 @@ var orbitDesktop = function(dom){
}
}
}
+ // call other functions here
o.tinyscrollbar_ext(settings,tsettings);
+ o.simple_drop_down();
+ o.autocomplete();
+ o.use_select2();
+ o.check_simple_layout();
}
this.paging = true;
this.pagination = function(link,variable,page_no){
@@ -538,7 +552,7 @@ var orbitDesktop = function(dom){
var target = dom.attr("id");
var url = dom.attr("href");
if(!url)return false;
- o.lastlink = url;
+
o.data_method = dom.attr("callback-method");
if(o.currenthtml!=target){
if(o.desktopData[o.currentface] == "undefined"){
@@ -576,20 +590,22 @@ var orbitDesktop = function(dom){
$(o.contentHolder).html(o.desktopData[o.currentface]);
try{
if(!customload){
- o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"));
+ o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"),o.desktopData[o.currentface]);
}else{
if(submenuitem)
- o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[custom-load="+submenuitem+"]"));
+ o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[custom-load="+submenuitem+"]"),o.desktopData[o.currentface]);
else
- o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"));
+ o.sub_menu_item($(o.contentHolder).find("*[content-type=menu] a[load=true]"),o.desktopData[o.currentface]);
}
}catch(EX){}
- cache = true;
+
+ cache = (o.lastlink == "/desktop/app_manager" ? false : true);
if(typeof o.data_method != "undefined"){
if(o.data_method != ""){
window.o[o.data_method](target,url,cache);
}
}
+ header_ani();
}
});
$('#header')
@@ -606,6 +622,7 @@ var orbitDesktop = function(dom){
$(this).hide().delay(i*100).fadeIn(600,'easeInOutQuint');
});
}
+ o.lastlink = url;
}
this.sub_menu_item = function(dom,data){
var sub_data_method = dom.attr('callback-method');
@@ -634,23 +651,15 @@ var orbitDesktop = function(dom){
// $('*[content-type=menu] a').removeClass('thmc1 thmtxt active');
// dom.addClass('thmc1 thmtxt active');
}
- this.highlight_sub_menu_item = function(no){
- $('*[content-type=menu] a').removeClass('thmc1 thmtxt active');
- var dom;
- if(typeof no == "number"){
- dom = $('*[content-type=menu] a').eq(no);
- dom.addClass('thmc1 thmtxt active');
- }else if(typeof no == "object"){
- dom = no;
- dom.addClass('thmc1 thmtxt active');
- }
- return dom;
- }
this.initializeDesktop = function(target,url,cache){ //this is for initializing main desktops that are sections and tiles
target = (!target) ? 'desktop' : target;
var bindHandlers = function(){ // this function will bind all the handlers in the desktop
var dragged = null,draggable,lastpos = [];
+ /* Hotfix - Part 1 */
+ // var items = $(".gridster ul li");
+ // items.detach();
+
o.gridvar = $(".grid ul").find("> li ")
.mousedown(function(e){
!draggable;
@@ -662,26 +671,43 @@ var orbitDesktop = function(dom){
})
.end()
.gridster({
+ max_rows: 4,
+ shift_larger_widgets_down: false,
widget_margins: [6, 6],
widget_base_dimensions: [120, 120],
+ serialize_params: function($w, wgd) { return { col: wgd.col, row: wgd.row, id: $w.data("id") } },
draggable : {
start: function(event, ui){
dragged.addClass("noClick");
},
stop: function(event, ui){
- for (var i = 1; i <= 30; i++) {
- // var celement = $(".grid ul .widget[data-col="+i+"]:last");
- $(".grid ul .widget[data-col="+i+"]").each(function(){
- var pos = $(this).position();
- if(pos && (pos.top + $(this).height() + 6) > 550){
- revertbacktiles();
- }
- });
- }
+ // for (var i = 1; i <= 30; i++) {
+ // // var celement = $(".grid ul .widget[data-col="+i+"]:last");
+ // $(".grid ul .widget[data-col="+i+"]").each(function(){
+ // var pos = $(this).position();
+ // if(pos && (pos.top + $(this).height() + 6) > 550){
+ // revertbacktiles();
+ // }
+ // });
+ // }
+ $('.tinycanvas').tinyscrollbar_update('relative');
+ var newpos = o.gridvar.serialize();
+ $.post("/desktop/newpositions",{"newpositions":newpos});
}
}
})
.data('gridster');
+
+ /* Hotfix - Part 2 */
+ // $.each(items , function (i, e) {
+ // var item = $(this);
+ // var columns = parseInt(item.attr("data-sizex"));
+ // var rows = parseInt(item.attr("data-sizey"));
+ // var col = parseInt(item.attr("data-col"));
+ // var row = parseInt(item.attr("data-row"));
+ // o.gridvar.add_widget(item, columns, rows, col, row);
+ // });
+
var revertbacktiles = function(){
lastpos.push({"col":"","row":""});
$(".grid ul li").each(function(i){
@@ -710,19 +736,7 @@ var orbitDesktop = function(dom){
dragged.removeClass("noClick");
});
- var element = $('.gridster li');
- $.each(element, function(i){
- if($(this).attr("data-category")=="app" && $(this).find('.text_wrapper').length < 1){
- $(this).find('.appname').wrapInner('');
- var w = $(this).find('.text_wrapper').width();
- if (w > 96){
- var text = $(this).find('.text_wrapper').text();
- slice = text.substr(0,12);
- $(this).find('.text_wrapper').attr('title',text).text(slice+'...');
- }
- }
- });
-
+ o.appname_substr('.gridster li');
o.simple_drop_down();
o.tinyscrollbar_ext({
main: '.tinycanvas'
@@ -731,33 +745,54 @@ 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
$("#desktop #group_wrapper").empty();
$.getJSON("/desktop/getgroups",{sectionid:id},function(tiles){
- tiles.sort(o.sortJSON("position",true,parseInt));
- var tilecolors = o.themesettings.tilecolor;
+ // tiles.sort(o.sortJSON("position",true,parseInt));
+ var tilecolors = (o.themesettings.tilecolor ? o.themesettings.tilecolor : ["thmc1","thmc2","thmc3","thmc4"]) ;
var totaltiles_in_a_row = 4;
var opacity = ["op07","op08","op09",""];
- var row = 1, col = 1, x = 1, y = 1;
+ var row = 0, col = 1, x = 1, y = 1, total_x = 0, prev_y = 0;
var $group = $('');
var $ul = $('
'+tile.title+'
'+tile.title+'
'+tile.title+'
'+$(this).html()+'
');
- $column.append($newelement);
- if(i == 4){
- $("#app_manager .search_result").append($column);
- i = 0;
- }
- })
- if(i != 0){
- $("#app_manager .search_result").append($column);
+ } else {
+ var $no_result = $('');
+ $no_result
+ .find('b')
+ .text('"'+$(this).val()+'"')
+ .end()
+ .show()
+ .appendTo($result);
+ $canvas.animate({
+ 'width':252
+ }, 0, function(){
+ $(this)
+ .parents('.tinycanvas')
+ .tinyscrollbar_update();
+ });
}
+ } else if( query == "" ) {
+ info_close();
+ $result.empty();
+ $applist.show();
+ $canvas.css('width',current_width);
}
- }else{$("#app_manager #seperator").hide();$("#app_manager .search_result").empty();}
- }).blur(function(){$(this).val("Search");});
+ })
+ .blur(function(){
+ if($(this).val()==""){
+ $(this).val("Search");
+ }
+ });
//for Alphabet sorting
$("#app_manager #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);
+ allApps = $("div#app_manager .element").sort(sortAscending);
break;
case "descending":
$(this).attr("href","ascending").find(".thmtxt").text("Alphabet [A-Z]");
- allApps = $("#app_manager .group_search .element").sort(sortDescending);
+ allApps = $("#app_manager .element").sort(sortDescending);
break;
}
$("#app_manager #app_list").empty();
@@ -876,173 +976,166 @@ var orbitDesktop = function(dom){
$('.g_col.col'+ colindex).append(app);
}
});
+ elementSetting();
return false;
});
- }
- 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('');
- $.each(appss,function(i,apps){
- $.each(apps,function(i,app){
- var $app;
- count++;
- $app = $('
'+app.title+'
Off
On
'+app.title+'
'+app.title+'
"+account.email+"
")
- $ul.find("input[type=password]").replaceWith("••••••
");
- $ul.find("a[for=new]").text("Edit").attr("for","edit");
- $ul.find("a[for=delete]").show();
- $ul.find(".c_status").text("Connected").addClass("c_status_on");
- })
- bindHandlers();
- })
+ // $.getJSON("/otheraccounts/getaccounts",function(accounts){
+ // $.each(accounts,function(i,account){
+ // $ul = $("#"+account.type+"_connection");
+ // $ul.find("input[type=text]").replaceWith(""+account.email+"
")
+ // $ul.find("input[type=password]").replaceWith("••••••
");
+ // $ul.find("a[for=new]").text("Edit").attr("for","edit");
+ // $ul.find("a[for=delete]").show();
+ // $ul.find(".c_status").text("Connected").addClass("c_status_on");
+ // })
+ // bindHandlers();
+ // })
}
@@ -1420,9 +1513,8 @@ var orbitDesktop = function(dom){
}
this.loadWallpaper = function(wallpaper){ // this is to load new wallpaper
- wallpapernm = (!wallpaper) ? o.themesettings.background : wallpaper;
if(!wallpaper){
- $("#thmbackground").attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+wallpapernm);
+ $("#thmbackground").attr("src",o.themesettings.background);
} else {
$("#thmbackground").attr("src",o.wallpaperPath+wallpaper);
}
@@ -1432,7 +1524,7 @@ var orbitDesktop = function(dom){
var imgs = $(".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).attr("src","/assets/desktop/icons/"+o.themesettings.icons[setting_name])
})
};
this.initializeWidgets = function(){ // this function will initialize all the widgets in the desktop
@@ -1440,11 +1532,11 @@ var orbitDesktop = function(dom){
loading = ' Loading
';
$.each(elements,function(){
var widget = $(this),
- widget_holder = $(this).find('.appholder'),
- widget_style = (widget.find('.widget_style').length > 0) ? '' : '';
+ widget_holder = $(this).find('.appholder')
+ // widget_style = (widget.find('.widget_style').length > 0) ? '' : '';
if(widget.attr("data-category")=="widget"){
var widgetname = widget.attr("data-content");
- widget_holder.before(widget_style).empty();
+ // widget_holder.before(widget_style).empty();
$.getScript(widget.attr("js-link")).done(function(){
// widget.find(".appholder").load(widget.attr("data-content"));
$.ajax({
@@ -1513,6 +1605,25 @@ var orbitDesktop = function(dom){
o.tinyscrollbar = target.main.tinyscrollbar( settings );
};
+ this.check_simple_layout = function(){
+ // use for various width of columns inside canvas(.overview)
+ // only count width for visible element which has "s_column" class
+ // then set width to canvas
+ // ** not sure to update canvas here ( $.tinyscrollbar_update() )
+ var sw = 0,
+ $simple_layout = $('#content .overview[content-layout=simple]');
+ if($simple_layout.find(".s_column").length > 0){
+ $simple_layout.each(function(){
+ $(this).find(".s_column").filter(":visible").each(function(){
+ sw += $(this).outerWidth();
+ });
+ $simple_layout.css('width',sw);
+ });
+ }
+ // if($simple_layout.find(".s_column").length > 0){
+ // $simple_layout.css('width',sw);
+ // }
+ };
this.simple_drop_down = function(){
// simple dropdown menu
var $sdm = $('.sdm');
@@ -1547,6 +1658,38 @@ var orbitDesktop = function(dom){
});
});
};
+
+ this.simple_switch = function(func){
+ $('.s_switch').each(function(){
+ var $switcher = $(this).find('.s_switch_switcher'),
+ $checkbox = $(this).find('input[type=checkbox]'),
+ $status = $(this).find('.s_switch_status'),
+ toggle = '',
+ status_on = $status.attr('status-on'),
+ status_off = $status.attr('status-off'),
+ ini, set;
+ ini = ($switcher.hasClass('admbg2')) ? null : $switcher.addClass('admbg2');
+ ini = ($switcher.find('.s_switch_toggle').length < 1) ? $checkbox.after(toggle) : null;
+ set = ($checkbox.is(':checked')) ? $status.text(status_on) : $status.text(status_off);
+ $checkbox.unbind().change(function(){
+ var v = $(this).attr('checked');
+ switch (v) {
+ case 'checked':
+ $switcher.switchClass('admbg2','thmc2');
+ $status.text(status_on);
+ break;
+ case undefined:
+ $switcher.switchClass('thmc2','admbg2');
+ $status.text(status_off);
+ break;
+ }
+ if(typeof func == "function"){
+ func.call(this,$(this));
+ }
+ });
+ });
+ };
+
this.single_select = function(){
// single select
$('.ssl .ssl_item').each(function(){
@@ -1583,6 +1726,143 @@ var orbitDesktop = function(dom){
});
});
}
+
+ this.highlight_sub_menu_item = function(no){
+ $('*[content-type=menu] a').removeClass('thmc1 thmtxt active');
+ var dom;
+ if(typeof no == "number"){
+ dom = $('*[content-type=menu] a').eq(no);
+ dom.addClass('thmc1 thmtxt active');
+ }else if(typeof no == "object"){
+ dom = no;
+ dom.addClass('thmc1 thmtxt active');
+ }
+ return dom;
+ }
+
+ this.use_select2 = function(){
+ $('select:not(.select2-offscreen)').select2({
+ minimumResultsForSearch: -1
+ // minimumInputLength: -1
+ });
+ }
+
+ this.autocomplete = function(){
+ $("*[autocomplete]").each(function(){
+ $e = $(this);
+ var options = {
+ multiple:true,
+ minimumInputLength: -1,
+ width: "off",
+ ajax: {
+ url: $e.attr("autocomplete"),
+ dataType: 'json',
+ quietMillis: 100,
+ tokenSeparators: [","],
+ data: function (search, page) {
+ return {q: search};
+ },
+ results: function (data, page) {
+ return {results: data.results};
+ }
+ }
+ }
+ var format = $e.attr("autocomplete-format");
+ if(format){
+ format = format.split(":");
+ var seperator = format[0];
+ var fields = format[1];
+ fields = fields.replace("]","");
+ fields = fields.replace("[","");
+ fields = fields.split(",");
+
+ options.formatResult = function(data){
+ var markup = "";
+ var x = 0;
+ for(i = 0;i < fields.length; i++){
+
+ if(i > 0)markup += " " + seperator + " ";
+ if(data[fields[i]])
+ markup += data[fields[i]];
+ else
+ markup += fields[i] + " not available";
+ }
+
+ return markup;
+ }
+ }
+ $e.select2(options);
+ })
+ }
+
+ this.appname_substr = function(target,length){
+ var $target = $(target),
+ length = (length && typeof length == 'number') ? length : 12,
+ wrapper = '',
+ w1, w2;
+ if(!$target && $target.find('.text_wrapper').length > 0){
+ return;
+ } else {
+ for(i = 0; i < $target.length; i++){
+ var $this = $target.eq(i);
+ if($this.find('.appname').text().length > length + 1){
+ $this.find('.appname').wrapInner(wrapper);
+ w1 = $this.find('.appname').width() - 24
+ w2 = $this.find('.text_wrapper').width();
+ if(w2 > w1){
+ var text = $this.find('.text_wrapper').text();
+ slice = text.substr(0,length);
+ $this.find('.text_wrapper').attr('title',text).text(slice+'...');
+ }
+ }
+ }
+ }
+ }
+ this.minimizeBarManager = function(){
+ var minimizedApps = [],
+ minimizeBar = $("#minimizebar");
+ this.minimizeBarManager.minimize = function(win){
+ minimizedApps.push(win.attr("id"));
+ var $e = generateMiniBar(win.attr("id"));
+ $e.find("span[for=title]").text(win.data('title'));
+ $e.one("click",function(){
+ o.minimizeBarManager.maximize(win);
+ });
+ $e.find("span.icon-remove").one("click",function(e){
+ o.appWindow.close(win);
+ e.stopPropagation();
+ });
+ minimizeBar.append($e);
+ win.hide();
+ // var minimizeOffset = minimizeBar.offset();
+ // win.animate({"left":minimizeOffset.left + "px","top":minimizeOffset.top + "px","height":"25px","width":"200px"},function(){
+
+ // });
+
+ }
+ this.minimizeBarManager.maximize = function(win){
+ var position = minimizedApps.indexOf(win.attr("id"));
+ minimizedApps.splice(position,1);
+ getMiniBar(position).remove();
+ win.show();
+ updatePositions();
+ }
+ var getMiniBar = function(position){
+ return minimizeBar.find("div[data-position="+position+"]");
+ }
+ var generateMiniBar = function(id){
+ var position = minimizedApps.indexOf(id),
+ template = '',
+ $e = $(template);
+ return $e;
+ }
+
+ var updatePositions = function(){
+ minimizeBar.find("div.minimize").each(function(){
+ $(this).attr("data-position",minimizedApps.indexOf($(this).data("app-id")));
+ })
+ }
+ }
o.initialize();
}
diff --git a/app/assets/javascripts/desktop/orbitdesktopAPI.js b/app/assets/javascripts/desktop/orbitdesktopAPI.js
index 9e4700ea..4480555b 100644
--- a/app/assets/javascripts/desktop/orbitdesktopAPI.js
+++ b/app/assets/javascripts/desktop/orbitdesktopAPI.js
@@ -8,32 +8,37 @@ var orbitDesktopAPI = function(){
//msg (string) : message to display
//type (string : success, imp, alert
//time (int) : duration for notification in seconds
- var $notify = $("#orbitnote");
- var img, n_height;
+ var $notify = $('#orbitnote'),
+ ani_method = { direction: 'up',easing: 'easeInOutQuint' },
+ img, n_height;
if(!type)type="";
switch(type){
case "alert":
- img = "note_alert.png";
+ img = "exclamation-sign";
break;
case "imp":
- img = "note_imp.png";
+ img = "warning-sign";
break;
case "success":
- img = "note_success.png";
+ img = "ok";
break;
default:
- img = "note_alert.png";
+ img = "exclamation-sign";
break;
}
- $notify.find("img#note_img").attr("src",o.notifyImgPath+img);
- $notify.find(".note_message").html(msg);
- n_height = $notify.outerHeight();
- if(!time)time=5000; else time=time*1000;
- $notify
- .css({'top':-n_height, 'display':'block', 'opacity':0})
- .animate({top:0,opacity:1},200)
+ if( !time || time > 20) time = 5000; else time = time*1000;
+
+ var sign = '
',
+ message = '',
+ item = '
'+ sign + message +'
';
+
+ $(item)
+ .prependTo($notify)
+ .stop(1,1)
+ .toggle('slide', ani_method, 300)
.delay(time)
- .animate({top:-n_height,opacity:0},200);
+ .toggle('slide', ani_method, 800);
+ $notify.find('.note_holder:hidden').remove();
};
this.executeFunc = function(func,callbackFn){
//takes 2 arguments
@@ -67,7 +72,7 @@ var orbitDesktopAPI = function(){
this.changeWallpaper = function(wallpaper){
//takes 1 parameter
//wallpaper (string): takes wallpaper and sets the wallpaper
- $("img#thmbackground").attr("src",o.wallpaperPath+wallpaper);
+ $("#thmbackground").attr("src",o.wallpaperPath+wallpaper);
o.saveWallpaper(wallpaper);
};
this.confirm = function(settings,callbackfn){
@@ -111,29 +116,35 @@ var orbitDesktopAPI = function(){
})
return tempArray;
};
- this.appWindow = function(settings,callbackfn){
+ this.appWindow = function(options,callbackfn){
//takes set of arguments as array and gives callback
//settings.method (string) : like open and close
//settings.title (string) : the window title
//settings.extUrl (boolean) : true for opening external url else false
//settings.appid (string) : appid.. user can use this appid to open or close or refresh the window
//settings.url (string) : it is the url if you want to force external url to open in appwindow... you have to pass extURL in appid if you want to open externalurl
- if(typeof settings == "undefined")settings = {};
+ var settings = {
+ method : "open",
+ extUrl : true,
+ title : "New Window"
+ }
+ $.extend(settings,options);
if(!settings.appid){
o.notify("Invalid AppID.","imp",3);
return;
}
- if(!settings.method)settings.method = "open";
- if(!settings.extUrl)settings.extUrl = true;
+ var isWindow = ($("div.app_frame[data-app="+settings.appid+"]").length > 0 ? $("div.app_frame[data-app="+settings.appid+"]") : null);
+ if(isWindow){
+ o.minimizeBarManager.maximize(isWindow);
+ return;
+ }
if(settings.method == 'open'){
var appurl = "http://www.rulingcom.com";
o.windowcounter++;
- if(!settings.title)settings.title = "New Window "+o.windowcounter;
if(settings.extUrl){
if(settings.url){
if(settings.url.substr(0,4)!="http")settings.url = "http://"+settings.url;
- console.log(settings.url)
var urlregex = new RegExp("^(http:\/\/www.|https:\/\/www.|ftp:\/\/www.|www.){1}([0-9A-Za-z]+\.)");
if(urlregex.test(settings.url))
appurl = settings.url;
@@ -147,20 +158,34 @@ var orbitDesktopAPI = function(){
return;
}
}
- var whtml =$(''+settings.title+'