62bac7de91
* happened when an app gets activated, because the new appended HTML doesn't contain the loading image * fixes #15806
492 lines
16 KiB
JavaScript
492 lines
16 KiB
JavaScript
/* global Handlebars */
|
|
|
|
Handlebars.registerHelper('score', function() {
|
|
if(this.score) {
|
|
var score = Math.round( this.score / 10 );
|
|
var imageName = 'rating/s' + score + '.png';
|
|
|
|
return new Handlebars.SafeString('<img src="' + OC.imagePath('core', imageName) + '">');
|
|
}
|
|
return new Handlebars.SafeString('');
|
|
});
|
|
Handlebars.registerHelper('level', function() {
|
|
if(typeof this.level !== 'undefined') {
|
|
if(this.level === 200) {
|
|
return new Handlebars.SafeString('<span class="official icon-checkmark">Official</span>');
|
|
} else if(this.level === 100) {
|
|
return new Handlebars.SafeString('<span class="approved">Approved</span>');
|
|
} else {
|
|
return new Handlebars.SafeString('<span class="experimental">Experimental</span>');
|
|
}
|
|
}
|
|
});
|
|
|
|
OC.Settings = OC.Settings || {};
|
|
OC.Settings.Apps = OC.Settings.Apps || {
|
|
setupGroupsSelect: function($elements) {
|
|
OC.Settings.setupGroupsSelect($elements, {
|
|
placeholder: t('core', 'All')
|
|
});
|
|
},
|
|
|
|
State: {
|
|
currentCategory: null,
|
|
apps: null
|
|
},
|
|
|
|
loadCategories: function() {
|
|
if (this._loadCategoriesCall) {
|
|
this._loadCategoriesCall.abort();
|
|
}
|
|
|
|
var categories = [
|
|
{displayName: 'Enabled', id: '0'}
|
|
];
|
|
|
|
var source = $("#categories-template").html();
|
|
var template = Handlebars.compile(source);
|
|
var html = template(categories);
|
|
$('#apps-categories').html(html);
|
|
|
|
OC.Settings.Apps.loadCategory(0);
|
|
|
|
this._loadCategoriesCall = $.ajax(OC.generateUrl('settings/apps/categories'), {
|
|
data:{},
|
|
type:'GET',
|
|
success:function (jsondata) {
|
|
var html = template(jsondata);
|
|
$('#apps-categories').html(html);
|
|
$('#app-category-' + OC.Settings.Apps.State.currentCategory).addClass('active');
|
|
},
|
|
complete: function() {
|
|
$('#app-navigation').removeClass('icon-loading');
|
|
}
|
|
});
|
|
|
|
},
|
|
|
|
loadCategory: function(categoryId) {
|
|
if (OC.Settings.Apps.State.currentCategory === categoryId) {
|
|
return;
|
|
}
|
|
if (this._loadCategoryCall) {
|
|
this._loadCategoryCall.abort();
|
|
}
|
|
$('#apps-list')
|
|
.addClass('icon-loading')
|
|
.removeClass('hidden')
|
|
.html('');
|
|
$('#apps-list-empty').addClass('hidden');
|
|
$('#app-category-' + OC.Settings.Apps.State.currentCategory).removeClass('active');
|
|
$('#app-category-' + categoryId).addClass('active');
|
|
OC.Settings.Apps.State.currentCategory = categoryId;
|
|
|
|
this._loadCategoryCall = $.ajax(OC.generateUrl('settings/apps/list?category={categoryId}', {
|
|
categoryId: categoryId
|
|
}), {
|
|
type:'GET',
|
|
success: function (apps) {
|
|
OC.Settings.Apps.State.apps = _.indexBy(apps.apps, 'id');
|
|
var source = $("#app-template").html();
|
|
var template = Handlebars.compile(source);
|
|
|
|
if (apps.apps.length) {
|
|
apps.apps.sort(function(a,b) {
|
|
return b.level - a.level;
|
|
});
|
|
|
|
var firstExperimental = false;
|
|
_.each(apps.apps, function(app) {
|
|
if(app.level === 0 && firstExperimental === false) {
|
|
firstExperimental = true;
|
|
OC.Settings.Apps.renderApp(app, template, null, true);
|
|
} else {
|
|
OC.Settings.Apps.renderApp(app, template, null, false);
|
|
}
|
|
});
|
|
} else {
|
|
$('#apps-list').addClass('hidden');
|
|
$('#apps-list-empty').removeClass('hidden');
|
|
}
|
|
|
|
$('.app-level .official').tipsy({fallback: t('core', 'Official apps are developed by and within the ownCloud community. They offer functionality central to ownCloud and are ready for production use.')});
|
|
$('.app-level .approved').tipsy({fallback: t('core', 'Approved apps are developed by trusted developers and have passed a cursory security check. They are actively maintained in an open code repository and their maintainers deem them to be stable for casual to normal use.')});
|
|
$('.app-level .experimental').tipsy({fallback: t('core', 'This app is not checked for security issues and is new or known to be unstable. Install on your own risk.')});
|
|
},
|
|
complete: function() {
|
|
$('#apps-list').removeClass('icon-loading');
|
|
}
|
|
});
|
|
},
|
|
|
|
renderApp: function(app, template, selector, firstExperimental) {
|
|
if (!template) {
|
|
var source = $("#app-template").html();
|
|
template = Handlebars.compile(source);
|
|
}
|
|
if (typeof app === 'string') {
|
|
app = OC.Settings.Apps.State.apps[app];
|
|
}
|
|
app.firstExperimental = firstExperimental;
|
|
|
|
var html = template(app);
|
|
if (selector) {
|
|
selector.html(html);
|
|
} else {
|
|
$('#apps-list').append(html);
|
|
}
|
|
|
|
var page = $('#app-' + app.id);
|
|
|
|
// image loading kung-fu
|
|
if (app.preview) {
|
|
var currentImage = new Image();
|
|
currentImage.src = app.preview;
|
|
|
|
currentImage.onload = function() {
|
|
page.find('.app-image')
|
|
.append(this)
|
|
.fadeIn();
|
|
};
|
|
}
|
|
|
|
// set group select properly
|
|
if(OC.Settings.Apps.isType(app, 'filesystem') || OC.Settings.Apps.isType(app, 'prelogin') ||
|
|
OC.Settings.Apps.isType(app, 'authentication') || OC.Settings.Apps.isType(app, 'logging')) {
|
|
page.find(".groups-enable").hide();
|
|
page.find("label[for='groups_enable-"+app.id+"']").hide();
|
|
page.find(".groups-enable").attr('checked', null);
|
|
} else {
|
|
page.find('#group_select').val((app.groups || []).join('|'));
|
|
if (app.active) {
|
|
if (app.groups.length) {
|
|
OC.Settings.Apps.setupGroupsSelect(page.find('#group_select'));
|
|
page.find(".groups-enable").attr('checked','checked');
|
|
} else {
|
|
page.find(".groups-enable").attr('checked', null);
|
|
}
|
|
page.find(".groups-enable").show();
|
|
page.find("label[for='groups_enable-"+app.id+"']").show();
|
|
} else {
|
|
page.find(".groups-enable").hide();
|
|
page.find("label[for='groups_enable-"+app.id+"']").hide();
|
|
}
|
|
}
|
|
},
|
|
|
|
isType: function(app, type){
|
|
return app.types && app.types.indexOf(type) !== -1;
|
|
},
|
|
|
|
enableApp:function(appId, active, element, groups) {
|
|
OC.Settings.Apps.hideErrorMessage(appId);
|
|
groups = groups || [];
|
|
var appItem = $('div#app-'+appId+'');
|
|
element.val(t('settings','Please wait....'));
|
|
if(active && !groups.length) {
|
|
$.post(OC.filePath('settings','ajax','disableapp.php'),{appid:appId},function(result) {
|
|
if(!result || result.status !== 'success') {
|
|
if (result.data && result.data.message) {
|
|
OC.Settings.Apps.showErrorMessage(appId, result.data.message);
|
|
appItem.data('errormsg', result.data.message);
|
|
} else {
|
|
OC.Settings.Apps.showErrorMessage(appId, t('settings', 'Error while disabling app'));
|
|
appItem.data('errormsg', t('settings', 'Error while disabling app'));
|
|
}
|
|
element.val(t('settings','Disable'));
|
|
appItem.addClass('appwarning');
|
|
} else {
|
|
appItem.data('active',false);
|
|
appItem.data('groups', '');
|
|
element.data('active',false);
|
|
OC.Settings.Apps.removeNavigation(appId);
|
|
appItem.removeClass('active');
|
|
element.val(t('settings','Enable'));
|
|
element.parent().find(".groups-enable").hide();
|
|
element.parent().find("#groups_enable-"+appId).hide();
|
|
element.parent().find("label[for='groups_enable-"+appId+"']").hide();
|
|
element.parent().find('#group_select').hide().val(null);
|
|
OC.Settings.Apps.State.apps[appId].active = false;
|
|
}
|
|
},'json');
|
|
} else {
|
|
$.post(OC.filePath('settings','ajax','enableapp.php'),{appid: appId, groups: groups},function(result) {
|
|
if(!result || result.status !== 'success') {
|
|
if (result.data && result.data.message) {
|
|
OC.Settings.Apps.showErrorMessage(appId, result.data.message);
|
|
appItem.data('errormsg', result.data.message);
|
|
} else {
|
|
OC.Settings.Apps.showErrorMessage(appId, t('settings', 'Error while enabling app'));
|
|
appItem.data('errormsg', t('settings', 'Error while disabling app'));
|
|
}
|
|
element.val(t('settings','Enable'));
|
|
appItem.addClass('appwarning');
|
|
} else {
|
|
OC.Settings.Apps.addNavigation(appId);
|
|
appItem.data('active',true);
|
|
element.data('active',true);
|
|
appItem.addClass('active');
|
|
element.val(t('settings','Disable'));
|
|
var app = OC.Settings.Apps.State.apps[appId];
|
|
app.active = true;
|
|
|
|
if (OC.Settings.Apps.isType(app, 'filesystem') || OC.Settings.Apps.isType(app, 'prelogin') ||
|
|
OC.Settings.Apps.isType(app, 'authentication') || OC.Settings.Apps.isType(app, 'logging')) {
|
|
element.parent().find(".groups-enable").attr('checked', null);
|
|
element.parent().find("#groups_enable-"+appId).hide();
|
|
element.parent().find("label[for='groups_enable-"+appId+"']").hide();
|
|
element.parent().find(".groups-enable").hide();
|
|
element.parent().find("#groups_enable-"+appId).hide();
|
|
element.parent().find("label[for='groups_enable-"+appId+"']").hide();
|
|
element.parent().find('#group_select').hide().val(null);
|
|
} else {
|
|
element.parent().find("#groups_enable-"+appId).show();
|
|
element.parent().find("label[for='groups_enable-"+appId+"']").show();
|
|
if (groups) {
|
|
appItem.data('groups', JSON.stringify(groups));
|
|
} else {
|
|
appItem.data('groups', '');
|
|
}
|
|
}
|
|
}
|
|
},'json')
|
|
.fail(function() {
|
|
OC.Settings.Apps.showErrorMessage(appId, t('settings', 'Error while enabling app'));
|
|
appItem.data('errormsg', t('settings', 'Error while enabling app'));
|
|
appItem.data('active',false);
|
|
appItem.addClass('appwarning');
|
|
OC.Settings.Apps.removeNavigation(appId);
|
|
element.val(t('settings','Enable'));
|
|
});
|
|
}
|
|
},
|
|
|
|
updateApp:function(appId, element) {
|
|
var oldButtonText = element.val();
|
|
element.val(t('settings','Updating....'));
|
|
OC.Settings.Apps.hideErrorMessage(appId);
|
|
$.post(OC.filePath('settings','ajax','updateapp.php'),{appid:appId},function(result) {
|
|
if(!result || result.status !== 'success') {
|
|
if (result.data && result.data.message) {
|
|
OC.Settings.Apps.showErrorMessage(appId, result.data.message);
|
|
} else {
|
|
OC.Settings.Apps.showErrorMessage(appId, t('settings','Error while updating app'));
|
|
}
|
|
element.val(oldButtonText);
|
|
}
|
|
else {
|
|
element.val(t('settings','Updated'));
|
|
element.hide();
|
|
}
|
|
},'json');
|
|
},
|
|
|
|
uninstallApp:function(appId, element) {
|
|
OC.Settings.Apps.hideErrorMessage(appId);
|
|
element.val(t('settings','Uninstalling ....'));
|
|
$.post(OC.filePath('settings','ajax','uninstallapp.php'),{appid:appId},function(result) {
|
|
if(!result || result.status !== 'success') {
|
|
OC.Settings.Apps.showErrorMessage(appId, t('settings','Error while uninstalling app'));
|
|
element.val(t('settings','Uninstall'));
|
|
} else {
|
|
OC.Settings.Apps.removeNavigation(appId);
|
|
element.parent().fadeOut(function() {
|
|
element.remove();
|
|
});
|
|
}
|
|
},'json');
|
|
},
|
|
|
|
removeNavigation: function(appId){
|
|
$.getJSON(OC.filePath('settings', 'ajax', 'navigationdetect.php'), {app: appId}).done(function(response){
|
|
if(response.status === 'success'){
|
|
var navIds=response.nav_ids;
|
|
for(var i=0; i< navIds.length; i++){
|
|
$('#apps ul').children('li[data-id="'+navIds[i]+'"]').remove();
|
|
}
|
|
}
|
|
});
|
|
},
|
|
addNavigation: function(appid){
|
|
$.getJSON(OC.filePath('settings', 'ajax', 'navigationdetect.php'), {app: appid}).done(function(response){
|
|
if(response.status === 'success'){
|
|
var navEntries=response.nav_entries;
|
|
for(var i=0; i< navEntries.length; i++){
|
|
var entry = navEntries[i];
|
|
var container = $('#apps ul');
|
|
|
|
if(container.children('li[data-id="'+entry.id+'"]').length === 0){
|
|
var li=$('<li></li>');
|
|
li.attr('data-id', entry.id);
|
|
var img= $('<img class="app-icon"/>').attr({ src: entry.icon});
|
|
var a=$('<a></a>').attr('href', entry.href);
|
|
var filename=$('<span></span>');
|
|
var loading = $('<div class="icon-loading-dark"></div>').css('display', 'none');
|
|
filename.text(entry.name);
|
|
a.prepend(filename);
|
|
a.prepend(loading);
|
|
a.prepend(img);
|
|
li.append(a);
|
|
|
|
// append the new app as last item in the list
|
|
// which is the "add apps" entry with the id
|
|
// #apps-management
|
|
$('#apps-management').before(li);
|
|
|
|
// scroll the app navigation down
|
|
// so the newly added app is seen
|
|
$('#navigation').animate({
|
|
scrollTop: $('#navigation').height()
|
|
}, 'slow');
|
|
|
|
// draw attention to the newly added app entry
|
|
// by flashing it twice
|
|
$('#header .menutoggle')
|
|
.animate({opacity: 0.5})
|
|
.animate({opacity: 1})
|
|
.animate({opacity: 0.5})
|
|
.animate({opacity: 1})
|
|
.animate({opacity: 0.75});
|
|
|
|
if (!OC.Util.hasSVGSupport() && entry.icon.match(/\.svg$/i)) {
|
|
$(img).addClass('svg');
|
|
OC.Util.replaceSVG();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
showErrorMessage: function(appId, message) {
|
|
$('div#app-'+appId+' .warning')
|
|
.show()
|
|
.text(message);
|
|
},
|
|
|
|
hideErrorMessage: function(appId) {
|
|
$('div#app-'+appId+' .warning')
|
|
.hide()
|
|
.text('');
|
|
},
|
|
|
|
filter: function(query) {
|
|
query = query.toLowerCase();
|
|
$('#apps-list').find('.section').addClass('hidden');
|
|
|
|
var apps = _.filter(OC.Settings.Apps.State.apps, function (app) {
|
|
return app.name.toLowerCase().indexOf(query) !== -1;
|
|
});
|
|
|
|
apps = apps.concat(_.filter(OC.Settings.Apps.State.apps, function (app) {
|
|
return app.description.toLowerCase().indexOf(query) !== -1;
|
|
}));
|
|
|
|
apps = _.uniq(apps, function(app){return app.id;});
|
|
|
|
_.each(apps, function (app) {
|
|
$('#app-' + app.id).removeClass('hidden');
|
|
});
|
|
|
|
$('#searchresults').hide();
|
|
},
|
|
|
|
/**
|
|
* Initializes the apps list
|
|
*/
|
|
initialize: function($el) {
|
|
OC.Plugins.register('OCA.Search', OC.Settings.Apps.Search);
|
|
OC.Settings.Apps.loadCategories();
|
|
|
|
$(document).on('click', 'ul#apps-categories li', function () {
|
|
var categoryId = $(this).data('categoryId');
|
|
OC.Settings.Apps.loadCategory(categoryId);
|
|
});
|
|
|
|
$(document).on('click', '.app-description-toggle-show', function () {
|
|
$(this).addClass('hidden');
|
|
$(this).siblings('.app-description-toggle-hide').removeClass('hidden');
|
|
$(this).siblings('.app-description-container').slideDown();
|
|
});
|
|
$(document).on('click', '.app-description-toggle-hide', function () {
|
|
$(this).addClass('hidden');
|
|
$(this).siblings('.app-description-toggle-show').removeClass('hidden');
|
|
$(this).siblings('.app-description-container').slideUp();
|
|
});
|
|
|
|
$(document).on('click', '#apps-list input.enable', function () {
|
|
var appId = $(this).data('appid');
|
|
var element = $(this);
|
|
var active = $(this).data('active');
|
|
|
|
OC.Settings.Apps.enableApp(appId, active, element);
|
|
});
|
|
|
|
$(document).on('click', '#apps-list input.uninstall', function () {
|
|
var appId = $(this).data('appid');
|
|
var element = $(this);
|
|
|
|
OC.Settings.Apps.uninstallApp(appId, element);
|
|
});
|
|
|
|
$(document).on('click', '#apps-list input.update', function () {
|
|
var appId = $(this).data('appid');
|
|
var element = $(this);
|
|
|
|
OC.Settings.Apps.updateApp(appId, element);
|
|
});
|
|
|
|
$(document).on('change', '#group_select', function() {
|
|
var element = $(this).parent().find('input.enable');
|
|
var groups = $(this).val();
|
|
if (groups && groups !== '') {
|
|
groups = groups.split('|');
|
|
} else {
|
|
groups = [];
|
|
}
|
|
|
|
var appId = element.data('appid');
|
|
if (appId) {
|
|
OC.Settings.Apps.enableApp(appId, false, element, groups);
|
|
OC.Settings.Apps.State.apps[appId].groups = groups;
|
|
}
|
|
});
|
|
|
|
$(document).on('change', ".groups-enable", function() {
|
|
var $select = $(this).parent().find('#group_select');
|
|
$select.val('');
|
|
|
|
if (this.checked) {
|
|
OC.Settings.Apps.setupGroupsSelect($select);
|
|
} else {
|
|
$select.select2('destroy');
|
|
}
|
|
|
|
$select.change();
|
|
});
|
|
|
|
$(document).on('click', '#enable-experimental-apps', function () {
|
|
var state = $(this).prop('checked')
|
|
$.ajax(OC.generateUrl('settings/apps/experimental'), {
|
|
data: {state: state},
|
|
type: 'POST',
|
|
success:function () {
|
|
location.reload();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|
|
|
|
OC.Settings.Apps.Search = {
|
|
attach: function (search) {
|
|
search.setFilter('settings', OC.Settings.Apps.filter);
|
|
}
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
// HACK: FIXME: use plugin approach
|
|
if (!window.TESTING) {
|
|
OC.Settings.Apps.initialize($('#apps-list'));
|
|
}
|
|
});
|