mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
d0f6dd7fef
refs https://github.com/TryGhost/Team/issues/559 - switched to new ember-promise-modals pattern - removed controller and template in favor of opening modals directly from the route - removed unused `mousedown` event handlers - they are only necessary when an input blur would trigger validation errors - fixed Enter key not triggering create action by adding an `{{on-key "Enter"}}` event handler to the name input - fixed scroll not resetting to top of integrations screens when navigating between them by adding `{{scroll-top}}` element modifier to the main content sections
65 lines
2.0 KiB
JavaScript
65 lines
2.0 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import {A} from '@ember/array';
|
|
import {action} from '@ember/object';
|
|
import {isHostLimitError} from 'ghost-admin/services/ajax';
|
|
import {isInvalidError} from 'ember-ajax/errors';
|
|
import {inject as service} from '@ember/service';
|
|
import {task} from 'ember-concurrency-decorators';
|
|
import {tracked} from '@glimmer/tracking';
|
|
|
|
export default class NewCustomIntegrationModalComponent extends Component {
|
|
@service router;
|
|
@service store;
|
|
|
|
@tracked errorMessage;
|
|
|
|
constructor() {
|
|
super(...arguments);
|
|
this.integration = this.store.createRecord('integration');
|
|
}
|
|
|
|
willDestroy() {
|
|
super.willDestroy(...arguments);
|
|
this.integration.rollbackAttributes();
|
|
}
|
|
|
|
@action
|
|
updateName(inputEvent) {
|
|
this.integration.set('name', inputEvent.target.value);
|
|
this.integration.set('hasValidated', A());
|
|
this.integration.errors.clear();
|
|
}
|
|
|
|
@task({drop: true})
|
|
*createIntegrationTask() {
|
|
try {
|
|
const integration = yield this.integration.save();
|
|
this.router.transitionTo('settings.integration', integration);
|
|
return true;
|
|
} catch (error) {
|
|
// TODO: server-side validation errors should be serialized
|
|
// properly so that errors are added to model.errors automatically
|
|
if (error && isInvalidError(error)) {
|
|
let [firstError] = error.payload.errors;
|
|
let {message} = firstError;
|
|
|
|
if (message && message.match(/name/i)) {
|
|
this.integration.errors.add('name', message);
|
|
this.integration.hasValidated.pushObject('name');
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (isHostLimitError(error)) {
|
|
this.errorMessage = error.payload.errors[0].context;
|
|
return;
|
|
}
|
|
|
|
// bubble up to the global error handler
|
|
if (error) {
|
|
throw error;
|
|
}
|
|
}
|
|
}
|
|
}
|