Fix 'alert' in width
This commit is contained in:
parent
7d3840e041
commit
4cce18f818
2 changed files with 7 additions and 7 deletions
|
@ -257,13 +257,15 @@ export class Widths extends LayerDefinition {
|
||||||
tags.targetWidth = r(props.targetWidth);
|
tags.targetWidth = r(props.targetWidth);
|
||||||
tags.short = "";
|
tags.short = "";
|
||||||
if (props.width < props.targetWidth) {
|
if (props.width < props.targetWidth) {
|
||||||
tags.short = r(props.targetWidth - props.width)
|
tags.short = `<span class='alert'>Dit is ${r(props.targetWidth - props.width)}m te weinig</span>`
|
||||||
}
|
}
|
||||||
|
console.log("SHORT", tags.short)
|
||||||
},
|
},
|
||||||
mappings:[
|
mappings: [
|
||||||
{k: new Tag("short","*"), txt: "De totale nodige ruimte voor vlot en veilig verkeer is dus <b>{targetWidth}m</b><br>" +
|
{
|
||||||
"Er is dus <span class='alert'>{short}m</span> te weinig", substitute: true},
|
k: null,
|
||||||
{k: new Tag("short",""), txt: "De totale nodige ruimte voor vlot en veilig verkeer is dus <span class='thanks'>{targetWidth}m</span>"}
|
txt: "De totale nodige ruimte voor vlot en veilig verkeer is dus <span class='thanks'>{targetWidth}m</span><br/>{short}"
|
||||||
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
).OnlyShowIf(this._notCarfree),
|
).OnlyShowIf(this._notCarfree),
|
||||||
|
|
|
@ -359,8 +359,6 @@ export class TagRendering extends UIElement implements TagDependantUIElement {
|
||||||
return undefined;
|
return undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log("Creating a freeform input element for ", this._source.data._country);
|
|
||||||
|
|
||||||
return ValidatedTextField.Mapped(pickString, toString, {
|
return ValidatedTextField.Mapped(pickString, toString, {
|
||||||
placeholder: this._freeform.placeholder,
|
placeholder: this._freeform.placeholder,
|
||||||
type: type,
|
type: type,
|
||||||
|
|
Loading…
Reference in a new issue