refactor delete handling and apply it to users and groups

This commit is contained in:
Arthur Schiwon 2014-02-26 18:04:55 +01:00
parent b6b133237a
commit b3d68fc175
6 changed files with 226 additions and 123 deletions

View File

@ -668,6 +668,7 @@ OC.Notification={
callback.call(); callback.call();
} }
$('#notification').empty(); $('#notification').empty();
console.log('OCNO EMPTY');
if(OC.Notification.queuedNotifications.length > 0){ if(OC.Notification.queuedNotifications.length > 0){
OC.Notification.showHtml(OC.Notification.queuedNotifications[0]); OC.Notification.showHtml(OC.Notification.queuedNotifications[0]);
OC.Notification.queuedNotifications.shift(); OC.Notification.queuedNotifications.shift();

View File

@ -4,6 +4,7 @@ OCP\JSON::callCheck();
OC_JSON::checkAdminUser(); OC_JSON::checkAdminUser();
$groupname = $_POST["groupname"]; $groupname = $_POST["groupname"];
$l = OC_L10N::get('core');
// Does the group exist? // Does the group exist?
if( in_array( $groupname, OC_Group::getGroups())) { if( in_array( $groupname, OC_Group::getGroups())) {

View File

@ -0,0 +1,153 @@
/**
* Copyright (c) 2014, Arthur Schiwon <blizzz@owncloud.com>
* This file is licensed under the Affero General Public License version 3 or later.
* See the COPYING-README file.
*/
/**
* @brief takes care of deleting things represented by an ID
* @param String endpoint: the corresponding ajax PHP script. Currently limited
* to settings - ajax path.
* @param String paramID: the by the script expected parameter name holding the
* ID of the object to delete
* @param Function markCallback: the function to be called after successfully
* marking the object for deletion.
* @param Function removeCallback: the function to be called after successful
* delete. The id of the object will be passed as argument. Insuccessful
* operations will display an error using OC.dialogs, no callback is fired.
*/
function DeleteHandler(endpoint, paramID, markCallback, removeCallback) {
this.oidToDelete = false;
this.canceled = false;
this.ajaxEndpoint = endpoint;
this.ajaxParamID = paramID;
this.markCallback = markCallback;
this.removeCallback = removeCallback;
this.undoCallback = false;
this.notifier = false;
this.notificationDataID = false;
this.notificationMessage = false;
this.notificationPlaceholder = '%oid';
}
/**
* @brief enabled the notification system. Required for undo UI.
* @param Object notifier: Usually OC.Notification
* @param String dataID: an identifier for the notificatior, e.g. 'deleteuser'
* @param String message: the message that should be shown upon delete. %oid
* will be replaced with the affected id of the item to be deleted
* @param Function undoCb: called after "undo" was clicked so consument can
* update the web interface
*/
DeleteHandler.prototype.setNotification = function(notifier, dataID, message, undoCb) {
this.notifier = notifier;
this.notificationDataID = dataID;
this.notificationMessage = message;
this.undoCallback = undoCb;
dh = this;
$('#notification').on('click', '.undo', function () {
if ($('#notification').data(dh.notificationDataID)) {
oid = dh.oidToDelete;
UserDeleteHandler.cancel();
if(typeof dh.undoCallback !== 'undefined') {
dh.undoCallback(oid);
}
}
dh.notifier.hide();
});
}
/**
* @brief shows the Undo Notification (if configured)
*/
DeleteHandler.prototype.showNotification = function() {
if(this.notifier !== false) {
if(!this.notifier.isHidden()) {
this.hideNotification();
}
$('#notification').data(this.notificationDataID, true);
msg = this.notificationMessage.replace(this.notificationPlaceholder,
this.oidToDelete);
console.log('NOTISHOW ' + msg);
this.notifier.showHtml(msg);
}
}
/**
* @brief hides the Undo Notification
*/
DeleteHandler.prototype.hideNotification = function() {
if(this.notifier !== false) {
$('#notification').removeData(this.notificationDataID);
this.notifier.hide();
}
}
/**
* @brief initilizes the delete operation for a given object id
* @param String oid: the object id
*/
DeleteHandler.prototype.mark = function(oid) {
if(this.oidToDelete !== false) {
this.delete();
}
this.oidToDelete = oid;
this.canceled = false;
this.markCallback(oid);
this.showNotification();
}
/**
* @brief cancels a delete operation
*/
DeleteHandler.prototype.cancel = function(oid) {
this.canceled = true;
this.oidToDelete = false;
}
/**
* @brief executes a delete operation. Requires that the operation has been
* initilized by mark(). On error, it will show a message via
* OC.dialogs.alert. On success, a callback is fired so that the client can
* update the web interface accordingly.
*/
DeleteHandler.prototype.delete = function() {
if(this.canceled || this.oidToDelete === false) {
return false;
}
dh = this;
console.log($('#notification').data(this.notificationDataID));
if($('#notification').data(this.notificationDataID) === true) {
dh.hideNotification();
console.log('HIDDEN NOTI');
}
payload = {};
payload[dh['ajaxParamID']] = dh.oidToDelete;
$.ajax({
type: 'POST',
url: OC.filePath('settings', 'ajax', dh.ajaxEndpoint),
async: false,
data: payload,
success: function (result) {
if (result.status === 'success') {
// Remove undo option, & remove user from table
//TODO: following line
dh.removeCallback(dh.oidToDelete);
dh.canceled = true;
console.log(dh.ajaxEndpoint);
} else {
OC.dialogs.alert(result.data.message, t('settings', 'Unable to delete ' + escapeHTML(dh.oidToDelete)));
dh.undoCallback(dh.oidToDelete);
}
}
});
}

View File

@ -61,19 +61,6 @@
) )
}, },
delete_group: function (gid) {
if(GroupList.deleteGid !=='undefined') {
GroupList.finishDelete(null);
}
//Set the undo flag
GroupList.deleteCanceled = false;
//Provide an option to undo
$('#notification').data('deletegroup', true);
OC.Notification.showHtml(t('settings', 'deleted') + ' ' + escapeHTML(gid) + '<span class="undo">' + t('settings', 'undo') + '</span>');
},
elementBelongsToAddGroup: function(el) { elementBelongsToAddGroup: function(el) {
return !(el !== $('#newgroup-form').get(0) return !(el !== $('#newgroup-form').get(0)
&& $('#newgroup-form').find($(el)).length === 0); && $('#newgroup-form').find($(el)).length === 0);
@ -124,40 +111,44 @@
return true; return true;
}, },
finishDelete: function (ready) { hide: function(gid) {
if (!GroupList.deleteCanceled && GroupList.deleteGid) { $('li[data-gid="' + gid + '"]').hide();
$.ajax({ },
type: 'POST', show: function(gid) {
url: OC.filePath('settings', 'ajax', 'removegroup.php'), $('li[data-gid="' + gid + '"]').show();
async: false, },
data: { groupname: GroupList.deleteGid }, remove: function(gid) {
success: function (result) { $('li').filterAttr('data-gid', gid).remove();
if (result.status === 'success') { },
// Remove undo option, & remove user from table initDeleteHandling: function() {
OC.Notification.hide(); //set up handler
$('li').filterAttr('data-gid', GroupList.deleteGid).remove(); GroupDeleteHandler = new DeleteHandler('removegroup.php', 'groupname',
GroupList.deleteCanceled = true; GroupList.hide, GroupList.remove);
if (ready) {
ready();
}
} else {
OC.dialogs.alert(result.data.message, t('settings', 'Unable to remove group'));
}
}
});
}
//configure undo
OC.Notification.hide();
msg = t('settings', 'deleted') + ' %oid <span class="undo">' +
t('settings', 'undo') + '</span>';
GroupDeleteHandler.setNotification(OC.Notification, 'deletegroup', msg,
GroupList.show);
//when to mark user for delete
$('ul').on('click', 'span.utils>a', function (event) {
// Call function for handling delete/undo
gid = $(this).parent().parent().attr('data-gid');
GroupDeleteHandler.mark(gid);
});
console.log('init del groups');
//delete a marked user when leaving the page
$(window).on('beforeunload', function () {
GroupDeleteHandler.delete();
});
}, },
} }
$(document).ready( function () { $(document).ready( function () {
$('ul').on('click', 'span.utils>a', function (event) { GroupList.initDeleteHandling();
var li = $(this).parent().parent();
var gid = $(li).attr('data-gid');
$(li).hide();
// Call function for handling delete/undo on Groups
GroupList.delete_group(gid);
});
// Display or hide of Create Group List Element // Display or hide of Create Group List Element
$('#newgroup-form').hide(); $('#newgroup-form').hide();
@ -191,7 +182,6 @@ $(document).ready( function () {
$('ul').on('click', 'li[data-gid]', function (event) { $('ul').on('click', 'li[data-gid]', function (event) {
var li = $(this); var li = $(this);
var gid = $(li).attr('data-gid'); var gid = $(li).attr('data-gid');
// Call function for handling delete/undo on Groups
GroupList.showGroup(gid); GroupList.showGroup(gid);
}); });

View File

@ -5,7 +5,6 @@
*/ */
var UserList = { var UserList = {
useUndo: true,
availableGroups: [], availableGroups: [],
offset: 30, //The first 30 users are there. No prob, if less in total. offset: 30, //The first 30 users are there. No prob, if less in total.
//hardcoded in settings/users.php //hardcoded in settings/users.php
@ -13,65 +12,6 @@ var UserList = {
usersToLoad: 10, //So many users will be loaded when user scrolls down usersToLoad: 10, //So many users will be loaded when user scrolls down
currentGid: '', currentGid: '',
/**
* @brief Initiate user deletion process in UI
* @param string uid the user ID to be deleted
*
* Does not actually delete the user; it sets them for
* deletion when the current page is unloaded, at which point
* finishDelete() completes the process. This allows for 'undo'.
*/
do_delete: function (uid) {
if (typeof UserList.deleteUid !== 'undefined') {
//Already a user in the undo queue
UserList.finishDelete(null);
}
UserList.deleteUid = uid;
// Set undo flag
UserList.deleteCanceled = false;
// Provide user with option to undo
$('#notification').data('deleteuser', true);
OC.Notification.showHtml(t('settings', 'deleted') + ' ' + escapeHTML(uid) + '<span class="undo">' + t('settings', 'undo') + '</span>');
},
/**
* @brief Delete a user via ajax
* @param bool ready whether to use ready() upon completion
*
* Executes deletion via ajax of user identified by property deleteUid
* if 'undo' has not been used. Completes the user deletion procedure
* and reflects success in UI.
*/
finishDelete: function (ready) {
// Check deletion has not been undone
if (!UserList.deleteCanceled && UserList.deleteUid) {
// Delete user via ajax
$.ajax({
type: 'POST',
url: OC.filePath('settings', 'ajax', 'removeuser.php'),
async: false,
data: { username: UserList.deleteUid },
success: function (result) {
if (result.status === 'success') {
// Remove undo option, & remove user from table
OC.Notification.hide();
$('tr').filterAttr('data-uid', UserList.deleteUid).remove();
UserList.deleteCanceled = true;
if (ready) {
ready();
}
} else {
OC.dialogs.alert(result.data.message, t('settings', 'Unable to remove user'));
}
}
});
}
},
add: function (username, displayname, groups, subadmin, quota, storageLocation, lastLogin, sort) { add: function (username, displayname, groups, subadmin, quota, storageLocation, lastLogin, sort) {
var tr = $('tbody tr').first().clone(); var tr = $('tbody tr').first().clone();
var subadminsEl; var subadminsEl;
@ -229,6 +169,40 @@ var UserList = {
UserList.isEmpty = true; UserList.isEmpty = true;
UserList.offset = 0; UserList.offset = 0;
}, },
hide: function(uid) {
$('tr[data-uid="' + uid + '"]').hide();
},
show: function(uid) {
$('tr[data-uid="' + uid + '"]').show();
},
remove: function(uid) {
$('tr').filterAttr('data-uid', uid).remove();
},
initDeleteHandling: function() {
//set up handler
UserDeleteHandler = new DeleteHandler('removeuser.php', 'username',
UserList.hide, UserList.remove);
//configure undo
OC.Notification.hide();
msg = t('settings', 'deleted') + ' %oid <span class="undo">' +
t('settings', 'undo') + '</span>';
UserDeleteHandler.setNotification(OC.Notification, 'deleteuser', msg,
UserList.show);
//when to mark user for delete
$('table').on('click', 'td.remove>a', function (event) {
// Call function for handling delete/undo
uid = $(this).parent().parent().attr('data-uid');
UserDeleteHandler.mark(uid);
});
//delete a marked user when leaving the page
console.log('init del users');
$(window).on('beforeunload', function () {
UserDeleteHandler.delete();
});
},
update: function (gid) { update: function (gid) {
if (UserList.updating) { if (UserList.updating) {
return; return;
@ -394,6 +368,7 @@ function setQuota (uid, quota, ready) {
} }
$(document).ready(function () { $(document).ready(function () {
UserList.initDeleteHandling();
UserList.doSort(); UserList.doSort();
UserList.availableGroups = $('#content table').data('groups'); UserList.availableGroups = $('#content table').data('groups');
@ -405,13 +380,7 @@ $(document).ready(function () {
UserList.applyMultiplySelect($(element)); UserList.applyMultiplySelect($(element));
}); });
$('table').on('click', 'td.remove>a', function (event) {
var row = $(this).parent().parent();
var uid = $(row).attr('data-uid');
$(row).hide();
// Call function for handling delete/undo
UserList.do_delete(uid);
});
$('table').on('click', 'td.password>img', function (event) { $('table').on('click', 'td.password>img', function (event) {
event.stopPropagation(); event.stopPropagation();
@ -568,17 +537,5 @@ $(document).ready(function () {
}); });
}); });
// Handle undo notifications
OC.Notification.hide();
$('#notification').on('click', '.undo', function () {
if ($('#notification').data('deleteuser')) {
$('tbody tr').filterAttr('data-uid', UserList.deleteUid).show();
UserList.deleteCanceled = true;
}
OC.Notification.hide();
});
UserList.useUndo = ('onbeforeunload' in window);
$(window).bind('beforeunload', function () {
UserList.finishDelete(null);
});
}); });

View File

@ -8,6 +8,7 @@
OC_Util::checkSubAdminUser(); OC_Util::checkSubAdminUser();
// We have some javascript foo! // We have some javascript foo!
OC_Util::addScript('settings', 'users/deleteHandler');
OC_Util::addScript( 'settings', 'users/users' ); OC_Util::addScript( 'settings', 'users/users' );
OC_Util::addScript( 'settings', 'users/groups' ); OC_Util::addScript( 'settings', 'users/groups' );
OC_Util::addScript( 'core', 'multiselect' ); OC_Util::addScript( 'core', 'multiselect' );