Release 15 - Revamp #38
1 changed files with 19 additions and 5 deletions
|
@ -7,14 +7,14 @@
|
||||||
"{tab} q w e r t z u i o p \u00FC +",
|
"{tab} q w e r t z u i o p \u00FC +",
|
||||||
"{lock} a s d f g h j k l \u00F6 \u00E4 #",
|
"{lock} a s d f g h j k l \u00F6 \u00E4 #",
|
||||||
"{shift} < y x c v b n m , . - {shift}",
|
"{shift} < y x c v b n m , . - {shift}",
|
||||||
".com @ {space}",
|
"@ {space}",
|
||||||
],
|
],
|
||||||
shift: [
|
shift: [
|
||||||
'\u00B0 ! " \u00A7 $ % & / ( ) = ? ` {bksp}',
|
'\u00B0 ! " \u00A7 $ % & / ( ) = ? ` {bksp}',
|
||||||
"{tab} Q W E R T Z U I O P \u00DC *",
|
"{tab} Q W E R T Z U I O P \u00DC *",
|
||||||
"{lock} A S D F G H J K L \u00D6 \u00C4 '",
|
"{lock} A S D F G H J K L \u00D6 \u00C4 '",
|
||||||
"{shift} > Y X C V B N M ; : _ {shift}",
|
"{shift} > Y X C V B N M ; : _ {shift}",
|
||||||
".com @ {space}",
|
"@ {space}",
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
const layout_en = {
|
const layout_en = {
|
||||||
|
@ -23,14 +23,14 @@
|
||||||
"{tab} q w e r t y u i o p [ ] \\",
|
"{tab} q w e r t y u i o p [ ] \\",
|
||||||
"{lock} a s d f g h j k l ; '",
|
"{lock} a s d f g h j k l ; '",
|
||||||
"{shift} z x c v b n m , . / {shift}",
|
"{shift} z x c v b n m , . / {shift}",
|
||||||
".com @ {space}",
|
"@ {space}",
|
||||||
],
|
],
|
||||||
shift: [
|
shift: [
|
||||||
"~ ! @ # $ % ^ & * ( ) _ + {bksp}",
|
"~ ! @ # $ % ^ & * ( ) _ + {bksp}",
|
||||||
"{tab} Q W E R T Y U I O P { } |",
|
"{tab} Q W E R T Y U I O P { } |",
|
||||||
'{lock} A S D F G H J K L : "',
|
'{lock} A S D F G H J K L : "',
|
||||||
"{shift} Z X C V B N M < > ? {shift}",
|
"{shift} Z X C V B N M < > ? {shift}",
|
||||||
".com @ {space}",
|
"@ {space}",
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
const layout_numeric = {
|
const layout_numeric = {
|
||||||
|
@ -72,15 +72,29 @@
|
||||||
}
|
}
|
||||||
// virtual keyboard
|
// virtual keyboard
|
||||||
const Keyboard = window.SimpleKeyboard.default;
|
const Keyboard = window.SimpleKeyboard.default;
|
||||||
const myKeyboard = new Keyboard({
|
const keyboard = new Keyboard({
|
||||||
theme: theme,
|
theme: theme,
|
||||||
// choose german layout if language is de,
|
// choose german layout if language is de,
|
||||||
// else choose english layout
|
// else choose english layout
|
||||||
layout: layout,
|
layout: layout,
|
||||||
onChange: (input) => {
|
onChange: (input) => {
|
||||||
keyboardInputElement.value = input;
|
keyboardInputElement.value = input;
|
||||||
|
},
|
||||||
|
onKeyPress: (button) => {
|
||||||
|
if (button === "{shift}" || button === "{lock}") handleShift();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// additional handlers
|
||||||
|
keyboardInputElement.addEventListener("input", event => {
|
||||||
|
keyboard.setInput(event.target.value);
|
||||||
|
});
|
||||||
|
function handleShift(input) {
|
||||||
|
let currentLayout = keyboard.options.layoutName;
|
||||||
|
let shiftToggle = currentLayout === "default" ? "shift" : "default";
|
||||||
|
keyboard.setOptions({
|
||||||
|
layoutName: shiftToggle
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})()
|
})()
|
Loading…
Add table
Add a link
Reference in a new issue