-/**
- * The default mapping of unique id to shortcut key.
- * @type {Object<string, string>}
- */
-const defaultMap = {
- // Header actions
- "home": "1",
- "shelves_view": "2",
- "books_view": "3",
- "settings_view": "4",
- "favorites_view": "5",
- "profile_view": "6",
- "global_search": "/",
- "logout": "0",
-
- // Generic actions
- "edit": "e",
- "new": "n",
- "copy": "c",
- "delete": "d",
- "favorite": "f",
- "export": "x",
- "sort": "s",
- "permissions": "p",
- "move": "m",
- "revisions": "r",
-
- // Navigation
- "next": "ArrowRight",
- "prev": "ArrowLeft",
-};
+import {Component} from "./component";
function reverseMap(map) {
const reversed = {};
return reversed;
}
-/**
- * @extends {Component}
- */
-class Shortcuts {
+
+export class Shortcuts extends Component {
setup() {
this.container = this.$el;
- this.mapById = defaultMap;
+ this.mapById = JSON.parse(this.$opts.keyMap);
this.mapByShortcut = reverseMap(this.mapById);
this.hintsShowing = false;
this.hideHints = this.hideHints.bind(this);
- // TODO - Allow custom key maps
- // TODO - Allow turning off shortcuts
this.setupListeners();
}
return;
}
- const shortcutId = this.mapByShortcut[event.key];
- if (shortcutId) {
- const wasHandled = this.runShortcut(shortcutId);
- if (wasHandled) {
- event.preventDefault();
- }
- }
+ this.handleShortcutPress(event);
});
window.addEventListener('keydown', event => {
});
}
+ /**
+ * @param {KeyboardEvent} event
+ */
+ handleShortcutPress(event) {
+
+ const keys = [
+ event.ctrlKey ? 'Ctrl' : '',
+ event.metaKey ? 'Cmd' : '',
+ event.key,
+ ];
+
+ const combo = keys.filter(s => Boolean(s)).join(' + ');
+
+ const shortcutId = this.mapByShortcut[combo];
+ if (shortcutId) {
+ const wasHandled = this.runShortcut(shortcutId);
+ if (wasHandled) {
+ event.preventDefault();
+ }
+ }
+ }
+
/**
* Run the given shortcut, and return a boolean to indicate if the event
* was successfully handled by a shortcut action.
*/
runShortcut(id) {
const el = this.container.querySelector(`[data-shortcut="${id}"]`);
- console.info('Shortcut run', el);
if (!el) {
return false;
}
this.hintsShowing = false;
}
-}
-
-export default Shortcuts;
\ No newline at end of file
+}
\ No newline at end of file