ChaoticByte/drinks-manager
1
1
Fork 0
Code Issues Pull requests Projects Releases 20 Packages Wiki Activity Actions

Release 15 - Revamp #38

Merged
ChaoticByte merged 27 commits from devel into main 2023-03-26 11:09:31 +00:00
Conversation 2 Commits 27 Files changed 111 +38 -34
1 changed files with 38 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 548af757e7 - Show all commits

72
app/static/js/simple-keyboard_configure.js
View file

@ -41,42 +41,46 @@
"{bksp} . ,"
]
}
// Check if on smartphone
let onSmartphone = navigator.userAgent.toLowerCase().match(/android|webos|iphone|ipod|blackberry/i) != null;
console.log(onSmartphone)
// Configure keyboard when all DOM content has loaded
document.addEventListener("DOMContentLoaded", () => {
// Get element to send input to
let keyboardInputElement = document.querySelector(".keyboard-input");
// Get language code
let layoutCode = document.getElementById("keyboard").dataset.layout;
// Determine keyboard layout (default: en)
let layout;
switch (layoutCode) {
case "de":
layout = layout_de;
break;
case "numeric":
layout = layout_numeric;
break;
default:
layout = layout_en;
}
// determine if the numeric class has to be added
if (layoutCode == "numeric") {
theme = "hg-theme-default darkTheme numeric"
}
else {
theme = "hg-theme-default darkTheme"
}
// virtual keyboard
const Keyboard = window.SimpleKeyboard.default;
const myKeyboard = new Keyboard({
theme: theme,
// choose german layout if language is de,
// else choose english layout
layout: layout,
onChange: (input) => {
keyboardInputElement.value = input;
if (!onSmartphone) {
// Get element to send input to
let keyboardInputElement = document.querySelector(".keyboard-input");
// Get language code
let layoutCode = document.getElementById("keyboard").dataset.layout;
// Determine keyboard layout (default: en)
let layout;
switch (layoutCode) {
case "de":
layout = layout_de;
break;
case "numeric":
layout = layout_numeric;
break;
default:
layout = layout_en;
}
});
// determine if the numeric class has to be added
if (layoutCode == "numeric") {
theme = "hg-theme-default darkTheme numeric";
}
else {
theme = "hg-theme-default darkTheme";
}
// virtual keyboard
const Keyboard = window.SimpleKeyboard.default;
const myKeyboard = new Keyboard({
theme: theme,
// choose german layout if language is de,
// else choose english layout
layout: layout,
onChange: (input) => {
keyboardInputElement.value = input;
}
});
}
});
})()