voussoir/ycdl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add hotkeys.register_help, forward the event to the hotkey's func.

Browse source
This commit is contained in:
voussoir 2022-03-15 13:51:09 -07:00
parent 3512768c5d
commit 9b35afb79c
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 29 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontends/ycdl_flask/static/js/hotkeys.js
View file

@ -1,6 +1,7 @@
const hotkeys = {}; const hotkeys = {};
hotkeys.HOTKEYS = {}; hotkeys.HOTKEYS = {};
hotkeys.HELPS = [];
hotkeys.hotkey_identifier = hotkeys.hotkey_identifier =
function hotkey_identifier(key, ctrlKey, shiftKey, altKey) function hotkey_identifier(key, ctrlKey, shiftKey, altKey)
@ -14,14 +15,20 @@ function hotkey_human(key, ctrlKey, shiftKey, altKey)
{ {
// Return the string that will be displayed to the user to represent this hotkey. // Return the string that will be displayed to the user to represent this hotkey.
let mods = []; let mods = [];
if (ctrlKey) { mods.push("Ctrl"); } if (ctrlKey) { mods.push("CTRL"); }
if (shiftKey) { mods.push("Shift"); } if (shiftKey) { mods.push("SHIFT"); }
if (altKey) { mods.push("Alt"); } if (altKey) { mods.push("ALT"); }
mods = mods.join("+"); mods = mods.join("+");
if (mods) { mods = mods + "+"; } if (mods) { mods = mods + "+"; }
return mods + key.toUpperCase(); return mods + key.toUpperCase();
} }
hotkeys.register_help =
function register_help(help)
{
hotkeys.HELPS.push(help);
}
hotkeys.register_hotkey = hotkeys.register_hotkey =
function register_hotkey(hotkey, action, description) function register_hotkey(hotkey, action, description)
{ {
@ -44,6 +51,10 @@ function register_hotkey(hotkey, action, description)
hotkeys.should_prevent_hotkey = hotkeys.should_prevent_hotkey =
function should_prevent_hotkey(event) function should_prevent_hotkey(event)
{ {
/*
If the user is currently in an input element, then the registered hotkey
will be ignored and the browser will use its default behavior.
*/
if (event.target.tagName == "INPUT" && event.target.type == "checkbox") if (event.target.tagName == "INPUT" && event.target.type == "checkbox")
{ {
return false; return false;
@ -64,6 +75,14 @@ function show_all_hotkeys()
const line = hotkeys.HOTKEYS[identifier]["human"] + " : " + hotkeys.HOTKEYS[identifier]["description"]; const line = hotkeys.HOTKEYS[identifier]["human"] + " : " + hotkeys.HOTKEYS[identifier]["description"];
lines.push(line); lines.push(line);
} }
if (hotkeys.HELPS)
{
lines.push("");
}
for (const help of hotkeys.HELPS)
{
lines.push(help);
}
lines = lines.join("\n"); lines = lines.join("\n");
alert(lines); alert(lines);
} }
@ -71,12 +90,17 @@ function show_all_hotkeys()
hotkeys.hotkeys_listener = hotkeys.hotkeys_listener =
function hotkeys_listener(event) function hotkeys_listener(event)
{ {
if (hotkeys.should_prevent_hotkey(event)) { return; } // console.log(event.key);
if (hotkeys.should_prevent_hotkey(event))
{
return;
}
identifier = hotkeys.hotkey_identifier(event.key, event.ctrlKey, event.shiftKey, event.altKey); identifier = hotkeys.hotkey_identifier(event.key, event.ctrlKey, event.shiftKey, event.altKey);
//console.log(identifier); //console.log(identifier);
if (identifier in hotkeys.HOTKEYS) if (identifier in hotkeys.HOTKEYS)
{ {
hotkeys.HOTKEYS[identifier]["action"](); hotkeys.HOTKEYS[identifier]["action"](event);
event.preventDefault(); event.preventDefault();
} }
} }