%PDF-
%PDF-
Mini Shell
Mini Shell
define('page/admin/userEdit', [
'aui',
'jquery',
'underscore',
'util/ajax',
'util/error',
'util/flash-notifications',
'util/navbuilder',
'widget/confirm-dialog',
'widget/delete-dialog',
'widget/submit-spinner',
'widget/user-avatar-form',
'feature/user/user-groups-table',
'exports'
], function(
_aui,
$,
_,
ajax,
errorUtil,
flashNotifications,
navBuilder,
ConfirmDialog,
DeleteDialog,
SubmitSpinner,
UserAvatarForm,
UserGroupsTable,
exports
) {
'use strict';
function notify(content) {
var $notification = $('.content-body .notifications');
$notification.empty().html(content);
}
function notifySuccess(message) {
notify(widget.aui.message.success({ content: message }));
}
function setErrorSpan(fieldSelector, message) {
$(fieldSelector).parent(".field-group").append($("<span class='error'></span>").text(message));
}
function clearErrors() {
$('.panel-details .error, .content-body .notifications > .error').remove();
}
function notifyErrors(errors) {
if (_.isArray(errors)) {
_.each(errors, function(error) {
if (error.message && error.context && error.context === 'email') {
setErrorSpan("#email", error.message);
} else if (error.message && error.context && error.context === 'displayName') {
setErrorSpan("#fullname", error.message);
} else if (error.message) {
notify(widget.aui.message.error({ content: _aui.escapeHtml(error.message) }));
} else {
notify(widget.aui.message.error({ content: _aui.escapeHtml(error) }));
}
});
} else if (_.isString(errors)) {
notify(widget.aui.message.error({ content: _aui.escapeHtml(errors) }));
}
}
// dialog to confirm the deletion of the user
function initialiseDeleteDialog(deleteLink) {
DeleteDialog.bind(deleteLink,
AJS.I18n.getText('stash.web.users.delete'),
AJS.I18n.getText('stash.web.users.delete.success'),
AJS.I18n.getText('stash.web.users.delete.fail'),
function(name) {
flashNotifications.addNotification(AJS.I18n.getText('stash.web.users.delete.success', name));
window.location = navBuilder.admin().users().build();
return false; // don't notify on view page, wait for page-pop
}, function() {
return $('#fullname').val();
});
}
function initialiseClearCaptchaDialog(clearCaptchaLink) {
var $panelContent = $(stash.admin.users.clearCaptchaDialog({ displayName : $('#fullname').val() }));
var confirmDialog = new ConfirmDialog({
id: "clear-captcha-dialog",
titleText: AJS.I18n.getText('stash.web.users.captcha.clear'),
panelContent: $panelContent,
submitText: AJS.I18n.getText('stash.web.button.clear')
}, { type: 'DELETE' });
confirmDialog.attachTo(clearCaptchaLink);
confirmDialog.addConfirmListener(function(promise) {
promise.done(function() {
$(clearCaptchaLink).remove();
confirmDialog.destroy();
notifySuccess(AJS.I18n.getText('stash.web.users.captcha.cleared'));
});
});
}
// dialog to change the password
function initialisePasswordDialog(user, passwordLink) {
$(passwordLink).click(function (e) {
e.preventDefault();
var $form = $(stash.admin.users.passwordResetForm({}));
var dialog = new _aui.Dialog({
width: 433,
id: 'change-password-dialog',
closeOnOutsideClick: false,
keypressListener: function (e) {
// AUIDialog.updateHeight() rebinds the keypressListener at every call, even if it's already bound to the event;
// thus we need to have jQuery stops the immediate propagation of the event to prevent successive invocations.
// For example, the sequence dialog.show().updateHeight().updateHeight() would have the handler bound three times.
e.stopImmediatePropagation();
if (e.keyCode === $.ui.keyCode.ENTER) {
e.preventDefault();
$(this).find('.button-panel-submit-button').click();
} else if (e.keyCode === $.ui.keyCode.ESCAPE) {
e.preventDefault();
dialog.remove();
}
}
});
dialog.addHeader(_aui.escapeHtml(AJS.I18n.getText('stash.web.users.change.password.dialog', user.name)));
dialog.addPanel('content', $form);
dialog.addSubmit(AJS.I18n.getText('stash.web.button.save'), function (dialog) {
var $spinner = new SubmitSpinner($(dialog.getPage(0).buttonpanel).find('.button-panel-submit-button'), 'before').show();
dialog.disable(); // Prevent double submission
var buttonPanel = dialog.getPage(0).buttonpanel;
buttonPanel.addClass('disabled');
ajax.rest({
url: $form.attr('action'),
type: 'PUT',
data: _.extend({ name: user.name }, ajax.formToJSON($form)),
statusCode: {
'*': function() {
return false;
/* this is already a popup: handle all the errors locally */
}
}
}).always(function() {
$spinner.remove();
}).done(function () {
dialog.remove();
notifySuccess(AJS.I18n.getText('stash.web.users.password.update.success'));
}).fail(function (xhr, textStatus, errorThrown, data) {
dialog.enable();
buttonPanel.removeClass('disabled');
errorUtil.setFormErrors($form,
(data && data.errors && data.errors[0] && data.errors[0].message) ?
data.errors :
[
{ message: AJS.I18n.getText('stash.web.users.change.password.failure') }
]
);
dialog.updateHeight();
});
});
dialog.addCancel(AJS.I18n.getText('stash.web.button.cancel'), function (dialog) {
dialog.remove();
});
dialog.show();
dialog.updateHeight();
});
}
// dialog to rename the user
function initialiseRenameDialog(user, renameLink) {
$(renameLink).click(function (e) {
e.preventDefault();
var $form = $(stash.admin.users.renameUserForm({}));
var dialog = new _aui.Dialog({
width: 433,
id: 'rename-user-dialog',
closeOnOutsideClick: false,
keypressListener: function (e) {
// AUIDialog.updateHeight() rebinds the keypressListener at every call, even if it's already bound to the event;
// thus we need to have jQuery stops the immediate propagation of the event to prevent successive invocations.
// For example, the sequence dialog.show().updateHeight().updateHeight() would have the handler bound three times.
e.stopImmediatePropagation();
if (e.keyCode === $.ui.keyCode.ENTER) {
e.preventDefault();
$(this).find('.button-panel-submit-button').click();
} else if (e.keyCode === $.ui.keyCode.ESCAPE) {
e.preventDefault();
dialog.remove();
}
}
});
dialog.addHeader(AJS.I18n.getText('stash.web.users.rename.user.dialog', user.name));
dialog.addPanel('content', $form);
dialog.addSubmit(AJS.I18n.getText('stash.web.button.save'), function (dialog) {
var $spinner = new SubmitSpinner($('.button-panel-submit-button', dialog.getPage(0).buttonpanel), 'before').show();
dialog.disable(); // Prevent double submission
var buttonPanel = dialog.getPage(0).buttonpanel;
buttonPanel.addClass('disabled');
ajax.rest({
url: $form.attr('action'),
type: 'POST',
data: _.extend({ name: user.name }, ajax.formToJSON($form)),
statusCode: {
'*': function () {
return false;
/* this is already a popup: handle all the errors locally */
}
}
}).always(function () {
$spinner.remove();
}).done(function (renamedUser) {
flashNotifications.addNotification(AJS.I18n.getText('stash.web.users.rename.success'));
location.href = navBuilder.admin().users().view(renamedUser.name).build();
}).fail(function (xhr, textStatus, errorThrown, data) {
dialog.enable();
buttonPanel.removeClass('disabled');
errorUtil.setFormErrors($form,
(data && data.errors && data.errors[0] && data.errors[0].message) ?
data.errors :
[
{ message: AJS.I18n.getText('stash.web.users.rename.failure') }
]);
dialog.updateHeight();
});
});
dialog.addCancel(AJS.I18n.getText('stash.web.button.cancel'), function (dialog) {
dialog.remove();
});
dialog.show();
dialog.updateHeight();
});
}
// form for editing user details
function initialiseForm() {
// utility functions
function rollback($form) {
$form.find('input[type=text]').each(function() {
var $this = $(this);
$this.val($this.data('rollback'));
});
}
function updateDetails($form, data) {
$form.find('#fullname').val(data.displayName);
$form.find('#email').val(data.emailAddress);
$form.find('input[type=text]').each(function() {
var $this = $(this);
$this.data('rollback', $this.val());
});
}
function closeEditDetails($form) {
$form.removeClass('editing').find('#fullname, #email').attr('readonly', 'readonly');
$('#ajax-status-message').empty();
clearErrors();
}
// event bindings
$('#edit-details').click(function(e) {
$('.panel-details form.editable').addClass('editing').find('#fullname, #email').removeAttr('readonly');
if (e.target.id !== 'email') {
$('#fullname', '.panel-details form.editable').focus();
}
e.preventDefault();
});
$('.panel-details form.editable').keyup(function(e) {
if(e.which === $.ui.keyCode.ENTER) {
$('.save', this).click();
} else if (e.which === $.ui.keyCode.ESCAPE) {
$('a.cancel', this).click();
}
});
$('.cancel', '.panel-details form.editable').click(function(e) {
e.preventDefault();
var $form = $(this).parents('form');
rollback($form);
closeEditDetails($form);
return false;
});
$('.save', '.panel-details form.editable').click(function(e) {
e.preventDefault();
clearErrors();
var $form = $(this).parents('form');
var displayName = $form.find('#fullname').val();
ajax.rest({
url: $form.attr('action'),
type: 'PUT',
data: {
name: $form.find('#name').val(),
displayName: displayName,
email: $form.find('#email').val()
},
statusCode : { // these errors are handled locally.
'500' : function() {
return false;
},
'404' : function() {
return false;
},
'401' : function() {
return false;
},
'400' : function() {
return false;
}
}
}).done(function(data) {
updateDetails($form, data);
closeEditDetails($form);
notifySuccess(AJS.I18n.getText('stash.web.users.update.success', "<strong>", _aui.escapeHtml(displayName), "</strong>"));
}).fail(function (xhr, textStatus, errorThrown, data) {
var errors = (data && data.errors) ? data.errors : AJS.I18n.getText('stash.web.users.update.failure');
notifyErrors(errors);
});
});
}
function initialiseUserAvatarForm(user, avatarFormSelector) {
new UserAvatarForm($(avatarFormSelector), user);
}
function initialiseUserGroupsTable(groupsTableSelector) {
var userGroupsTable = new UserGroupsTable({
target: groupsTableSelector,
onError: notifyErrors
});
userGroupsTable.init();
}
exports.onReady = function(user, selectors) {
flashNotifications.attachNotifications('.content-body .notifications', 'html');
initialiseDeleteDialog(selectors.deleteLinkSelector);
initialiseClearCaptchaDialog(selectors.clearCaptchaLinkSelector);
initialisePasswordDialog(user, selectors.passwordLinkSelector);
initialiseRenameDialog(user, selectors.renameUserLinkSelector);
initialiseForm();
initialiseUserAvatarForm(user, selectors.avatarFormSelector);
initialiseUserGroupsTable(selectors.groupsTableSelector);
$(document).ready(function() {
if (location.hash) {
$('.menu-item > a[href="' + location.hash + '"]').click();
}
});
};
});
Zerion Mini Shell 1.0