89 lines
No EOL
3.3 KiB
TypeScript
89 lines
No EOL
3.3 KiB
TypeScript
import {UIEventSource} from "../../Logic/UIEventSource";
|
|
import TagRenderingConfig from "../../Customizations/JSON/TagRenderingConfig";
|
|
import {UIElement} from "../UIElement";
|
|
import {Utils} from "../../Utils";
|
|
import Combine from "../Base/Combine";
|
|
import {TagUtils} from "../../Logic/Tags";
|
|
import {SubstitutedTranslation} from "../SubstitutedTranslation";
|
|
import {Translation} from "../i18n/Translation";
|
|
|
|
/***
|
|
* Displays the correct value for a known tagrendering
|
|
*/
|
|
export default class TagRenderingAnswer extends UIElement {
|
|
private readonly _tags: UIEventSource<any>;
|
|
private _configuration: TagRenderingConfig;
|
|
private _content: UIElement;
|
|
private readonly _contentClass: string;
|
|
private _contentStyle: string;
|
|
|
|
constructor(tags: UIEventSource<any>, configuration: TagRenderingConfig, contentClasses: string = "", contentStyle: string = "") {
|
|
super(tags);
|
|
this._tags = tags;
|
|
this._configuration = configuration;
|
|
this._contentClass = contentClasses;
|
|
this._contentStyle = contentStyle;
|
|
if (configuration === undefined) {
|
|
throw "Trying to generate a tagRenderingAnswer without configuration..."
|
|
}
|
|
this.SetClass("flex items-center flex-row text-lg")
|
|
this.SetStyle("word-wrap: anywhere;");
|
|
}
|
|
|
|
InnerRender(): string {
|
|
if (this._configuration.condition !== undefined) {
|
|
if (!this._configuration.condition.matchesProperties(this._tags.data)) {
|
|
return "";
|
|
}
|
|
}
|
|
|
|
const tags = this._tags.data;
|
|
if (tags === undefined) {
|
|
return "";
|
|
}
|
|
|
|
// The render value doesn't work well with multi-answers (checkboxes), so we have to check for them manually
|
|
if (this._configuration.multiAnswer) {
|
|
const applicableThens: Translation[] = Utils.NoNull(this._configuration.mappings.map(mapping => {
|
|
if (mapping.if === undefined) {
|
|
return mapping.then;
|
|
}
|
|
if (TagUtils.MatchesMultiAnswer(mapping.if, tags)) {
|
|
return mapping.then;
|
|
}
|
|
return undefined;
|
|
}))
|
|
|
|
if (this._configuration.freeform !== undefined && tags[this._configuration.freeform.key] !== undefined) {
|
|
applicableThens.push(this._configuration.render)
|
|
}
|
|
|
|
const self = this
|
|
const valuesToRender: UIElement[] = applicableThens.map(tr => SubstitutedTranslation.construct(tr, self._tags))
|
|
|
|
if (valuesToRender.length >= 0) {
|
|
if (valuesToRender.length === 1) {
|
|
this._content = valuesToRender[0];
|
|
} else {
|
|
this._content = new Combine(["<ul>",
|
|
...valuesToRender.map(tr => new Combine(["<li>", tr, "</li>"]))
|
|
,
|
|
"</ul>"
|
|
])
|
|
|
|
}
|
|
return this._content.SetClass(this._contentClass).SetStyle(this._contentStyle).Render();
|
|
}
|
|
}
|
|
|
|
const tr = this._configuration.GetRenderValue(tags);
|
|
if (tr !== undefined) {
|
|
this._content = SubstitutedTranslation.construct(tr, this._tags);
|
|
return this._content.SetClass(this._contentClass).SetStyle(this._contentStyle).Render();
|
|
}
|
|
|
|
return "";
|
|
|
|
}
|
|
|
|
} |