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} . ," "{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 // Configure keyboard when all DOM content has loaded
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
// Get element to send input to if (!onSmartphone) {
let keyboardInputElement = document.querySelector(".keyboard-input"); // Get element to send input to
// Get language code let keyboardInputElement = document.querySelector(".keyboard-input");
let layoutCode = document.getElementById("keyboard").dataset.layout; // Get language code
// Determine keyboard layout (default: en) let layoutCode = document.getElementById("keyboard").dataset.layout;
let layout; // Determine keyboard layout (default: en)
switch (layoutCode) { let layout;
case "de": switch (layoutCode) {
layout = layout_de; case "de":
break; layout = layout_de;
case "numeric": break;
layout = layout_numeric; case "numeric":
break; layout = layout_numeric;
default: break;
layout = layout_en; 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;
} }
}); // 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;
}
});
}
}); });
})() })()