1220 lines
37 KiB
JavaScript
1220 lines
37 KiB
JavaScript
/**
|
|
* Copyright (c) 2014, Arthur Schiwon <blizzz@owncloud.com>
|
|
* Copyright (c) 2014, Raghu Nayyar <beingminimal@gmail.com>
|
|
* Copyright (c) 2011, Robin Appelman <icewind1991@gmail.com>
|
|
* This file is licensed under the Affero General Public License version 3 or later.
|
|
* See the COPYING-README file.
|
|
*/
|
|
|
|
/* globals escapeHTML, GroupList, DeleteHandler, UserManagementFilter */
|
|
|
|
var $userList;
|
|
var $userListBody;
|
|
var $emptyContainer;
|
|
|
|
var UserDeleteHandler;
|
|
var UserList = {
|
|
availableGroups: [],
|
|
offset: 0,
|
|
usersToLoad: 10, //So many users will be loaded when user scrolls down
|
|
initialUsersToLoad: 50, //initial number of users to load
|
|
currentGid: '',
|
|
filter: '',
|
|
|
|
/**
|
|
* Initializes the user list
|
|
* @param $el user list table element
|
|
*/
|
|
initialize: function ($el) {
|
|
this.$el = $el;
|
|
|
|
// initially the list might already contain user entries (not fully ajaxified yet)
|
|
// initialize these entries
|
|
this.$el.find('.quota-user').singleSelect().on('change', this.onQuotaSelect);
|
|
},
|
|
|
|
/**
|
|
* Add a user row from user object
|
|
*
|
|
* @param user object containing following keys:
|
|
* {
|
|
* 'name': 'username',
|
|
* 'displayname': 'Users display name',
|
|
* 'groups': ['group1', 'group2'],
|
|
* 'subadmin': ['group4', 'group5'],
|
|
* 'quota': '10 GB',
|
|
* 'quota_bytes': '10737418240',
|
|
* 'storageLocation': '/srv/www/owncloud/data/username',
|
|
* 'lastLogin': '1418632333'
|
|
* 'backend': 'LDAP',
|
|
* 'email': 'username@example.org'
|
|
* 'isRestoreDisabled':false
|
|
* 'isEnabled': true,
|
|
* 'size': 156789
|
|
* }
|
|
*/
|
|
add: function (user) {
|
|
if (this.currentGid && this.currentGid !== '_everyone' && this.currentGid !== '_disabledUsers' && _.indexOf(user.groups, this.currentGid) < 0) {
|
|
return false;
|
|
}
|
|
|
|
var $tr = $userListBody.find('tr:first-child').clone();
|
|
// this removes just the `display:none` of the template row
|
|
$tr.removeAttr('style');
|
|
|
|
/**
|
|
* Avatar or placeholder
|
|
*/
|
|
if ($tr.find('div.avatardiv').length) {
|
|
if (user.isAvatarAvailable === true) {
|
|
$('div.avatardiv', $tr).avatar(user.name, 32, undefined, undefined, undefined, user.displayname);
|
|
} else {
|
|
$('div.avatardiv', $tr).imageplaceholder(user.displayname, undefined, 32);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* add username and displayname to row (in data and visible markup)
|
|
*/
|
|
$tr.data('uid', user.name);
|
|
$tr.data('displayname', user.displayname);
|
|
$tr.data('mailAddress', user.email);
|
|
$tr.data('restoreDisabled', user.isRestoreDisabled);
|
|
$tr.data('userEnabled', user.isEnabled);
|
|
$tr.find('.name').text(user.name);
|
|
$tr.find('td.displayName > span').text(user.displayname);
|
|
$tr.find('td.mailAddress > span').text(user.email);
|
|
$tr.find('td.displayName > .action').tooltip({placement: 'top'});
|
|
$tr.find('td.mailAddress > .action').tooltip({placement: 'top'});
|
|
$tr.find('td.password > .action').tooltip({placement: 'top'});
|
|
|
|
|
|
/**
|
|
* groups and subadmins
|
|
*/
|
|
var $tdGroups = $tr.find('td.groups');
|
|
this._updateGroupListLabel($tdGroups, user.groups);
|
|
$tdGroups.find('.action').tooltip({placement: 'top'});
|
|
|
|
var $tdSubadmins = $tr.find('td.subadmins');
|
|
this._updateGroupListLabel($tdSubadmins, user.subadmin);
|
|
$tdSubadmins.find('.action').tooltip({placement: 'top'});
|
|
|
|
/**
|
|
* user actions menu
|
|
*/
|
|
if ($tr.find('td.userActions > span > img').length === 0 && OC.currentUser !== user.name) {
|
|
var menuImage = $('<img class="svg action">').attr({
|
|
src: OC.imagePath('core', 'actions/more')
|
|
});
|
|
var menuLink = $('<span class="toggleUserActions"></span>')
|
|
.append(menuImage);
|
|
$tr.find('td.userActions > span').replaceWith(menuLink);
|
|
} else if (OC.currentUser === user.name) {
|
|
$tr.find('td.userActions').empty();
|
|
}
|
|
|
|
/**
|
|
* quota
|
|
*/
|
|
UserList.updateQuotaProgressbar($tr, user.quota_bytes, user.size);
|
|
$tr.data('size', user.size);
|
|
var $quotaSelect = $tr.find('.quota-user');
|
|
var humanSize = humanFileSize(user.size, true);
|
|
$quotaSelect.tooltip({
|
|
title: t('settings', '{size} used', {size: humanSize}, 0 , {escape: false}).replace('<', '<'),
|
|
delay: {
|
|
show: 100,
|
|
hide: 0
|
|
}
|
|
});
|
|
if (user.quota === 'default') {
|
|
$quotaSelect
|
|
.data('previous', 'default')
|
|
.find('option').attr('selected', null)
|
|
.first().attr('selected', 'selected');
|
|
} else {
|
|
var $options = $quotaSelect.find('option');
|
|
var $foundOption = $options.filterAttr('value', user.quota);
|
|
if ($foundOption.length > 0) {
|
|
$foundOption.attr('selected', 'selected');
|
|
} else {
|
|
// append before "Other" entry
|
|
$options.last().before('<option value="' + escapeHTML(user.quota) + '" selected="selected">' + escapeHTML(user.quota) + '</option>');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* storage location
|
|
*/
|
|
$tr.find('td.storageLocation').text(user.storageLocation);
|
|
|
|
/**
|
|
* user backend
|
|
*/
|
|
$tr.find('td.userBackend').text(user.backend);
|
|
|
|
/**
|
|
* last login
|
|
*/
|
|
var lastLoginRel = t('settings', 'never');
|
|
var lastLoginAbs = lastLoginRel;
|
|
if (user.lastLogin !== 0) {
|
|
lastLoginRel = OC.Util.relativeModifiedDate(user.lastLogin);
|
|
lastLoginAbs = OC.Util.formatDate(user.lastLogin);
|
|
}
|
|
var $tdLastLogin = $tr.find('td.lastLogin');
|
|
$tdLastLogin.text(lastLoginRel);
|
|
$tdLastLogin.attr('title', lastLoginAbs);
|
|
// setup tooltip with #app-content as container to prevent the td to resize on hover
|
|
$tdLastLogin.tooltip({placement: 'top', container: '#app-content'});
|
|
|
|
/**
|
|
* append generated row to user list
|
|
*/
|
|
$tr.appendTo($userList);
|
|
|
|
$quotaSelect.on('change', UserList.onQuotaSelect);
|
|
|
|
// defer init so the user first sees the list appear more quickly
|
|
window.setTimeout(function () {
|
|
$quotaSelect.singleSelect();
|
|
}, 0);
|
|
},
|
|
// From http://my.opera.com/GreyWyvern/blog/show.dml/1671288
|
|
alphanum: function (a, b) {
|
|
function chunkify (t) {
|
|
var tz = [], x = 0, y = -1, n = 0, i, j;
|
|
|
|
while (i = (j = t.charAt(x++)).charCodeAt(0)) {
|
|
var m = (i === 46 || (i >= 48 && i <= 57));
|
|
if (m !== n) {
|
|
tz[++y] = "";
|
|
n = m;
|
|
}
|
|
tz[y] += j;
|
|
}
|
|
return tz;
|
|
}
|
|
|
|
var aa = chunkify(a.toLowerCase());
|
|
var bb = chunkify(b.toLowerCase());
|
|
|
|
for (var x = 0; aa[x] && bb[x]; x++) {
|
|
if (aa[x] !== bb[x]) {
|
|
var c = Number(aa[x]), d = Number(bb[x]);
|
|
if (c === aa[x] && d === bb[x]) {
|
|
return c - d;
|
|
} else {
|
|
return (aa[x] > bb[x]) ? 1 : -1;
|
|
}
|
|
}
|
|
}
|
|
return aa.length - bb.length;
|
|
},
|
|
preSortSearchString: function (a, b) {
|
|
var pattern = this.filter;
|
|
if (typeof pattern === 'undefined') {
|
|
return undefined;
|
|
}
|
|
pattern = pattern.toLowerCase();
|
|
var aMatches = false;
|
|
var bMatches = false;
|
|
if (typeof a === 'string' && a.toLowerCase().indexOf(pattern) === 0) {
|
|
aMatches = true;
|
|
}
|
|
if (typeof b === 'string' && b.toLowerCase().indexOf(pattern) === 0) {
|
|
bMatches = true;
|
|
}
|
|
|
|
if ((aMatches && bMatches) || (!aMatches && !bMatches)) {
|
|
return undefined;
|
|
}
|
|
|
|
if (aMatches) {
|
|
return -1;
|
|
} else {
|
|
return 1;
|
|
}
|
|
},
|
|
doSort: function () {
|
|
// some browsers like Chrome lose the scrolling information
|
|
// when messing with the list elements
|
|
var lastScrollTop = this.scrollArea.scrollTop();
|
|
var lastScrollLeft = this.scrollArea.scrollLeft();
|
|
var rows = $userListBody.find('tr').get();
|
|
|
|
rows.sort(function (a, b) {
|
|
// FIXME: inefficient way of getting the names,
|
|
// better use a data attribute
|
|
a = $(a).find('.name').text();
|
|
b = $(b).find('.name').text();
|
|
var firstSort = UserList.preSortSearchString(a, b);
|
|
if (typeof firstSort !== 'undefined') {
|
|
return firstSort;
|
|
}
|
|
return OC.Util.naturalSortCompare(a, b);
|
|
});
|
|
|
|
var items = [];
|
|
$.each(rows, function (index, row) {
|
|
items.push(row);
|
|
if (items.length === 100) {
|
|
$userListBody.append(items);
|
|
items = [];
|
|
}
|
|
});
|
|
if (items.length > 0) {
|
|
$userListBody.append(items);
|
|
}
|
|
this.scrollArea.scrollTop(lastScrollTop);
|
|
this.scrollArea.scrollLeft(lastScrollLeft);
|
|
},
|
|
checkUsersToLoad: function () {
|
|
//30 shall be loaded initially, from then on always 10 upon scrolling
|
|
if (UserList.isEmpty === false) {
|
|
UserList.usersToLoad = 10;
|
|
} else {
|
|
UserList.usersToLoad = UserList.initialUsersToLoad;
|
|
}
|
|
},
|
|
empty: function () {
|
|
//one row needs to be kept, because it is cloned to add new rows
|
|
$userListBody.find('tr:not(:first)').remove();
|
|
var $tr = $userListBody.find('tr:first');
|
|
$tr.hide();
|
|
//on an update a user may be missing when the username matches with that
|
|
//of the hidden row. So change this to a random string.
|
|
$tr.data('uid', Math.random().toString(36).substring(2));
|
|
UserList.isEmpty = true;
|
|
UserList.offset = 0;
|
|
UserList.checkUsersToLoad();
|
|
},
|
|
hide: function (uid) {
|
|
UserList.getRow(uid).hide();
|
|
},
|
|
show: function (uid) {
|
|
UserList.getRow(uid).show();
|
|
},
|
|
markRemove: function (uid) {
|
|
var $tr = UserList.getRow(uid);
|
|
var groups = $tr.find('.groups').data('groups');
|
|
for (var i in groups) {
|
|
var gid = groups[i];
|
|
var $li = GroupList.getGroupLI(gid);
|
|
var userCount = GroupList.getUserCount($li);
|
|
GroupList.setUserCount($li, userCount - 1);
|
|
}
|
|
GroupList.decEveryoneCount();
|
|
UserList.hide(uid);
|
|
},
|
|
remove: function (uid) {
|
|
UserList.getRow(uid).remove();
|
|
},
|
|
undoRemove: function (uid) {
|
|
var $tr = UserList.getRow(uid);
|
|
var groups = $tr.find('.groups').data('groups');
|
|
for (var i in groups) {
|
|
var gid = groups[i];
|
|
var $li = GroupList.getGroupLI(gid);
|
|
var userCount = GroupList.getUserCount($li);
|
|
GroupList.setUserCount($li, userCount + 1);
|
|
}
|
|
GroupList.incEveryoneCount();
|
|
UserList.getRow(uid).show();
|
|
},
|
|
has: function (uid) {
|
|
return UserList.getRow(uid).length > 0;
|
|
},
|
|
getRow: function (uid) {
|
|
return $userListBody.find('tr').filter(function () {
|
|
return UserList.getUID(this) === uid;
|
|
});
|
|
},
|
|
getUID: function (element) {
|
|
return ($(element).closest('tr').data('uid') || '').toString();
|
|
},
|
|
getDisplayName: function (element) {
|
|
return ($(element).closest('tr').data('displayname') || '').toString();
|
|
},
|
|
getMailAddress: function (element) {
|
|
return ($(element).closest('tr').data('mailAddress') || '').toString();
|
|
},
|
|
getRestoreDisabled: function (element) {
|
|
return ($(element).closest('tr').data('restoreDisabled') || '');
|
|
},
|
|
getUserEnabled: function (element) {
|
|
return ($(element).closest('tr').data('userEnabled') || '');
|
|
},
|
|
initDeleteHandling: function () {
|
|
//set up handler
|
|
UserDeleteHandler = new DeleteHandler('/settings/users/users', 'username',
|
|
UserList.markRemove, UserList.remove);
|
|
|
|
//configure undo
|
|
OC.Notification.hide();
|
|
var msg = escapeHTML(t('settings', 'deleted {userName}', {userName: '%oid'})) + '<span class="undo">' +
|
|
escapeHTML(t('settings', 'undo')) + '</span>';
|
|
UserDeleteHandler.setNotification(OC.Notification, 'deleteuser', msg,
|
|
UserList.undoRemove);
|
|
|
|
//when to mark user for delete
|
|
$userListBody.on('click', '.action-remove', function () {
|
|
// Call function for handling delete/undo
|
|
var uid = UserList.getUID(this);
|
|
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(function () {
|
|
UserDeleteHandler.mark(uid);
|
|
});
|
|
return;
|
|
}
|
|
|
|
UserDeleteHandler.mark(uid);
|
|
});
|
|
|
|
//delete a marked user when leaving the page
|
|
$(window).on('beforeunload', function () {
|
|
UserDeleteHandler.deleteEntry();
|
|
});
|
|
},
|
|
update: function (gid, limit) {
|
|
if (UserList.updating) {
|
|
return;
|
|
}
|
|
if (!limit) {
|
|
limit = UserList.usersToLoad;
|
|
}
|
|
$userList.siblings('.loading').css('visibility', 'visible');
|
|
UserList.updating = true;
|
|
if (gid === undefined) {
|
|
gid = '';
|
|
}
|
|
UserList.currentGid = gid;
|
|
var pattern = this.filter;
|
|
$.get(
|
|
OC.generateUrl('/settings/users/users'),
|
|
{offset: UserList.offset, limit: limit, gid: gid, pattern: pattern},
|
|
function (result) {
|
|
//The offset does not mirror the amount of users available,
|
|
//because it is backend-dependent. For correct retrieval,
|
|
//always the limit(requested amount of users) needs to be added.
|
|
$.each(result, function (index, user) {
|
|
if (UserList.has(user.name)) {
|
|
return true;
|
|
}
|
|
UserList.add(user);
|
|
});
|
|
|
|
if (result.length > 0) {
|
|
UserList.doSort();
|
|
$userList.siblings('.loading').css('visibility', 'hidden');
|
|
// reset state on load
|
|
UserList.noMoreEntries = false;
|
|
$userListHead.show();
|
|
$emptyContainer.hide();
|
|
$emptyContainer.find('h2').text('');
|
|
}
|
|
else {
|
|
UserList.noMoreEntries = true;
|
|
$userList.siblings('.loading').remove();
|
|
|
|
if (pattern !== "") {
|
|
$userListHead.hide();
|
|
$emptyContainer.show();
|
|
$emptyContainer.find('h2').html(t('settings', 'No user found for <strong>{pattern}</strong>', {pattern: pattern}));
|
|
}
|
|
}
|
|
UserList.offset += limit;
|
|
}).always(function () {
|
|
UserList.updating = false;
|
|
});
|
|
},
|
|
|
|
applyGroupSelect: function (element, user, checked) {
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(_.bind(this.applyGroupSelect, this, element, user, checked));
|
|
return;
|
|
}
|
|
|
|
var $element = $(element);
|
|
|
|
var addUserToGroup = null,
|
|
removeUserFromGroup = null;
|
|
if (user) { // Only if in a user row, and not the #newusergroups select
|
|
var handleUserGroupMembership = function (group, add) {
|
|
if (user === OC.getCurrentUser().uid && group === 'admin') {
|
|
return false;
|
|
}
|
|
if (!OC.isUserAdmin() && checked.length === 1 && checked[0] === group) {
|
|
return false;
|
|
}
|
|
|
|
if (add && OC.isUserAdmin() && UserList.availableGroups.indexOf(group) === -1) {
|
|
GroupList.createGroup(group);
|
|
if (UserList.availableGroups.indexOf(group) === -1) {
|
|
UserList.availableGroups.push(group);
|
|
}
|
|
}
|
|
|
|
$.ajax({
|
|
url: OC.linkToOCS('cloud/users/' + user, 2) + 'groups',
|
|
data: {
|
|
groupid: group
|
|
},
|
|
type: add ? 'POST' : 'DELETE',
|
|
beforeSend: function (request) {
|
|
request.setRequestHeader('Accept', 'application/json');
|
|
},
|
|
success: function () {
|
|
GroupList.update();
|
|
if (add && UserList.availableGroups.indexOf(group) === -1) {
|
|
UserList.availableGroups.push(group);
|
|
}
|
|
|
|
if (add) {
|
|
GroupList.incGroupCount(group);
|
|
} else {
|
|
GroupList.decGroupCount(group);
|
|
}
|
|
},
|
|
error: function () {
|
|
if (add) {
|
|
OC.Notification.show(t('settings', 'Unable to add user to group {group}', {
|
|
group: group
|
|
}));
|
|
} else {
|
|
OC.Notification.show(t('settings', 'Unable to remove user from group {group}', {
|
|
group: group
|
|
}));
|
|
}
|
|
}
|
|
});
|
|
};
|
|
addUserToGroup = function (group) {
|
|
return handleUserGroupMembership(group, true);
|
|
};
|
|
removeUserFromGroup = function (group) {
|
|
return handleUserGroupMembership(group, false);
|
|
};
|
|
}
|
|
var addGroup = function (select, group) {
|
|
GroupList.addGroup(escapeHTML(group));
|
|
};
|
|
var label;
|
|
if (OC.isUserAdmin()) {
|
|
label = t('settings', 'Add group');
|
|
}
|
|
else {
|
|
label = null;
|
|
}
|
|
$element.multiSelect({
|
|
createCallback: addGroup,
|
|
createText: label,
|
|
selectedFirst: true,
|
|
checked: checked,
|
|
oncheck: addUserToGroup,
|
|
onuncheck: removeUserFromGroup,
|
|
minWidth: 100
|
|
});
|
|
},
|
|
|
|
applySubadminSelect: function (element, user, checked) {
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(_.bind(this.applySubadminSelect, this, element, user, checked));
|
|
return;
|
|
}
|
|
|
|
var $element = $(element);
|
|
var checkHandler = function (group) {
|
|
if (group === 'admin') {
|
|
return false;
|
|
}
|
|
$.post(
|
|
OC.filePath('settings', 'ajax', 'togglesubadmins.php'),
|
|
{
|
|
username: user,
|
|
group: group
|
|
},
|
|
function (response) {
|
|
if (response.data !== undefined && response.data.message) {
|
|
OC.Notification.show(response.data.message);
|
|
}
|
|
}
|
|
);
|
|
};
|
|
|
|
$element.multiSelect({
|
|
createText: null,
|
|
checked: checked,
|
|
oncheck: checkHandler,
|
|
onuncheck: checkHandler,
|
|
minWidth: 100
|
|
});
|
|
},
|
|
|
|
_onScroll: function () {
|
|
if (!!UserList.noMoreEntries) {
|
|
return;
|
|
}
|
|
if (UserList.scrollArea.scrollTop() + UserList.scrollArea.height() > UserList.scrollArea.get(0).scrollHeight - 500) {
|
|
UserList.update(UserList.currentGid);
|
|
}
|
|
},
|
|
|
|
updateQuotaProgressbar: function ($tr, quota, size) {
|
|
var usedQuota;
|
|
if (quota > 0) {
|
|
usedQuota = Math.min(100, Math.round(size / quota * 100));
|
|
} else {
|
|
var usedInGB = size / (10 * Math.pow(2, 30));
|
|
//asymptotic curve approaching 50% at 10GB to visualize used stace with infinite quota
|
|
usedQuota = 95 * (1 - (1 / (usedInGB + 1)));
|
|
}
|
|
$tr.find('.quota-user-progress').val( isNaN(usedQuota) ? 0 : usedQuota );
|
|
if (usedQuota > 80) {
|
|
$tr.find('.quota-user-progress').addClass('warn');
|
|
} else {
|
|
$tr.find('.quota-user-progress').removeClass('warn');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Event handler for when a quota has been changed through a single select.
|
|
* This will save the value.
|
|
*/
|
|
onQuotaSelect: function (ev) {
|
|
var $select = $(ev.target);
|
|
var $tr = $select.closest('tr');
|
|
const size = $tr.data('size');
|
|
var uid = UserList.getUID($select);
|
|
var quota = $select.val();
|
|
if (quota === 'other') {
|
|
return;
|
|
}
|
|
if (quota !== 'default' && quota !== "none" && OC.Util.computerFileSize(quota) === null) {
|
|
// the select component has added the bogus value, delete it again
|
|
$select.find('option[selected]').remove();
|
|
OC.Notification.showTemporary(t('core', 'Invalid quota value "{val}"', {val: quota}));
|
|
return;
|
|
}
|
|
|
|
UserList._updateQuota(uid, quota, function (returnedQuota) {
|
|
if (quota !== returnedQuota) {
|
|
$select.find(':selected').text(returnedQuota);
|
|
UserList.updateQuotaProgressbar($tr, OC.Util.computerFileSize(returnedQuota), size);
|
|
}
|
|
});
|
|
|
|
UserList.updateQuotaProgressbar($tr, OC.Util.computerFileSize(quota), size);
|
|
// remove the background color that the "other" option placed on the select
|
|
$select.css('background-color', 'transparent');
|
|
},
|
|
|
|
/**
|
|
* Saves the quota for the given user
|
|
* @param {String} [uid] optional user id, sets default quota if empty
|
|
* @param {String} quota quota value
|
|
* @param {Function} ready callback after save
|
|
*/
|
|
_updateQuota: function (uid, quota, ready) {
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(_.bind(this._updateQuota, this, uid, quota, ready));
|
|
return;
|
|
}
|
|
|
|
$.post(
|
|
OC.filePath('settings', 'ajax', 'setquota.php'),
|
|
{username: uid, quota: quota},
|
|
function (result) {
|
|
if (result.status === 'error') {
|
|
OC.Notification.showTemporary(result.data.message);
|
|
} else {
|
|
if (ready) {
|
|
ready(result.data.quota);
|
|
}
|
|
}
|
|
}
|
|
);
|
|
},
|
|
|
|
/**
|
|
* Creates a temporary jquery.multiselect selector on the given group field
|
|
*/
|
|
_triggerGroupEdit: function ($td, isSubadminSelect) {
|
|
var $groupsListContainer = $td.find('.groupsListContainer');
|
|
var placeholder = $groupsListContainer.attr('data-placeholder') || t('settings', 'no group');
|
|
var user = UserList.getUID($td);
|
|
var checked = $td.data('groups') || [];
|
|
var extraGroups = [].concat(checked);
|
|
|
|
$td.find('.multiselectoptions').remove();
|
|
|
|
// jquery.multiselect can only work with select+options in DOM ? We'll give jquery.multiselect what it wants...
|
|
var $groupsSelect;
|
|
if (isSubadminSelect) {
|
|
$groupsSelect = $('<select multiple="multiple" class="groupsselect multiselect button" title="' + placeholder + '"></select>');
|
|
} else {
|
|
$groupsSelect = $('<select multiple="multiple" class="subadminsselect multiselect button" title="' + placeholder + '"></select>')
|
|
}
|
|
|
|
function createItem (group) {
|
|
if (isSubadminSelect && group === 'admin') {
|
|
// can't become subadmin of "admin" group
|
|
return;
|
|
}
|
|
$groupsSelect.append($('<option value="' + escapeHTML(group) + '">' + escapeHTML(group) + '</option>'));
|
|
}
|
|
|
|
$.each(this.availableGroups, function (i, group) {
|
|
// some new groups might be selected but not in the available groups list yet
|
|
var extraIndex = extraGroups.indexOf(group);
|
|
if (extraIndex >= 0) {
|
|
// remove extra group as it was found
|
|
extraGroups.splice(extraIndex, 1);
|
|
}
|
|
createItem(group);
|
|
});
|
|
$.each(extraGroups, function (i, group) {
|
|
createItem(group);
|
|
});
|
|
|
|
$td.append($groupsSelect);
|
|
|
|
if (isSubadminSelect) {
|
|
UserList.applySubadminSelect($groupsSelect, user, checked);
|
|
} else {
|
|
UserList.applyGroupSelect($groupsSelect, user, checked);
|
|
}
|
|
|
|
$groupsListContainer.addClass('hidden');
|
|
$td.find('.multiselect:not(.groupsListContainer):first').click();
|
|
$groupsSelect.on('dropdownclosed', function (e) {
|
|
$groupsSelect.remove();
|
|
$td.find('.multiselect:not(.groupsListContainer)').parent().remove();
|
|
$td.find('.multiselectoptions').remove();
|
|
$groupsListContainer.removeClass('hidden');
|
|
UserList._updateGroupListLabel($td, e.checked);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Updates the groups list td with the given groups selection
|
|
*/
|
|
_updateGroupListLabel: function ($td, groups) {
|
|
var placeholder = $td.find('.groupsListContainer').attr('data-placeholder');
|
|
var $groupsEl = $td.find('.groupsList');
|
|
$groupsEl.text(groups.join(', ') || placeholder || t('settings', 'no group'));
|
|
$td.data('groups', groups);
|
|
}
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
OC.Plugins.attach('OC.Settings.UserList', UserList);
|
|
$userList = $('#userlist');
|
|
$userListBody = $userList.find('tbody');
|
|
$userListHead = $userList.find('thead');
|
|
$emptyContainer = $userList.siblings('.emptycontent');
|
|
|
|
UserList.initDeleteHandling();
|
|
|
|
// Implements User Search
|
|
OCA.Search.users = new UserManagementFilter(UserList, GroupList);
|
|
|
|
UserList.scrollArea = $('#app-content');
|
|
|
|
UserList.doSort();
|
|
UserList.availableGroups = $userList.data('groups');
|
|
|
|
UserList.scrollArea.scroll(function (e) {
|
|
UserList._onScroll(e);
|
|
});
|
|
|
|
$userList.after($('<div class="loading" style="height: 200px; visibility: hidden;"></div>'));
|
|
|
|
// TODO: move other init calls inside of initialize
|
|
UserList.initialize($('#userlist'));
|
|
|
|
var _submitPasswordChange = function (uid, password, recoveryPasswordVal, blurFunction) {
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(function () {
|
|
_submitPasswordChange(uid, password, recoveryPasswordVal, blurFunction);
|
|
});
|
|
return;
|
|
}
|
|
|
|
$.post(
|
|
OC.generateUrl('/settings/users/changepassword'),
|
|
{
|
|
username: uid,
|
|
password: password,
|
|
recoveryPassword: recoveryPasswordVal
|
|
},
|
|
function (result) {
|
|
blurFunction();
|
|
if (result.status === 'success') {
|
|
OC.Notification.showTemporary(t('admin', 'Password successfully changed'));
|
|
} else {
|
|
OC.Notification.showTemporary(t('admin', result.data.message));
|
|
}
|
|
}
|
|
).fail(blurFunction);
|
|
};
|
|
|
|
$userListBody.on('click', '.password', function (event) {
|
|
event.stopPropagation();
|
|
|
|
var $td = $(this).closest('td');
|
|
var $tr = $(this).closest('tr');
|
|
var uid = UserList.getUID($td);
|
|
var $input = $('<input type="password">');
|
|
var isRestoreDisabled = UserList.getRestoreDisabled($td) === true;
|
|
var blurFunction = function () {
|
|
$(this).replaceWith($('<span>●●●●●●●</span>'));
|
|
$td.find('img').show();
|
|
// remove highlight class from users without recovery ability
|
|
$tr.removeClass('row-warning');
|
|
};
|
|
blurFunction = _.bind(blurFunction, $input);
|
|
if (isRestoreDisabled) {
|
|
$tr.addClass('row-warning');
|
|
// add tooltip if the password change could cause data loss - no recovery enabled
|
|
$input.attr('title', t('settings', 'Changing the password will result in data loss, because data recovery is not available for this user'));
|
|
$input.tooltip({placement: 'bottom'});
|
|
}
|
|
$td.find('img').hide();
|
|
$td.children('span').replaceWith($input);
|
|
$input
|
|
.focus()
|
|
.keypress(function (event) {
|
|
if (event.keyCode === 13) {
|
|
if ($(this).val().length > 0) {
|
|
var recoveryPasswordVal = $('input:password[id="recoveryPassword"]').val();
|
|
$input.off('blur');
|
|
_submitPasswordChange(uid, $(this).val(), recoveryPasswordVal, blurFunction);
|
|
} else {
|
|
$input.blur();
|
|
}
|
|
}
|
|
})
|
|
.blur(blurFunction);
|
|
});
|
|
$('input:password[id="recoveryPassword"]').keyup(function () {
|
|
OC.Notification.hide();
|
|
});
|
|
|
|
var _submitDisplayNameChange = function ($tr, uid, displayName, blurFunction) {
|
|
var $div = $tr.find('div.avatardiv');
|
|
if ($div.length) {
|
|
$div.imageplaceholder(uid, displayName);
|
|
}
|
|
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(function () {
|
|
_submitDisplayNameChange($tr, uid, displayName, blurFunction);
|
|
});
|
|
return;
|
|
}
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: OC.generateUrl('/settings/users/{id}/displayName', {id: uid}),
|
|
data: {
|
|
username: uid,
|
|
displayName: displayName
|
|
}
|
|
}).success(function (result) {
|
|
if (result && result.status === 'success' && $div.length) {
|
|
$div.avatar(result.data.username, 32);
|
|
}
|
|
$tr.data('displayname', displayName);
|
|
blurFunction();
|
|
}).fail(function (result) {
|
|
OC.Notification.showTemporary(result.responseJSON.message);
|
|
$tr.find('.displayName input').blur(blurFunction);
|
|
});
|
|
};
|
|
|
|
$userListBody.on('click', '.displayName', function (event) {
|
|
event.stopPropagation();
|
|
var $td = $(this).closest('td');
|
|
var $tr = $td.closest('tr');
|
|
var uid = UserList.getUID($td);
|
|
var displayName = escapeHTML(UserList.getDisplayName($td));
|
|
var $input = $('<input type="text" value="' + displayName + '">');
|
|
var blurFunction = function () {
|
|
var displayName = $tr.data('displayname');
|
|
$input.replaceWith('<span>' + escapeHTML(displayName) + '</span>');
|
|
$td.find('img').show();
|
|
};
|
|
$td.find('img').hide();
|
|
$td.children('span').replaceWith($input);
|
|
$input
|
|
.focus()
|
|
.keypress(function (event) {
|
|
if (event.keyCode === 13) {
|
|
if ($(this).val().length > 0) {
|
|
$input.off('blur');
|
|
_submitDisplayNameChange($tr, uid, $(this).val(), blurFunction);
|
|
} else {
|
|
$input.blur();
|
|
}
|
|
}
|
|
})
|
|
.blur(blurFunction);
|
|
});
|
|
|
|
var _submitEmailChange = function ($tr, $td, $input, uid, mailAddress, blurFunction) {
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(function () {
|
|
_submitEmailChange($tr, $td, $input, uid, mailAddress, blurFunction);
|
|
});
|
|
return;
|
|
}
|
|
|
|
$.ajax({
|
|
type: 'PUT',
|
|
url: OC.generateUrl('/settings/users/{id}/mailAddress', {id: uid}),
|
|
data: {
|
|
mailAddress: mailAddress
|
|
}
|
|
}).success(function () {
|
|
// set data attribute to new value
|
|
// will in blur() be used to show the text instead of the input field
|
|
$tr.data('mailAddress', mailAddress);
|
|
$td.find('.loading-small').css('display', '');
|
|
$input.removeAttr('disabled')
|
|
.triggerHandler('blur'); // needed instead of $input.blur() for Firefox
|
|
blurFunction();
|
|
}).fail(function (result) {
|
|
if (!_.isUndefined(result.responseJSON.data)) {
|
|
OC.Notification.showTemporary(result.responseJSON.data.message);
|
|
} else if (!_.isUndefined(result.responseJSON.message)) {
|
|
OC.Notification.showTemporary(result.responseJSON.message);
|
|
} else {
|
|
OC.Notification.showTemporary(t('settings', 'Could not change the users email'));
|
|
}
|
|
$td.find('.loading-small').css('display', '');
|
|
$input.removeAttr('disabled')
|
|
.css('padding-right', '6px');
|
|
$input.blur(blurFunction);
|
|
});
|
|
};
|
|
|
|
$userListBody.on('click', '.mailAddress', function (event) {
|
|
event.stopPropagation();
|
|
var $td = $(this).closest('td');
|
|
var $tr = $td.closest('tr');
|
|
var uid = UserList.getUID($td);
|
|
var mailAddress = escapeHTML(UserList.getMailAddress($td));
|
|
var $input = $('<input type="text">').val(mailAddress);
|
|
var blurFunction = function () {
|
|
if ($td.find('.loading-small').css('display') === 'inline-block') {
|
|
// in Chrome the blur event is fired too early by the browser - even if the request is still running
|
|
return;
|
|
}
|
|
var $span = $('<span>').text($tr.data('mailAddress'));
|
|
$input.replaceWith($span);
|
|
$td.find('img').show();
|
|
};
|
|
$td.children('span').replaceWith($input);
|
|
$td.find('img').hide();
|
|
$input
|
|
.focus()
|
|
.keypress(function (event) {
|
|
if (event.keyCode === 13) {
|
|
// enter key
|
|
|
|
$td.find('.loading-small').css('display', 'inline-block');
|
|
$input.css('padding-right', '26px');
|
|
$input.attr('disabled', 'disabled');
|
|
$input.off('blur');
|
|
_submitEmailChange($tr, $td, $input, uid, $(this).val(), blurFunction);
|
|
}
|
|
})
|
|
.blur(blurFunction);
|
|
});
|
|
|
|
$('#newuser .groupsListContainer').on('click', function (event) {
|
|
event.stopPropagation();
|
|
var $div = $(this).closest('.groups');
|
|
UserList._triggerGroupEdit($div);
|
|
});
|
|
$userListBody.on('click', '.groups .groupsListContainer, .subadmins .groupsListContainer', function (event) {
|
|
event.stopPropagation();
|
|
var $td = $(this).closest('td');
|
|
var isSubadminSelect = $td.hasClass('subadmins');
|
|
UserList._triggerGroupEdit($td, isSubadminSelect);
|
|
});
|
|
|
|
$userListBody.on('click', '.toggleUserActions', function (event) {
|
|
event.stopPropagation();
|
|
var $td = $(this).closest('td');
|
|
var $tr = $($td).closest('tr');
|
|
var menudiv = $tr.find('.popovermenu');
|
|
|
|
if ($tr.is('.active')) {
|
|
$tr.removeClass('active');
|
|
menudiv.removeClass('open');
|
|
return;
|
|
}
|
|
$('#userlist tr.active').removeClass('active');
|
|
$('#userlist .popovermenu').removeClass('open');
|
|
menudiv.addClass('open');
|
|
menudiv.find('.action-togglestate').empty();
|
|
if ($tr.data('userEnabled')) {
|
|
$('.action-togglestate', $td).html('<span class="icon icon-close"></span><span>' + t('settings', 'Disable') + '</span>');
|
|
} else {
|
|
$('.action-togglestate', $td).html('<span class="icon icon-add"></span><span>' + t('settings', 'Enable') + '</span>');
|
|
}
|
|
$tr.addClass('active');
|
|
});
|
|
|
|
$(document).on('mouseup', function () {
|
|
$('#userlist tr.active').removeClass('active');
|
|
$('#userlist .popovermenu.open').removeClass('open');
|
|
});
|
|
|
|
$userListBody.on('click', '.action-togglestate', function (event) {
|
|
event.stopPropagation();
|
|
var $td = $(this).closest('td');
|
|
var $tr = $td.closest('tr');
|
|
var uid = UserList.getUID($td);
|
|
var setEnabled = UserList.getUserEnabled($td) ? 0 : 1;
|
|
$.post(
|
|
OC.generateUrl('/settings/users/{id}/setEnabled', {id: uid}),
|
|
{username: uid, enabled: setEnabled},
|
|
function (result) {
|
|
if (result && result.status === 'success') {
|
|
var count = GroupList.getUserCount(GroupList.getGroupLI('_disabledUsers'));
|
|
$tr.remove();
|
|
if (result.data.enabled == 1) {
|
|
$tr.data('userEnabled', true);
|
|
GroupList.setUserCount(GroupList.getGroupLI('_disabledUsers'), count - 1);
|
|
} else {
|
|
$tr.data('userEnabled', false);
|
|
GroupList.setUserCount(GroupList.getGroupLI('_disabledUsers'), count + 1);
|
|
}
|
|
} else {
|
|
OC.dialogs.alert(result.data.message, t('settings', 'Error while changing status of {user}', {user: uid}));
|
|
}
|
|
}
|
|
).fail(function (result) {
|
|
var message = 'Unknown error';
|
|
if (result.responseJSON &&
|
|
result.responseJSON.data &&
|
|
result.responseJSON.data.message) {
|
|
message = result.responseJSON.data.message;
|
|
}
|
|
OC.dialogs.alert(message, t('settings', 'Error while changing status of {user}', {user: uid}));
|
|
});
|
|
});
|
|
|
|
// init the quota field select box after it is shown the first time
|
|
$('#app-settings').one('show', function () {
|
|
$(this).find('#default_quota').singleSelect().on('change', UserList.onQuotaSelect);
|
|
});
|
|
|
|
$('#newuser input').click(function () {
|
|
// empty the container also here to avoid visual delay
|
|
$emptyContainer.hide();
|
|
OC.Search = new OCA.Search($('#searchbox'), $('#searchresults'));
|
|
OC.Search.clear();
|
|
});
|
|
|
|
UserList._updateGroupListLabel($('#newuser .groups'), []);
|
|
var _submitNewUserForm = function (event) {
|
|
event.preventDefault();
|
|
if (OC.PasswordConfirmation.requiresPasswordConfirmation()) {
|
|
OC.PasswordConfirmation.requirePasswordConfirmation(function () {
|
|
_submitNewUserForm(event);
|
|
});
|
|
return;
|
|
}
|
|
|
|
var username = $('#newusername').val();
|
|
var password = $('#newuserpassword').val();
|
|
var email = $('#newemail').val();
|
|
if ($.trim(username) === '') {
|
|
OC.Notification.showTemporary(t('settings', 'Error creating user: {message}', {
|
|
message: t('settings', 'A valid username must be provided')
|
|
}));
|
|
return false;
|
|
}
|
|
if ($.trim(password) === '' && !$('#CheckboxMailOnUserCreate').is(':checked')) {
|
|
OC.Notification.showTemporary(t('settings', 'Error creating user: {message}', {
|
|
message: t('settings', 'A valid password must be provided')
|
|
}));
|
|
return false;
|
|
}
|
|
if (!$('#CheckboxMailOnUserCreate').is(':checked')) {
|
|
email = '';
|
|
}
|
|
if ($('#CheckboxMailOnUserCreate').is(':checked') && $.trim(email) === '') {
|
|
OC.Notification.showTemporary(t('settings', 'Error creating user: {message}', {
|
|
message: t('settings', 'A valid email must be provided')
|
|
}));
|
|
return false;
|
|
}
|
|
|
|
var promise;
|
|
if (UserDeleteHandler) {
|
|
promise = UserDeleteHandler.deleteEntry();
|
|
} else {
|
|
promise = $.Deferred().resolve().promise();
|
|
}
|
|
|
|
promise.then(function () {
|
|
var groups = $('#newuser .groups').data('groups') || [];
|
|
$.post(
|
|
OC.generateUrl('/settings/users/users'),
|
|
{
|
|
username: username,
|
|
password: password,
|
|
groups: groups,
|
|
email: email
|
|
},
|
|
function (result) {
|
|
if (result.groups) {
|
|
for (var i in result.groups) {
|
|
var gid = result.groups[i];
|
|
if (UserList.availableGroups.indexOf(gid) === -1) {
|
|
UserList.availableGroups.push(gid);
|
|
}
|
|
var $li = GroupList.getGroupLI(gid);
|
|
var userCount = GroupList.getUserCount($li);
|
|
GroupList.setUserCount($li, userCount + 1);
|
|
}
|
|
}
|
|
if (!UserList.has(username)) {
|
|
UserList.add(result);
|
|
UserList.doSort();
|
|
}
|
|
$('#newusername').focus();
|
|
GroupList.incEveryoneCount();
|
|
}).fail(function (result) {
|
|
OC.Notification.showTemporary(t('settings', 'Error creating user: {message}', {
|
|
message: result.responseJSON.message
|
|
}, undefined, {escape: false}));
|
|
}).success(function () {
|
|
$('#newuser').get(0).reset();
|
|
});
|
|
});
|
|
};
|
|
$('#newuser').submit(_submitNewUserForm);
|
|
|
|
if ($('#CheckboxStorageLocation').is(':checked')) {
|
|
$("#userlist .storageLocation").show();
|
|
}
|
|
// Option to display/hide the "Storage location" column
|
|
$('#CheckboxStorageLocation').click(function () {
|
|
if ($('#CheckboxStorageLocation').is(':checked')) {
|
|
$("#userlist .storageLocation").show();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_storage_location', 'true');
|
|
}
|
|
} else {
|
|
$("#userlist .storageLocation").hide();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_storage_location', 'false');
|
|
}
|
|
}
|
|
});
|
|
|
|
if ($('#CheckboxLastLogin').is(':checked')) {
|
|
$("#userlist .lastLogin").show();
|
|
}
|
|
// Option to display/hide the "Last Login" column
|
|
$('#CheckboxLastLogin').click(function () {
|
|
if ($('#CheckboxLastLogin').is(':checked')) {
|
|
$("#userlist .lastLogin").show();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_last_login', 'true');
|
|
}
|
|
} else {
|
|
$("#userlist .lastLogin").hide();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_last_login', 'false');
|
|
}
|
|
}
|
|
});
|
|
|
|
if ($('#CheckboxEmailAddress').is(':checked')) {
|
|
$("#userlist .mailAddress").show();
|
|
}
|
|
// Option to display/hide the "Mail Address" column
|
|
$('#CheckboxEmailAddress').click(function () {
|
|
if ($('#CheckboxEmailAddress').is(':checked')) {
|
|
$("#userlist .mailAddress").show();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_email', 'true');
|
|
}
|
|
} else {
|
|
$("#userlist .mailAddress").hide();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_email', 'false');
|
|
}
|
|
}
|
|
});
|
|
|
|
if ($('#CheckboxUserBackend').is(':checked')) {
|
|
$("#userlist .userBackend").show();
|
|
}
|
|
// Option to display/hide the "User Backend" column
|
|
$('#CheckboxUserBackend').click(function () {
|
|
if ($('#CheckboxUserBackend').is(':checked')) {
|
|
$("#userlist .userBackend").show();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_backend', 'true');
|
|
}
|
|
} else {
|
|
$("#userlist .userBackend").hide();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_show_backend', 'false');
|
|
}
|
|
}
|
|
});
|
|
|
|
if ($('#CheckboxMailOnUserCreate').is(':checked')) {
|
|
$("#newemail").show();
|
|
}
|
|
// Option to display/hide the "E-Mail" input field
|
|
$('#CheckboxMailOnUserCreate').click(function () {
|
|
if ($('#CheckboxMailOnUserCreate').is(':checked')) {
|
|
$("#newemail").show();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_send_email', 'true');
|
|
}
|
|
} else {
|
|
$("#newemail").hide();
|
|
if (OC.isUserAdmin()) {
|
|
OCP.AppConfig.setValue('core', 'umgmt_send_email', 'false');
|
|
}
|
|
}
|
|
});
|
|
|
|
// calculate initial limit of users to load
|
|
var initialUserCountLimit = UserList.initialUsersToLoad,
|
|
containerHeight = $('#app-content').height();
|
|
if (containerHeight > 40) {
|
|
initialUserCountLimit = Math.floor(containerHeight / 40);
|
|
if (initialUserCountLimit < UserList.initialUsersToLoad) {
|
|
initialUserCountLimit = UserList.initialUsersToLoad;
|
|
}
|
|
}
|
|
//realign initialUserCountLimit with usersToLoad as a safeguard
|
|
while ((initialUserCountLimit % UserList.usersToLoad) !== 0) {
|
|
// must be a multiple of this, otherwise LDAP freaks out.
|
|
// FIXME: solve this in LDAP backend in 8.1
|
|
initialUserCountLimit = initialUserCountLimit + 1;
|
|
}
|
|
|
|
// trigger loading of users on startup
|
|
UserList.update(UserList.currentGid, initialUserCountLimit);
|
|
|
|
_.defer(function () {
|
|
$('#app-content').trigger($.Event('apprendered'));
|
|
});
|
|
|
|
});
|