apps update -- app upload and activation
This commit is contained in:
1 parent
f2ada14b7a
commit
ed22a4d303
11 files changed
+230
-207
No files matched your search
@@ -38,6 +38,15 @@ var sortAscending = function(a, b) {
|
||||
var sortDescending = function(a, b) {
|
||||
return $(a).find("h1").text() < $(b).find("h1").text() ? 1 : -1;
|
||||
};
|
||||
|
||||
Array.prototype.indexOfObject = function(object){
|
||||
for(i = 0;i < this.length; i++){
|
||||
if(this[i] === object)
|
||||
break;
|
||||
}
|
||||
return i;
|
||||
}
|
||||
|
||||
jQuery.ajax = (function(_ajax){
|
||||
|
||||
var protocol = location.protocol,
|
||||
@@ -315,9 +324,7 @@ var orbitDesktop = function(dom){
|
||||
$(window).resize(function(){
|
||||
// var ww = $(window).width();
|
||||
// $("img#thmbackground").attr({"width":ww});
|
||||
// if( $('.tinycanvas').length > 0 ){
|
||||
$('.tinycanvas').tinyscrollbar_update('relative');
|
||||
// }
|
||||
if( $('.tinycanvas').length > 0 ){ $('.tinycanvas').tinyscrollbar_update('relative'); }
|
||||
if($(o.contentHolder).find("div.app_frame").length > 0){
|
||||
$(o.contentHolder).find("div.app_frame").each(function(){
|
||||
var app_holder_height = $(this).height() - 72;
|
||||
@@ -371,7 +378,7 @@ var orbitDesktop = function(dom){
|
||||
var temp_div = $("<div></div>");
|
||||
var entries = [];
|
||||
switch (layout){
|
||||
case "simple":
|
||||
case "simple":
|
||||
total_columns++;
|
||||
temp_div.append(column_container.html());
|
||||
total_width = "auto";
|
||||
@@ -464,7 +471,6 @@ var orbitDesktop = function(dom){
|
||||
o.simple_drop_down();
|
||||
o.autocomplete();
|
||||
o.use_select2();
|
||||
o.check_simple_layout();
|
||||
}
|
||||
this.paging = true;
|
||||
this.pagination = function(link,variable,page_no){
|
||||
@@ -759,7 +765,7 @@ var orbitDesktop = function(dom){
|
||||
var f = (tile.fullsize?"fullsize":null);
|
||||
|
||||
if(tile.data_category == "app"){
|
||||
$li = $('<li data-id="'+tile.id+'" class="app" data-row="'+row+'" data-col="'+col+'" data-sizex="'+x+'" data-sizey="'+y+'" data-title="'+tile.title+'" 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;" data-url="'+tile.link+'"><img src="'+o.iconPath+tile.data_content+'.png" alt="" ></a><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
|
||||
$li = $('<li data-id="'+tile.id+'" class="app" data-row="'+row+'" data-col="'+col+'" data-sizex="'+x+'" data-sizey="'+y+'" data-title="'+tile.title+'" 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;" data-url="'+tile.link+'"><img src="'+tile.icon+'" alt="" ></a><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
|
||||
} else {
|
||||
$li = $('<li data-id="'+tile.id+'" class="widget '+f+'" 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"></div><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
|
||||
}
|
||||
@@ -835,37 +841,26 @@ var orbitDesktop = function(dom){
|
||||
var $elements = $("#app_manager .element"),
|
||||
$result = $("#app_manager .search_result"),
|
||||
$appinfo = $("#app_info"),
|
||||
$applist = $("#app_list"),
|
||||
$apptitle = $appinfo.find(".app_info_name"),
|
||||
$appicon = $appinfo.find(".app_info_icon"),
|
||||
$appinfolist = $appinfo.find(".app_info_list"),
|
||||
$canvas = $result.parents('.overview'),
|
||||
current_width = $canvas.css('width');
|
||||
$apptitle = $("#app_info .app_info_name"),
|
||||
$appicon = $("#app_info .app_info_icon")
|
||||
$appinfolist = $("#app_info .app_info_list");
|
||||
|
||||
$("#app_manager #searchbox")
|
||||
.focus(function(){
|
||||
$(this).val("");
|
||||
})
|
||||
.keyup(function(e){
|
||||
var query = $(this).val();
|
||||
if(query){
|
||||
$appinfo.hide().attr('style','');
|
||||
$result.empty().show();
|
||||
$applist.hide();
|
||||
if($(this).val()){
|
||||
$result.empty();
|
||||
$elements.hide();
|
||||
|
||||
// searchArray = $elements.filter(":containsi("+$(this).val()+")").clone(1,1);
|
||||
// searchArray = $('#app_list').find('[data-title*="'+query+'"]').clone(1,1);
|
||||
searchArray = $elements.filter(function(){
|
||||
var matcher = new RegExp(query, "i");
|
||||
return matcher.test( $(this).attr('data-title') );
|
||||
}).clone(1,1);
|
||||
|
||||
searchArray = $elements.filter(":containsi("+$(this).val()+")");
|
||||
if(searchArray.length > 0){
|
||||
// searchArray.each(function(){
|
||||
// $(this).hide("fold","fast");
|
||||
// })
|
||||
// $("#app_manager #seperator").show();
|
||||
var i = 0, c = 1; // c for numbers of columns
|
||||
var i = 0;
|
||||
var $column;
|
||||
searchArray.each(function(){
|
||||
i++;
|
||||
@@ -877,50 +872,23 @@ var orbitDesktop = function(dom){
|
||||
if(i == 4){
|
||||
$result.append($column);
|
||||
i = 0;
|
||||
c++;
|
||||
}
|
||||
});
|
||||
})
|
||||
if(i != 0){
|
||||
$result.append($column);
|
||||
c*=132;
|
||||
searchArray
|
||||
.eq(0)
|
||||
.parents('.overview')
|
||||
.animate({
|
||||
'width': c
|
||||
},0, function(){
|
||||
$(this)
|
||||
.parents('.tinycanvas')
|
||||
.tinyscrollbar_update();
|
||||
});
|
||||
}
|
||||
elementSetting();
|
||||
} else {
|
||||
var $no_result = $('<div class="w2 h1 thmtxt thmc2 vp hp message"><span class="tile"></span>No result for <b></b></div>');
|
||||
$no_result
|
||||
.find('b')
|
||||
.text('"'+$(this).val()+'"')
|
||||
.end()
|
||||
.show()
|
||||
.appendTo($result);
|
||||
$canvas.animate({
|
||||
'width':252
|
||||
}, 0, function(){
|
||||
$(this)
|
||||
.parents('.tinycanvas')
|
||||
.tinyscrollbar_update();
|
||||
});
|
||||
$result.text("No Result Found.");
|
||||
}
|
||||
} else if( query == "" ) {
|
||||
info_close();
|
||||
|
||||
} else {
|
||||
$result.empty();
|
||||
$applist.show();
|
||||
$canvas.css('width',current_width);
|
||||
$elements.show();
|
||||
}
|
||||
})
|
||||
.blur(function(){
|
||||
if($(this).val()==""){
|
||||
$(this).val("Search");
|
||||
}
|
||||
if($(this).val()=="") $(this).val("Search");
|
||||
});
|
||||
|
||||
//for Alphabet sorting
|
||||
@@ -952,22 +920,16 @@ var orbitDesktop = function(dom){
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
var elementSetting = function(){// for element setting load
|
||||
$elements.click(function(){
|
||||
var $e = $(this);
|
||||
$(".element").click(function(){
|
||||
$e = $(this);
|
||||
$apptitle.text($e.data("title"));
|
||||
$appicon.attr("src",$e.find("img").attr("src"));
|
||||
$appinfolist.find("[info=app_version]").text($e.data("version"));
|
||||
$appinfolist.find("li:eq(2) div").text($e.data("version"));
|
||||
var dt = new Date($e.data("update"));
|
||||
$appinfolist.find("[info=app_last_update]").text(dt.toUTCString());
|
||||
$appinfolist.find("[info=app_author]").text($e.data("author"));
|
||||
$appinfo
|
||||
.find(".app_info_header")
|
||||
.css({
|
||||
"background-color": $e.data("background"),
|
||||
"color": $e.data("text-color")
|
||||
});
|
||||
$appinfolist.find("li:eq(3) div").text(dt.toUTCString());
|
||||
$appinfolist.find("li:eq(4) div").text($e.data("author"));
|
||||
|
||||
var sections = elementSettingsData[$e.data("id")].sections;
|
||||
|
||||
var sectionids = new Array();
|
||||
@@ -975,23 +937,24 @@ var orbitDesktop = function(dom){
|
||||
sectionids.push(sec.id);
|
||||
})
|
||||
|
||||
$appinfolist.find("[info=app_section_activation]").empty();
|
||||
$appinfolist.find("[info=section_activation]").empty();
|
||||
$.each(o.sectionList,function(i,sec){
|
||||
|
||||
var present = $.inArray(sec._id,sectionids);
|
||||
if(present == -1){
|
||||
$sectionswitch = $('<div class="s_grid_row s_switch"><label class="s_grid s_grid_3">'+ sec.name +'</label><div class="s_grid s_grid_6 s_switch"><div class="s_switch_status" status-on="On" status-off="Off">Off</div><label class="s_switch_switcher admbg2"><input type="checkbox" data-widget="'+ $e.data("id") +'" data-section="'+ sec._id +'"><span class="s_switch_toggle"></span></label></div></div>');
|
||||
$sectionswitch = $('<div class="s_grid_row"><label class="s_grid s_grid_3">'+ sec.name +'</label><div class="s_grid s_grid_6 s_switch"><div class="s_switch_status" status-off="Off" status-on="On">Off</div><label class="s_switch_switcher admbg2"><input type="checkbox" data-widget="'+ $e.data("id") +'" data-section="'+ sec._id +'" data-type="'+$e.data("type")+'"><span class="s_switch_toggle"></span></label></div></div>');
|
||||
}else{
|
||||
$sectionswitch = $('<div class="s_grid_row s_switch"><label class="s_grid s_grid_3">'+ sec.name +'</label><div class="s_grid s_grid_6 s_switch"><div class="s_switch_status" status-on="On" status-off="Off">On</div><label class="s_switch_switcher thmc2"><input type="checkbox" checked="checked" data-widget="'+ $e.data("id") +'" data-section="'+ sec._id +'"><span class="s_switch_toggle"></span></label></div></div>');
|
||||
$sectionswitch = $('<div class="s_grid_row"><label class="s_grid s_grid_3">'+ sec.name +'</label><div class="s_grid s_grid_6 s_switch"><div class="s_switch_status" status-on="On" status-off="Off">On</div><label class="s_switch_switcher thmc2"><input type="checkbox" checked="checked" data-widget="'+ $e.data("id") +'" data-section="'+ sec._id +'" data-type="'+$e.data("type")+'"><span class="s_switch_toggle"></span></label></div></div>');
|
||||
}
|
||||
$appinfolist.find("[info=app_section_activation]").append($sectionswitch);
|
||||
});
|
||||
info_open();
|
||||
$appinfolist.find("[info=section_activation]").append($sectionswitch);
|
||||
})
|
||||
$appinfo.show();
|
||||
o.simple_switch(function(dom){
|
||||
var options = {
|
||||
"status" : dom.is(":checked"),
|
||||
"widget_id" : dom.data("widget"),
|
||||
"section_id" : dom.data("section")
|
||||
"id" : dom.data("widget"),
|
||||
"section_id" : dom.data("section"),
|
||||
"type" : dom.data("type")
|
||||
}
|
||||
var sectionDetails = o.sectionList.filter(function(o){return(o._id == dom.data("section"))})[0];
|
||||
$.ajax({
|
||||
@@ -1001,101 +964,49 @@ var orbitDesktop = function(dom){
|
||||
data : options,
|
||||
success : function(data){
|
||||
if(data.success == "true"){
|
||||
elementSettingsData[$e.data("id")].sections.push({
|
||||
"id" : dom.data("section"),
|
||||
"name":sectionDetails.name
|
||||
});
|
||||
if(options.status)
|
||||
if(dom.is(":checked")){ console.log("true");
|
||||
elementSettingsData[$e.data("id")].sections.push({"id" : dom.data("section"),"name":sectionDetails.name});
|
||||
o.notify("Added to " + sectionDetails.name,"success");
|
||||
else
|
||||
}else{
|
||||
var index = elementSettingsData[$e.data("id")].sections.indexOfObject(elementSettingsData[$e.data("id")].sections.filter(function(a){return a.id == dom.data("section")})[0]);
|
||||
elementSettingsData[$e.data("id")].sections.splice(index,1);
|
||||
o.notify("Removed from " + sectionDetails.name,"success");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
$appinfo.find("a.panel_close").click(function(){
|
||||
info_close();
|
||||
$appinfo.hide();
|
||||
return false;
|
||||
});
|
||||
|
||||
var info_open = function(){
|
||||
if($appinfo.is(":hidden")){
|
||||
$('.overview').stop().animate({'width': '+=480'},0 , function(){
|
||||
$('.tinycanvas').tinyscrollbar_update();
|
||||
});
|
||||
$appinfo
|
||||
.css({
|
||||
'display': 'block',
|
||||
'margin-left': -480
|
||||
})
|
||||
.delay(300)
|
||||
.animate({
|
||||
'margin-left': 0
|
||||
}, 500, 'easeInOutQuint');
|
||||
} else {
|
||||
$('.tinycanvas').tinyscrollbar_update();
|
||||
}
|
||||
}
|
||||
|
||||
var info_close = function(){
|
||||
if( $appinfo.is(":visible") ){
|
||||
$appinfo
|
||||
.stop()
|
||||
.animate({
|
||||
'margin-left': -480
|
||||
},500 , 'easeInOutQuint', function(){
|
||||
$('.overview').animate({'width': '-=480'}, 0, function(){
|
||||
$('.tinycanvas').tinyscrollbar_update();
|
||||
});
|
||||
$(this).attr("style","");
|
||||
});
|
||||
} else {
|
||||
$('.tinycanvas').tinyscrollbar_update();
|
||||
}
|
||||
}
|
||||
$(window).on('keydown', function(){
|
||||
if($('#searchbox').val() == 'Search'){
|
||||
$('#searchbox').focus();
|
||||
}
|
||||
});
|
||||
})
|
||||
elementSetting();
|
||||
o.appname_substr('#group_wrapper .element');
|
||||
o.check_simple_layout();
|
||||
|
||||
}
|
||||
var elementSettingsData = {};
|
||||
var loadApps = function(){ //this load apps for sorting and searching
|
||||
$('#app_info').attr('style','');
|
||||
$('.search_result').hide().text("");
|
||||
$('#app_list').empty().show();
|
||||
$('#app_list').empty();
|
||||
$.getJSON("/desktop/getapplistforManager",{desktopid:o.desktopId},function(apps){
|
||||
var count = 0,
|
||||
colindex = 0,
|
||||
apps_sum = apps.length,
|
||||
col_sum;
|
||||
|
||||
col_sum = (apps_sum - (apps_sum % 4)) / 4 + 1;
|
||||
|
||||
$('#app_list')
|
||||
.css('width',col_sum * 132)
|
||||
.append('<div class="g_col g_col_w1 col'+ colindex +'"/>');
|
||||
|
||||
$.each(apps,function(i,app){
|
||||
var $app;
|
||||
count++;
|
||||
elementSettingsData[app.id] = {"sections" : app.sections};
|
||||
$app = $('<div class="element w1 h1 thmc2" data-category="'+app.data_category+'" data-title="'+app.title+'" data-author="'+app.author+'" data-version="'+app.version+'" data-update="'+app.last_update+'" data-id="'+app.id+'" data-text-color="'+app.text_color+'" data-background="'+app.background+'" ><span class="tile thmc2"></span><a href="'+app.id+'" class="appicon"><img src="'+app.icon+'" 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);
|
||||
}
|
||||
});
|
||||
var count = 0, colindex = 0;
|
||||
$('#app_list').append('<div class="g_col g_col_w1 col'+ colindex +'"/>');
|
||||
$.each(apps,function(i,app){
|
||||
var $app;
|
||||
count++;
|
||||
elementSettingsData[app.id] = {"sections" : app.sections};
|
||||
o.t[app.id] = {"sections" : app.sections};
|
||||
$app = $('<div class="element w1 h1 thmc2" data-type="'+app.data_category+'" data-title="'+app.title+'" data-author="'+app.author+'" data-version="'+app.version+'" data-update="'+app.last_update+'" data-id="'+app.id+'" ><span class="tile thmc2"></span><a href="'+app.id+'" class="appicon"><img src="'+app.icon+'" 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();
|
||||
});
|
||||
}
|
||||
@@ -1105,6 +1016,7 @@ var orbitDesktop = function(dom){
|
||||
loadApps();
|
||||
// }
|
||||
};
|
||||
this.t = {}
|
||||
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
|
||||
@@ -1715,25 +1627,6 @@ 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');
|
||||
@@ -1781,7 +1674,7 @@ var orbitDesktop = function(dom){
|
||||
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.change(function(){
|
||||
$checkbox.unbind().change(function(){
|
||||
var v = $(this).attr('checked');
|
||||
switch (v) {
|
||||
case 'checked':
|
||||
@@ -1793,9 +1686,8 @@ var orbitDesktop = function(dom){
|
||||
$status.text(status_off);
|
||||
break;
|
||||
}
|
||||
if(typeof func == "function"){
|
||||
if(typeof func == "function")
|
||||
func.call(this,$(this));
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
Reference in new issue
Block a user