Ghost/ghost/admin/app/components/modal-invite-new-user.js
Peter Zimon 4b5f538552 Updated notifications design (#1498)
no issue

- updating toaster design for better discoverability
2020-02-27 09:19:29 +00:00

132 lines
4.3 KiB
JavaScript

import ModalComponent from 'ghost-admin/components/modal-base';
import RSVP from 'rsvp';
import ValidationEngine from 'ghost-admin/mixins/validation-engine';
import {A as emberA} from '@ember/array';
import {inject as service} from '@ember/service';
import {task} from 'ember-concurrency';
const {Promise} = RSVP;
export default ModalComponent.extend(ValidationEngine, {
notifications: service(),
store: service(),
classNames: 'modal-content invite-new-user',
role: null,
roles: null,
authorRole: null,
validationType: 'inviteUser',
init() {
this._super(...arguments);
},
didInsertElement() {
this._super(...arguments);
this.fetchRoles.perform();
},
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.errors.clear();
this.set('hasValidated', emberA());
},
actions: {
setRole(role) {
this.set('role', role);
this.errors.remove('role');
},
confirm() {
this.sendInvitation.perform();
}
},
validate() {
let email = this.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) => this._super().then(() => RSVP.hash({
users: this.store.findAll('user', {reload: true}),
invites: this.store.findAll('invite', {reload: true})
}).then((data) => {
let existingUser = data.users.findBy('email', email);
let existingInvite = data.invites.findBy('email', email);
if (existingUser || existingInvite) {
this.errors.clear('email');
if (existingUser) {
this.errors.add('email', 'A user with that email address already exists.');
} else {
this.errors.add('email', 'A user with that email address was already invited.');
}
// TODO: this shouldn't be needed, ValidationEngine doesn't mark
// properties as validated when validating an entire object
this.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.hasValidated.addObject('email');
reject();
}));
},
fetchRoles: task(function * () {
let roles = yield this.store.query('role', {permissions: 'assign'});
let authorRole = roles.findBy('name', 'Author');
this.set('roles', roles);
this.set('authorRole', authorRole);
if (!this.role) {
this.set('role', authorRole);
}
}),
sendInvitation: task(function* () {
let email = this.email;
let role = this.role;
let notifications = this.notifications;
let invite;
try {
yield this.validate();
invite = this.store.createRecord('invite', {
email,
role
});
yield invite.save();
// If sending the invitation email fails, the API will still return a status of 201
// but the invite's status in the response object will be 'invited-pending'.
if (invite.get('status') === 'pending') {
notifications.showAlert('Invitation email was not sent', {type: 'error', key: 'invite.send.failed', description: 'Please try resending.'});
} else {
notifications.showNotification('Invitation sent', {icon: 'send-email', key: 'invite.send.success', description: `${email}`});
}
this.send('closeModal');
} catch (error) {
// validation will reject and cause this to be called with no error
if (error) {
invite.deleteRecord();
notifications.showAPIError(error, {key: 'invite.send'});
this.send('closeModal');
}
}
}).drop()
});