mirror of
https://github.com/TryGhost/Ghost-Admin.git
synced 2023-12-14 02:33:04 +01:00
2c48cd6139
closes https://github.com/TryGhost/Ghost/issues/9543 - https://github.com/TryGhost/Ghost-Admin/pull/972 moved `keymaster` from Bower to NPM but version 1.6.3 is not published to NPM and it contains fixes for unbinding multiple keys (eg, `'down, j': 'moveDown'`). Switched to fetching directly from github to ensure we have the latest version - removed the "has registered shortcuts" guard added in https://github.com/TryGhost/Ghost-Admin/pull/976 - it was working around the buggy keymaster version but was also buggy itself because it meant shortcuts could only be registered the first time a route was loaded even though we unregister all of the shortcuts when leaving the route
84 lines
2.5 KiB
JavaScript
84 lines
2.5 KiB
JavaScript
/* global key */
|
|
import Mixin from '@ember/object/mixin';
|
|
import {run} from '@ember/runloop';
|
|
import {typeOf} from '@ember/utils';
|
|
|
|
// Configure KeyMaster to respond to all shortcuts,
|
|
// even inside of
|
|
// input, textarea, and select.
|
|
key.filter = function () {
|
|
return true;
|
|
};
|
|
|
|
key.setScope('default');
|
|
/**
|
|
* Only routes can implement shortcuts.
|
|
* If you need to trigger actions on the controller,
|
|
* simply call them with `this.get('controller').send('action')`.
|
|
*
|
|
* To implement shortcuts, add this mixin to your `extend()`,
|
|
* and implement a `shortcuts` hash.
|
|
* In this hash, keys are shortcut combinations and values are route action names.
|
|
* (see [keymaster docs](https://github.com/madrobby/keymaster/blob/master/README.markdown)),
|
|
*
|
|
* ```javascript
|
|
* shortcuts: {
|
|
* 'ctrl+s, command+s': 'save'
|
|
* }
|
|
* ```
|
|
* For more complex actions, shortcuts can instead have their value
|
|
* be an object like {action, options}
|
|
* ```javascript
|
|
* shortcuts: {
|
|
* 'ctrl+k': {action: 'markdownShortcut', options: 'createLink'}
|
|
* }
|
|
* ```
|
|
* You can set the scope of your shortcut by passing a scope property.
|
|
* ```javascript
|
|
* shortcuts : {
|
|
* 'enter': {action : 'confirmModal', scope: 'modal'}
|
|
* }
|
|
* ```
|
|
* If you don't specify a scope, we use a default scope called "default".
|
|
* To have all your shortcut work in all scopes, give it the scope "all".
|
|
* Find out more at the keymaster docs
|
|
*/
|
|
export default Mixin.create({
|
|
|
|
registerShortcuts() {
|
|
let shortcuts = this.get('shortcuts');
|
|
|
|
Object.keys(shortcuts).forEach((shortcut) => {
|
|
let scope = shortcuts[shortcut].scope || 'default';
|
|
let action = shortcuts[shortcut];
|
|
let options;
|
|
|
|
if (typeOf(action) !== 'string') {
|
|
options = action.options;
|
|
action = action.action;
|
|
}
|
|
|
|
key(shortcut, scope, (event) => {
|
|
// stop things like ctrl+s from actually opening a save dialogue
|
|
event.preventDefault();
|
|
run(this, function () {
|
|
this.send(action, options);
|
|
});
|
|
});
|
|
});
|
|
},
|
|
|
|
removeShortcuts() {
|
|
let shortcuts = this.get('shortcuts');
|
|
|
|
Object.keys(shortcuts).forEach((shortcut) => {
|
|
let scope = shortcuts[shortcut].scope || 'default';
|
|
key.unbind(shortcut, scope);
|
|
});
|
|
},
|
|
|
|
willDestroy() {
|
|
this._super(...arguments);
|
|
this.removeShortcuts();
|
|
}
|
|
});
|