Ghost/ghost/admin/app/routes/settings/integration/webhooks/new.js

import AdminRoute from 'ghost-admin/routes/admin';
import WebhookFormModal from '../../../../components/settings/integrations/webhook-form-modal';
import {action} from '@ember/object';
import {inject as service} from '@ember/service';

export default class NewWebhookRoute extends AdminRoute {
    @service modals;
    @service router;

    webhook = null;
    modal = null;

    get integration() {
        return this.modelFor('settings.integration');
    }

    model() {
        this.webhook = this.store.createRecord('webhook', {integration: this.integration});

        this.modal = this.modals.open(WebhookFormModal, {
            webhook: this.webhook
        }, {
            beforeClose: this.beforeModalClose
        });
    }

    deactivate() {
        this.webhook?.errors.clear();
        this.webhook?.rollbackAttributes();

        // ensure we don't try to redirect on modal close if we're already transitioning away
        this.isLeaving = true;
        this.modal?.close();

        this.modal = null;
        this.isLeaving = false;
    }

    @action
    beforeModalClose() {
        if (this.modal && !this.isLeaving) {
            this.router.transitionTo('settings.integration', this.integration);
        }
    }
}