425 lines
15 KiB
JavaScript
425 lines
15 KiB
JavaScript
'use strict';
|
|
|
|
angular.module('Application').controller('UsersController', ['$scope', '$location', 'Client', function ($scope, $location, Client) {
|
|
Client.onReady(function () { if (!Client.getUserInfo().admin) $location.path('/'); });
|
|
|
|
$scope.ready = false;
|
|
$scope.users = [];
|
|
$scope.groups = [];
|
|
$scope.groupsById = { };
|
|
$scope.config = Client.getConfig();
|
|
$scope.userInfo = Client.getUserInfo();
|
|
$scope.mailConfig = {};
|
|
|
|
$scope.userremove = {
|
|
busy: false,
|
|
error: {},
|
|
userInfo: {},
|
|
password: '',
|
|
|
|
show: function (userInfo) {
|
|
$scope.userremove.error.username = null;
|
|
$scope.userremove.error.password = null;
|
|
$scope.userremove.password = '';
|
|
$scope.userremove.userInfo = userInfo;
|
|
|
|
$scope.userremove_form.$setPristine();
|
|
$scope.userremove_form.$setUntouched();
|
|
|
|
$('#userRemoveModal').modal('show');
|
|
},
|
|
|
|
submit: function () {
|
|
$scope.userremove.error.password = null;
|
|
$scope.userremove.busy = true;
|
|
|
|
Client.removeUser($scope.userremove.userInfo.id, $scope.userremove.password, function (error) {
|
|
$scope.userremove.busy = false;
|
|
|
|
if (error && error.statusCode === 403) {
|
|
$scope.userremove.error.password = 'Wrong password';
|
|
$scope.userremove.password = '';
|
|
$scope.userremove_form.password.$setPristine();
|
|
$('#inputUserRemovePassword').focus();
|
|
return;
|
|
}
|
|
if (error) return console.error('Unable to delete user.', error);
|
|
|
|
$scope.userremove.userInfo = {};
|
|
$scope.userremove.password = '';
|
|
|
|
$scope.userremove_form.$setPristine();
|
|
$scope.userremove_form.$setUntouched();
|
|
|
|
refresh();
|
|
|
|
$('#userRemoveModal').modal('hide');
|
|
});
|
|
}
|
|
};
|
|
|
|
$scope.useradd = {
|
|
busy: false,
|
|
alreadyTaken: false,
|
|
error: {},
|
|
email: '',
|
|
username: '',
|
|
displayName: '',
|
|
sendInvite: true,
|
|
|
|
show: function () {
|
|
$scope.useradd.error = {};
|
|
$scope.useradd.email = '';
|
|
$scope.useradd.username = '';
|
|
$scope.useradd.displayName = '';
|
|
|
|
$scope.useradd_form.$setUntouched();
|
|
$scope.useradd_form.$setPristine();
|
|
|
|
$('#userAddModal').modal('show');
|
|
},
|
|
|
|
submit: function () {
|
|
$scope.useradd.busy = true;
|
|
|
|
$scope.useradd.alreadyTaken = false;
|
|
$scope.useradd.error.email = null;
|
|
$scope.useradd.error.username = null;
|
|
$scope.useradd.error.displayName = null;
|
|
|
|
Client.createUser($scope.useradd.username || null, $scope.useradd.email, $scope.useradd.displayName, $scope.useradd.sendInvite, function (error) {
|
|
$scope.useradd.busy = false;
|
|
|
|
if (error && error.statusCode === 409) {
|
|
if (error.message.toLowerCase().indexOf('email') !== -1) {
|
|
$scope.useradd.error.email = 'Email already taken';
|
|
$scope.useradd_form.email.$setPristine();
|
|
$('#inputUserAddEmail').focus();
|
|
} else if (error.message.toLowerCase().indexOf('username') !== -1 || error.message.toLowerCase().indexOf('mailbox') !== -1) {
|
|
$scope.useradd.error.username = 'Username already taken';
|
|
$scope.useradd_form.username.$setPristine();
|
|
$('#inputUserAddUsername').focus();
|
|
} else {
|
|
// should not happen!!
|
|
console.error(error.message);
|
|
}
|
|
return;
|
|
}
|
|
if (error && error.statusCode === 400) {
|
|
if (error.message.toLowerCase().indexOf('email') !== -1) {
|
|
$scope.useradd.error.email = 'Invalid Email';
|
|
$scope.useradd.error.emailAttempted = $scope.useradd.email;
|
|
$scope.useradd_form.email.$setPristine();
|
|
$('#inputUserAddEmail').focus();
|
|
} else if (error.message.toLowerCase().indexOf('username') !== -1) {
|
|
$scope.useradd.error.username = error.message;
|
|
$scope.useradd_form.username.$setPristine();
|
|
$('#inputUserAddUsername').focus();
|
|
} else {
|
|
console.error('Unable to create user.', error.statusCode, error.message);
|
|
}
|
|
return;
|
|
}
|
|
if (error) return console.error('Unable to create user.', error.statusCode, error.message);
|
|
|
|
$scope.useradd.error = {};
|
|
$scope.useradd.email = '';
|
|
$scope.useradd.username = '';
|
|
$scope.useradd.displayName = '';
|
|
|
|
$scope.useradd_form.$setUntouched();
|
|
$scope.useradd_form.$setPristine();
|
|
|
|
refresh();
|
|
|
|
$('#userAddModal').modal('hide');
|
|
});
|
|
}
|
|
};
|
|
|
|
$scope.useredit = {
|
|
busy: false,
|
|
error: {},
|
|
userInfo: {},
|
|
email: '',
|
|
aliases: '',
|
|
superuser: false,
|
|
|
|
show: function (userInfo) {
|
|
$scope.useredit.error = {};
|
|
$scope.useredit.email = userInfo.alternateEmail || userInfo.email;
|
|
$scope.useredit.userInfo = userInfo;
|
|
$scope.useredit.groupIds = angular.copy(userInfo.groupIds);
|
|
$scope.useredit.superuser = userInfo.groupIds.indexOf('admin') !== -1;
|
|
|
|
$scope.useredit.aliases = '';
|
|
|
|
Client.getAliases(userInfo.id, function (error, aliases) {
|
|
if (error) console.error(error);
|
|
|
|
$scope.useredit.aliases = aliases.join(',');
|
|
});
|
|
|
|
$scope.useredit_form.$setPristine();
|
|
$scope.useredit_form.$setUntouched();
|
|
|
|
// clear any alias error when the model changes. this is required because tagInput directive is not angular forms aware
|
|
// http://blog.revolunet.com/blog/2013/11/28/create-resusable-angularjs-input-component/ has some notes on how to do that
|
|
$scope.$watch('useredit.aliases', function () {
|
|
$scope.useredit.error.aliases = null;
|
|
});
|
|
|
|
$('#userEditModal').modal('show');
|
|
},
|
|
|
|
toggleGroup: function (group) {
|
|
var pos = $scope.useredit.groupIds.indexOf(group.id);
|
|
if (pos === -1) {
|
|
$scope.useredit.groupIds.push(group.id);
|
|
} else {
|
|
$scope.useredit.groupIds.splice(pos, 1);
|
|
}
|
|
},
|
|
|
|
submit: function () {
|
|
$scope.useredit.error = {};
|
|
$scope.useredit.busy = true;
|
|
|
|
var data = {
|
|
id: $scope.useredit.userInfo.id,
|
|
email: $scope.useredit.email
|
|
};
|
|
|
|
Client.updateUser(data, function (error) {
|
|
if (error) {
|
|
$scope.useredit.busy = false;
|
|
|
|
if (error.statusCode === 409) {
|
|
$scope.useredit.error.email = 'Email already taken';
|
|
$scope.useredit_form.email.$setPristine();
|
|
$('#inputUserEditEmail').focus();
|
|
} else {
|
|
console.error('Unable to update user:', error);
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
if ($scope.useredit.superuser) {
|
|
if ($scope.useredit.groupIds.indexOf('admin') === -1) $scope.useredit.groupIds.push('admin');
|
|
} else {
|
|
$scope.useredit.groupIds = $scope.useredit.groupIds.filter(function (groupId) { return groupId !== 'admin'; });
|
|
}
|
|
|
|
Client.setGroups(data.id, $scope.useredit.groupIds, function (error) {
|
|
if (error) return console.error('Unable to update groups for user:', error);
|
|
|
|
var aliases = $scope.useredit.aliases ? $scope.useredit.aliases.split(',') : [ ];
|
|
var setAliasesFunc = Client.setAliases.bind(null, $scope.useredit.userInfo.id, aliases);
|
|
|
|
// cannot set aliases without username
|
|
if (!$scope.useredit.userInfo.username) setAliasesFunc = function (next) { return next(); };
|
|
|
|
setAliasesFunc(function (error) {
|
|
$scope.useredit.busy = false;
|
|
|
|
if (error) {
|
|
if (error.statusCode === 400) {
|
|
$scope.useredit.error.aliases = 'One or more aliases is invalid';
|
|
} else if (error.statusCode === 409) {
|
|
$scope.useredit.error.aliases = 'One or more aliases already taken';
|
|
} else {
|
|
console.error('Unable to update aliases for user:', error);
|
|
}
|
|
return;
|
|
}
|
|
|
|
$scope.useredit.userInfo = {};
|
|
$scope.useredit.email = '';
|
|
$scope.useredit.superuser = false;
|
|
$scope.useredit.groupIds = [];
|
|
$scope.useredit.aliases = '';
|
|
|
|
$scope.useredit_form.$setPristine();
|
|
$scope.useredit_form.$setUntouched();
|
|
|
|
refresh();
|
|
|
|
$('#userEditModal').modal('hide');
|
|
});
|
|
});
|
|
});
|
|
}
|
|
};
|
|
|
|
$scope.showBubble = function ($event) {
|
|
$($event.target).tooltip('show');
|
|
|
|
setTimeout(function () {
|
|
$($event.target).tooltip('hide');
|
|
}, 2000);
|
|
};
|
|
|
|
$scope.groupAdd = {
|
|
busy: false,
|
|
error: {},
|
|
name: '',
|
|
|
|
show: function () {
|
|
$scope.groupAdd.busy = false;
|
|
|
|
$scope.groupAdd.error = {};
|
|
$scope.groupAdd.name = '';
|
|
|
|
$scope.groupAddForm.$setUntouched();
|
|
$scope.groupAddForm.$setPristine();
|
|
|
|
$('#groupAddModal').modal('show');
|
|
},
|
|
|
|
submit: function () {
|
|
$scope.groupAdd.busy = true;
|
|
$scope.groupAdd.error = {};
|
|
|
|
Client.createGroup($scope.groupAdd.name, function (error) {
|
|
$scope.groupAdd.busy = false;
|
|
|
|
if (error && error.statusCode === 409) {
|
|
$scope.groupAdd.error.name = 'Name already taken';
|
|
$scope.groupAddForm.name.$setPristine();
|
|
$('#groupAddName').focus();
|
|
return;
|
|
}
|
|
if (error && error.statusCode === 400) {
|
|
$scope.groupAdd.error.name = error.message;
|
|
$scope.groupAddForm.name.$setPristine();
|
|
$('#groupAddName').focus();
|
|
return;
|
|
}
|
|
if (error) return console.error('Unable to create group.', error.statusCode, error.message);
|
|
|
|
refresh();
|
|
$('#groupAddModal').modal('hide');
|
|
});
|
|
}
|
|
};
|
|
|
|
$scope.inviteSent = {
|
|
email: '',
|
|
setupLink: ''
|
|
};
|
|
|
|
$scope.groupRemove = {
|
|
busy: false,
|
|
error: {},
|
|
group: null,
|
|
password: '',
|
|
memberCount: 0,
|
|
|
|
show: function (group) {
|
|
$scope.groupRemove.busy = false;
|
|
|
|
$scope.groupRemove.error = {};
|
|
$scope.groupRemove.password = '';
|
|
|
|
$scope.groupRemove.group = angular.copy(group);
|
|
|
|
$scope.groupRemoveForm.$setUntouched();
|
|
$scope.groupRemoveForm.$setPristine();
|
|
|
|
Client.getGroup(group.id, function (error, result) {
|
|
if (error) return console.error('Unable to fetch group information.', error.statusCode, error.message);
|
|
|
|
$scope.groupRemove.memberCount = result.userIds.length;
|
|
|
|
$('#groupRemoveModal').modal('show');
|
|
});
|
|
},
|
|
|
|
submit: function () {
|
|
$scope.groupRemove.busy = true;
|
|
$scope.groupRemove.error = {};
|
|
|
|
Client.removeGroup($scope.groupRemove.group.id, $scope.groupRemove.password, function (error) {
|
|
$scope.groupRemove.busy = false;
|
|
|
|
if (error && error.statusCode === 403) {
|
|
$scope.groupRemove.error.password = 'Wrong password';
|
|
$scope.groupRemove.password = '';
|
|
$scope.groupRemoveForm.password.$setPristine();
|
|
$('#groupRemovePasswordInput').focus();
|
|
return;
|
|
}
|
|
if (error) return console.error('Unable to remove group.', error.statusCode, error.message);
|
|
|
|
refresh();
|
|
$('#groupRemoveModal').modal('hide');
|
|
});
|
|
}
|
|
};
|
|
|
|
$scope.isMe = function (user) {
|
|
return user.username === Client.getUserInfo().username;
|
|
};
|
|
|
|
$scope.isAdmin = function (user) {
|
|
return !!user.admin;
|
|
};
|
|
|
|
$scope.sendInvite = function (user) {
|
|
$scope.inviteSent.email = user.alternateEmail || user.email;
|
|
$scope.inviteSent.setupLink = '';
|
|
|
|
Client.sendInvite(user, function (error, resetToken) {
|
|
if (error) return console.error(error);
|
|
|
|
// Client.notify('', 'Invitation was successfully sent to ' + user.email + '.', false, 'success');
|
|
|
|
$scope.inviteSent.setupLink = location.origin + '/api/v1/session/account/setup.html?reset_token=' + resetToken;
|
|
$('#inviteSentModal').modal('show');
|
|
});
|
|
};
|
|
|
|
function refresh() {
|
|
Client.getGroups(function (error, result) {
|
|
if (error) return console.error('Unable to get group listing.', error);
|
|
|
|
$scope.groups = result;
|
|
$scope.groupsById = { };
|
|
for (var i = 0; i < result.length; i++) {
|
|
$scope.groupsById[result[i].id] = result[i];
|
|
}
|
|
|
|
Client.getUsers(function (error, result) {
|
|
if (error) return console.error('Unable to get user listing.', error);
|
|
|
|
$scope.users = result;
|
|
|
|
$scope.ready = true;
|
|
});
|
|
});
|
|
}
|
|
|
|
function getMailConfig() {
|
|
Client.getMailConfig(function (error, mailConfig) {
|
|
if (error) return console.error(error);
|
|
|
|
$scope.mailConfig = mailConfig;
|
|
});
|
|
}
|
|
|
|
Client.onReady(function () {
|
|
getMailConfig();
|
|
refresh();
|
|
});
|
|
|
|
// setup all the dialog focus handling
|
|
['userAddModal', 'userRemoveModal', 'userEditModal', 'groupAddModal', 'groupRemoveModal'].forEach(function (id) {
|
|
$('#' + id).on('shown.bs.modal', function () {
|
|
$(this).find("[autofocus]:first").focus();
|
|
});
|
|
});
|
|
|
|
$('.modal-backdrop').remove();
|
|
}]);
|