Fix input details

This commit is contained in:
barsdeveloper
2022-05-08 20:21:37 +02:00
parent 59eaa57217
commit 3c643f0c6a
7 changed files with 214 additions and 108 deletions

View File

@@ -13,6 +13,9 @@ export default class IInputPinTemplate extends PinTemplate {
/** @type {HTMLElement[]} */
#inputContentElements
get inputContentElements() {
return this.#inputContentElements
}
hasInput = true
/**
@@ -24,7 +27,7 @@ export default class IInputPinTemplate extends PinTemplate {
[...pin.querySelectorAll(".ueb-pin-input-content")]
)
if (this.#inputContentElements.length) {
this.setInputs(pin, [pin.entity.DefaultValue])
this.setInputs(pin, [Utility.decodeInputString(pin.entity.DefaultValue)])
let self = this
this.onFocusHandler = _ => pin.blueprint.dispatchEditTextEvent(true)
this.onFocusOutHandler = e => {
@@ -72,16 +75,18 @@ export default class IInputPinTemplate extends PinTemplate {
* @param {PinElement} pin
*/
getInputs(pin) {
return this.#inputContentElements.map(element => Utility.encodeInputString(element.textContent))
return this.#inputContentElements.map(element => element.innerText)
}
/**
* @param {PinElement} pin
* @param {String[]?} values
*/
setInputs(pin, values = []) {
this.#inputContentElements.forEach((element, i) => element.innerText = Utility.decodeInputString(values[i]))
pin.entity.DefaultValue = this.getInput(pin)
setInputs(pin, values = [], updateDefaultValue = true) {
this.#inputContentElements.forEach((element, i) => element.innerText = values[i])
if (updateDefaultValue) {
pin.entity.DefaultValue = this.getInput(pin)
}
}
/**

View File

@@ -0,0 +1,53 @@
// @ts-check
import IInputPinTemplate from "./IInputPinTemplate"
/**
* @typedef {import("../element/PinElement").default} PinElement
*/
export default class NamePinTemplate extends IInputPinTemplate {
/** @type {(e : InputEvent) => void} */
onInputHandler
/**
* @param {PinElement} pin
*/
setup(pin) {
super.setup(pin)
this.onInputHandler = e => {
e.stopPropagation()
if (
e.inputType == "insertParagraph"
|| e.inputType == "insertLineBreak"
|| (e.inputType == "insertFromPaste" && /** @type {HTMLElement} */(e.target).innerText.includes("\n"))
) {
/** @type {HTMLElement} */(e.target).blur() // Loose focus in case it tries to insert newline
this.inputContentElements.forEach(element => element.innerText = element.innerText.replaceAll("\n", ""))
}
}
this.inputContentElements.forEach(element => {
element.addEventListener("input", /** @type {(e : Event) => void} */(this.onInputHandler))
})
}
/**
* @param {PinElement} pin
*/
cleanup(pin) {
super.cleanup(pin)
this.inputContentElements.forEach(element => {
element.removeEventListener("input", /** @type {(e : Event) => void} */(this.onInputHandler))
})
}
/**
* @param {PinElement} pin
* @param {String[]?} values
*/
setInputs(pin, values = [], updateDefaultValue = true) {
values = values.map(value => value.replaceAll("\n", ""))
super.setInputs(pin, values, updateDefaultValue)
}
}

View File

@@ -15,12 +15,17 @@ export default class RealPinTemplate extends IInputPinTemplate {
*/
setInputs(pin, values = []) {
let num = parseFloat(values.length ? values[0] : this.getInput(pin))
let updateDefaultValue = true
if (isNaN(num)) {
num = parseFloat(pin.entity.DefaultValue != ""
? pin.entity.DefaultValue
: pin.entity.AutogeneratedDefaultValue)
}
if (isNaN(num)) {
num = 0
updateDefaultValue = false
}
values[0] = Utility.minDecimals(num)
super.setInputs(pin, values)
super.setInputs(pin, values, updateDefaultValue)
}
}