39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import routes from 'src/router/modules';
|
|
import { useRouter } from 'vue-router';
|
|
|
|
let isNotified = false;
|
|
|
|
export default {
|
|
created: 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;
|
|
|
|
if (ctrlKey && altKey && keyBindingMap[key] && !isNotified) {
|
|
event.preventDefault();
|
|
router.push(keyBindingMap[key]);
|
|
isNotified = true;
|
|
}
|
|
};
|
|
|
|
const handleKeyUp = (event) => {
|
|
const { ctrlKey, altKey } = event;
|
|
|
|
// Resetea la bandera cuando se sueltan las teclas ctrl o alt
|
|
if (!ctrlKey || !altKey) {
|
|
isNotified = false;
|
|
}
|
|
};
|
|
|
|
window.addEventListener('keydown', handleKeyDown);
|
|
window.addEventListener('keyup', handleKeyUp);
|
|
},
|
|
};
|