mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-22 15:56:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial keybinding functionality + documentation

Browse source 
Todo:
- allow user to specify whether to use alt or meta key (relatively easy to implement)
- keybinding icon for about pane
This commit is contained in:
Matt C 2017-10-17 19:36:51 +01:00
parent bd1790b692
commit 638e03856b
3 changed files with 222 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

118
src/web/BindingsWaiter.js Normal file
View file

@ -0,0 +1,118 @@
/**
* Waiter to handle keybindings to CyberChef functions (i.e. Bake, Step, Save, Load etc.)
*
* @author Matt C [matt@artemisbot.uk]
* @copyright Crown Copyright 2016
* @license Apache-2.0
*
* @constructor
* @param {App} app - The main view object for CyberChef.
* @param {Manager} manager - The CyberChef event manager.
*/
const BindingsWaiter = function (app, manager) {
this.app = app;
this.manager = manager;
};
/**
* Handler for all keydown events
* Checks whether valid keyboard shortcut has been instated
*
* @fires Manager#statechange
* @param {event} e
*/
BindingsWaiter.prototype.parseInput = function(e) {
if (e.ctrlKey && e.altKey) {
let elem;
switch (e.code) {
case "KeyF":
e.preventDefault();
document.getElementById("search").focus(); // Focus search
break;
case "KeyI":
e.preventDefault();
document.getElementById("input-text").focus(); // Focus input
break;
case "KeyO":
e.preventDefault();
document.getElementById("output-text").focus(); // Focus output
break;
case "Period":
try {
elem = document.activeElement.closest(".operation");
if (elem.parentNode.lastChild === elem) {
elem.parentNode.firstChild.querySelectorAll(".arg")[0].focus(); // if operation is last in recipe, loop around to the top operation's first argument
} else {
elem.nextSibling.querySelectorAll(".arg")[0].focus(); //focus first argument of next operation
}
} catch (e) {
// do nothing, just don't throw an error
}
break;
case "KeyB":
try {
elem = document.activeElement.closest(".operation").querySelectorAll(".breakpoint")[0];
if (elem.getAttribute("break") === "false") {
elem.setAttribute("break", "true"); // add break point if not already enabled
elem.classList.add("breakpoint-selected");
} else {
elem.setAttribute("break", "false"); // remove break point if already enabled
elem.classList.remove("breakpoint-selected");
}
window.dispatchEvent(this.manager.statechange);
} catch (e) {
// do nothing, just don't throw an error
}
break;
case "KeyD":
try {
elem = document.activeElement.closest(".operation").querySelectorAll(".disable-icon")[0];
if (elem.getAttribute("disabled") === "false") {
elem.setAttribute("disabled", "true"); // disable operation if enabled
elem.classList.add("disable-elem-selected");
elem.parentNode.parentNode.classList.add("disabled");
} else {
elem.setAttribute("disabled", "false"); // enable operation if disabled
elem.classList.remove("disable-elem-selected");
elem.parentNode.parentNode.classList.remove("disabled");
}
this.app.progress = 0;
window.dispatchEvent(this.manager.statechange);
} catch (e) {
// do nothing, just don't throw an error
}
break;
case "Space":
this.app.bake(); // bake the recipe
break;
case "Quote":
this.app.bake(true); // step through the recipe
break;
case "KeyC":
this.manager.recipe.clearRecipe(); // clear recipe
break;
case "KeyS":
this.manager.output.saveClick(); // save output to file
break;
case "KeyL":
this.manager.controls.loadClick(); // load a recipe
break;
case "KeyM":
this.manager.controls.switchClick(); // switch input & output
break;
default:
if (e.code.match(/Digit[0-9]/g)) {
e.preventDefault();
try {
document.querySelector(`li:nth-child(${e.code.substr(-1)}) .arg`).focus(); // select the first argument of the operation corresponding to the number pressed
} catch (e) {
// do nothing, just don't throw an error
}
}
break;
}
}
};
export default BindingsWaiter;