mapcomplete/UI/Popup/TagRenderingAnswer.ts

76 lines
2.6 KiB
TypeScript
Raw Normal View History

2020-10-27 01:01:34 +01:00
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";
2021-02-05 16:32:37 +01:00
import {SubstitutedTranslation} from "../SubstitutedTranslation";
2020-10-27 01:01:34 +01:00
/***
* Displays the correct value for a known tagrendering
*/
export default class TagRenderingAnswer extends UIElement {
private readonly _tags: UIEventSource<any>;
2020-10-27 01:01:34 +01:00
private _configuration: TagRenderingConfig;
private _content: UIElement;
2020-10-27 01:01:34 +01:00
2020-11-02 18:59:21 +01:00
constructor(tags: UIEventSource<any>, configuration: TagRenderingConfig) {
2020-10-27 01:01:34 +01:00
super(tags);
this._tags = tags;
this._configuration = configuration;
if (configuration === undefined) {
2020-11-17 02:22:48 +01:00
throw "Trying to generate a tagRenderingAnswer without configuration..."
}
2021-01-25 03:12:09 +01:00
this.SetClass("flex items-center flex-row text-lg")
2020-10-27 01:01:34 +01:00
}
InnerRender(): string {
2020-11-02 18:59:21 +01:00
if (this._configuration.condition !== undefined) {
if (!this._configuration.condition.matchesProperties(this._tags.data)) {
return "";
}
}
2020-11-13 23:58:11 +01:00
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 = 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 (applicableThens.length >= 0) {
if (applicableThens.length === 1) {
this._content = applicableThens[0];
} else {
this._content = new Combine(["<ul>",
...applicableThens.map(tr => new Combine(["<li>", tr, "</li>"]))
,
"</ul>"
])
}
return this._content.Render();
}
2020-10-27 01:01:34 +01:00
}
2021-01-21 23:39:31 +01:00
const tr = this._configuration.GetRenderValue(tags);
if (tr !== undefined) {
2021-02-05 16:32:37 +01:00
this._content = SubstitutedTranslation.construct(tr, this._tags);
2021-01-21 23:39:31 +01:00
return this._content.Render();
}
return "";
2020-10-27 01:01:34 +01:00
}
}