diff --git a/src/boot/mainShortcutMixin.js b/src/boot/mainShortcutMixin.js new file mode 100644 index 000000000..4f60050c4 --- /dev/null +++ b/src/boot/mainShortcutMixin.js @@ -0,0 +1,29 @@ +import routes from 'src/router/modules'; + +import { useRouter } from 'vue-router'; +export default { + mounted: function () { + const router = useRouter(); + const keyBindingMap = routes + .filter((route) => route.meta.keyBinding) + .reduce((map, route) => { + map[route.meta.keyBinding.toLowerCase()] = route.path; + return map; + }, {}); + const handleKeyDown = (event) => { + const { ctrlKey, altKey, key } = event; + event.preventDefault(); + + const combination = `${ctrlKey ? 'Ctrl+' : ''}${ + altKey ? 'Alt+' : '' + }${key.toLowerCase()}`; + console.log(ctrlKey, altKey, key, combination); + + if (ctrlKey && altKey && keyBindingMap[key]) { + router.push(keyBindingMap[key]); + } + }; + + window.addEventListener('keydown', handleKeyDown); + }, +}; diff --git a/src/boot/quasar.js b/src/boot/quasar.js index a8d9b7ad9..caf573ac7 100644 --- a/src/boot/quasar.js +++ b/src/boot/quasar.js @@ -1,6 +1,8 @@ import { boot } from 'quasar/wrappers'; import qFormMixin from './qformMixin'; +import mainShortcutMixin from './mainShortcutMixin'; export default boot(({ app }) => { app.mixin(qFormMixin); + app.mixin(mainShortcutMixin); }); diff --git a/src/router/modules/route.js b/src/router/modules/route.js index 3c5c860cf..148975761 100644 --- a/src/router/modules/route.js +++ b/src/router/modules/route.js @@ -5,8 +5,9 @@ export default { name: 'Route', meta: { title: 'routes', - icon: 'vn:delivery', + icon: 'vn:delivesry', moduleName: 'Route', + keyBinding: 'r', }, component: RouterView, redirect: { name: 'RouteMain' },