github/simple-keyboard
github/simple-keyboard
3
0
Fork 0
mirror of https://github.com/hodgef/simple-keyboard.git synced 2024-10-06 07:42:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adding Multiple Input support

Browse Source
This commit is contained in:
Francisco Hodge 2018-04-30 10:35:51 -04:00
parent 276a478eb6
commit f8ebb30d76
1 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/lib/components/Keyboard.js
View File

@ -17,9 +17,12 @@ class SimpleKeyboard {
*/
this.keyboardDOM = document.querySelector(keyboardDOMQuery);
this.options = options;
this.input = '';
this.options.layoutName = this.options.layoutName || "default";
this.options.theme = this.options.theme || "hg-theme-default";
this.options.inputName = this.options.inputName || "default";
this.input = {};
this.input[this.options.inputName] = '';
/**
* Rendering keyboard
@ -52,10 +55,13 @@ class SimpleKeyboard {
newLineOnEnter: (this.options.newLineOnEnter === true)
}
let updatedInput = Utilities.getUpdatedInput(button, this.input, options);
if(!this.input[this.options.inputName])
this.input[this.options.inputName] = '';
if(this.input !== updatedInput){
this.input = updatedInput;
let updatedInput = Utilities.getUpdatedInput(button, this.input[this.options.inputName], options);
if(this.input[this.options.inputName] !== updatedInput){
this.input[this.options.inputName] = updatedInput;
if(debug)
console.log('Input changed:', this.input);
@ -64,7 +70,7 @@ class SimpleKeyboard {
* Calling onChange
*/
if(typeof this.options.onChange === "function")
this.options.onChange(this.input);
this.options.onChange(this.input[this.options.inputName]);
}
if(debug){
@ -72,16 +78,19 @@ class SimpleKeyboard {
}
}
clearInput = () => {
this.input = '';
clearInput = (inputName) => {
inputName = inputName || this.options.inputName;
this.input[this.options.inputName] = '';
}
getInput = () => {
return this.input;
getInput = (inputName) => {
inputName = inputName || this.options.inputName;
return this.input[this.options.inputName];
}
setInput = input => {
this.input = input;
setInput = (input, inputName) => {
inputName = inputName || this.options.inputName;
this.input[inputName] = input;
}
setOptions = option => {