mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-04 17:04:59 +03:00
eb2a0359cf
closes https://github.com/TryGhost/Ghost/issues/6974 - update "change password" fields/process to use inline validations - remove `notifications.showErrors` and update all uses of it to `showAPIError` - display multiple API errors as alerts rather than toaster notifications - refactor `notifications.showAPIError` - remove `notifications.showErrors`, use a loop in `showAPIError` instead - properly determine the message from `AjaxError` or `AdapterError` objects - determine a unique key if possible so that we don't lose multiple different alerts - add `ServerUnreachable` error for when we get a status code of 0 (eg, when the ghost service has been shut down) - simplify error messages for our custom ajax errors
124 lines
4.5 KiB
JavaScript
124 lines
4.5 KiB
JavaScript
import RSVP from 'rsvp';
|
|
import injectService from 'ember-service/inject';
|
|
import {A as emberA} from 'ember-array/utils';
|
|
import run from 'ember-runloop';
|
|
import ModalComponent from 'ghost-admin/components/modals/base';
|
|
import ValidationEngine from 'ghost-admin/mixins/validation-engine';
|
|
|
|
const {Promise} = RSVP;
|
|
|
|
export default ModalComponent.extend(ValidationEngine, {
|
|
classNames: 'modal-content invite-new-user',
|
|
|
|
role: null,
|
|
roles: null,
|
|
authorRole: null,
|
|
submitting: false,
|
|
|
|
validationType: 'inviteUser',
|
|
|
|
notifications: injectService(),
|
|
store: injectService(),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
// populate roles and set initial value for the dropdown
|
|
run.schedule('afterRender', this, function () {
|
|
this.get('store').query('role', {permissions: 'assign'}).then((roles) => {
|
|
let authorRole = roles.findBy('name', 'Author');
|
|
|
|
this.set('roles', roles);
|
|
this.set('authorRole', authorRole);
|
|
|
|
if (!this.get('role')) {
|
|
this.set('role', authorRole);
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
willDestroyElement() {
|
|
this._super(...arguments);
|
|
// TODO: this should not be needed, ValidationEngine acts as a
|
|
// singleton and so it's errors and hasValidated state stick around
|
|
this.get('errors').clear();
|
|
this.set('hasValidated', emberA());
|
|
},
|
|
|
|
validate() {
|
|
let email = this.get('email');
|
|
|
|
// TODO: either the validator should check the email's existence or
|
|
// the API should return an appropriate error when attempting to save
|
|
return new Promise((resolve, reject) => {
|
|
return this._super().then(() => {
|
|
this.get('store').findAll('user', {reload: true}).then((result) => {
|
|
let invitedUser = result.findBy('email', email);
|
|
|
|
if (invitedUser) {
|
|
this.get('errors').clear('email');
|
|
if (invitedUser.get('status') === 'invited' || invitedUser.get('status') === 'invited-pending') {
|
|
this.get('errors').add('email', 'A user with that email address was already invited.');
|
|
} else {
|
|
this.get('errors').add('email', 'A user with that email address already exists.');
|
|
}
|
|
|
|
// TODO: this shouldn't be needed, ValidationEngine doesn't mark
|
|
// properties as validated when validating an entire object
|
|
this.get('hasValidated').addObject('email');
|
|
reject();
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
}, () => {
|
|
// TODO: this shouldn't be needed, ValidationEngine doesn't mark
|
|
// properties as validated when validating an entire object
|
|
this.get('hasValidated').addObject('email');
|
|
reject();
|
|
});
|
|
});
|
|
},
|
|
|
|
actions: {
|
|
setRole(role) {
|
|
this.set('role', role);
|
|
},
|
|
|
|
confirm() {
|
|
let email = this.get('email');
|
|
let role = this.get('role');
|
|
let notifications = this.get('notifications');
|
|
let newUser;
|
|
|
|
this.validate().then(() => {
|
|
this.set('submitting', true);
|
|
|
|
newUser = this.get('store').createRecord('user', {
|
|
email,
|
|
role,
|
|
status: 'invited'
|
|
});
|
|
|
|
newUser.save().then(() => {
|
|
let notificationText = `Invitation sent! (${email})`;
|
|
|
|
// If sending the invitation email fails, the API will still return a status of 201
|
|
// but the user's status in the response object will be 'invited-pending'.
|
|
if (newUser.get('status') === 'invited-pending') {
|
|
notifications.showAlert('Invitation email was not sent. Please try resending.', {type: 'error', key: 'invite.send.failed'});
|
|
} else {
|
|
notifications.showNotification(notificationText, {key: 'invite.send.success'});
|
|
}
|
|
}).catch((error) => {
|
|
newUser.deleteRecord();
|
|
notifications.showAPIError(error, {key: 'invite.send'});
|
|
}).finally(() => {
|
|
this.send('closeModal');
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|