wwwroot/js/keyboard.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

async function keyDownHandler(e) {
    function isDialogChild(e) {
        while (e = e.parentElement)
            if (e.tagName == 'DIV' && e.classList.contains('dialog'))
                return true;
        return false;
    }

    if(document.activeElement.tagName == 'INPUT')
        return;

    var element = Array.from(document.querySelectorAll('div.dialog'))
        .filter(e => e.style.visibility == 'visible')
        .map(e => ({ element: e, zIndex: parseInt(e.style.zIndex) }))
        .sort((a, b) => b.zIndex - a.zIndex)
        .map(e => e.element)[0];

    if(element) {
        await window.dialogObjects
            .find(d => d.element == element)
            .dialogObject
            .invokeMethodAsync('KeyHandler', e.key);
        e.preventDefault();
        return;
    }

    var button = Array.from(document.getElementsByTagName('button'))
        .filter(b => typeof(b.dataset.keyboardShortcut) == 'string')
        .filter(b => !isDialogChild(b))
        .find(b => b.dataset.keyboardShortcut == e.key);

    if(button) {
        button.click();
        e.preventDefault();
        return;
    }
}

window.onload = () => document.onkeydown = keyDownHandler;