mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-29 15:12:58 +03:00
a122711043
refs https://github.com/TryGhost/Team/issues/559 - moved the modal component class and template into a `components/modals/` directory to keep the top-level dir cleaner - migrated component class to glimmer syntax - moved route transition behaviour directly into the class to avoid weird route-action indirection
103 lines
3.1 KiB
JavaScript
103 lines
3.1 KiB
JavaScript
import $ from 'jquery';
|
|
import AuthenticatedRoute from 'ghost-admin/routes/authenticated';
|
|
import ShortcutsRoute from 'ghost-admin/mixins/shortcuts-route';
|
|
import ctrlOrCmd from 'ghost-admin/utils/ctrl-or-cmd';
|
|
import {htmlSafe} from '@ember/template';
|
|
import {run} from '@ember/runloop';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
let generalShortcuts = {};
|
|
generalShortcuts[`${ctrlOrCmd}+shift+p`] = 'publish';
|
|
generalShortcuts[`${ctrlOrCmd}+p`] = 'preview';
|
|
|
|
export default AuthenticatedRoute.extend(ShortcutsRoute, {
|
|
feature: service(),
|
|
notifications: service(),
|
|
userAgent: service(),
|
|
ui: service(),
|
|
|
|
classNames: ['editor'],
|
|
shortcuts: generalShortcuts,
|
|
|
|
activate() {
|
|
this._super(...arguments);
|
|
this.ui.set('isFullScreen', true);
|
|
},
|
|
|
|
setupController() {
|
|
this._super(...arguments);
|
|
|
|
// edge has known issues
|
|
if (this.userAgent.browser.isEdge && this.userAgent.parser.getEngine().name === 'EdgeHTML') {
|
|
this.notifications.showAlert(
|
|
htmlSafe('Microsoft Edge is not currently supported. Please use a recent version of Chrome/Firefox/Safari.'),
|
|
{type: 'info', key: 'koenig.browserSupport'}
|
|
);
|
|
}
|
|
},
|
|
|
|
deactivate() {
|
|
this._super(...arguments);
|
|
this.ui.set('isFullScreen', false);
|
|
},
|
|
|
|
actions: {
|
|
save() {
|
|
this._blurAndScheduleAction(function () {
|
|
this.controller.send('save');
|
|
});
|
|
},
|
|
|
|
publish() {
|
|
this._blurAndScheduleAction(function () {
|
|
this.controller.send('setSaveType', 'publish');
|
|
this.controller.send('save');
|
|
});
|
|
},
|
|
|
|
preview() {
|
|
if (this.controller.post.isDraft) {
|
|
this.controller.send('togglePostPreviewModal');
|
|
} else {
|
|
window.open(this.controller.post.previewUrl, '_blank', 'noopener');
|
|
}
|
|
},
|
|
|
|
authorizationFailed() {
|
|
this.controller.send('toggleReAuthenticateModal');
|
|
},
|
|
|
|
willTransition(transition) {
|
|
// exit early if an upgrade is required because our extended route
|
|
// class will abort the transition and show an error
|
|
if (this.get('upgradeStatus.isRequired')) {
|
|
return this._super(...arguments);
|
|
}
|
|
|
|
this.controller.willTransition(transition);
|
|
}
|
|
},
|
|
|
|
buildRouteInfoMetadata() {
|
|
return {
|
|
titleToken: () => {
|
|
return this.get('controller.post.title') || 'Editor';
|
|
},
|
|
bodyClasses: ['gh-body-fullscreen'],
|
|
mainClasses: ['gh-main-white']
|
|
};
|
|
},
|
|
|
|
_blurAndScheduleAction(func) {
|
|
let selectedElement = $(document.activeElement);
|
|
|
|
// TODO: we should trigger a blur for textareas as well as text inputs
|
|
if (selectedElement.is('input[type="text"]')) {
|
|
selectedElement.trigger('focusout');
|
|
}
|
|
|
|
// wait for actions triggered by the focusout to finish before saving
|
|
run.scheduleOnce('actions', this, func);
|
|
}
|
|
});
|