2020-09-02 11:37:34 +02:00
|
|
|
import {UIElement} from "../UIElement";
|
|
|
|
import {UIEventSource} from "../../Logic/UIEventSource";
|
|
|
|
import TagRenderingPanel from "./TagRenderingPanel";
|
2020-09-03 00:00:37 +02:00
|
|
|
import {VariableUiElement} from "../Base/VariableUIElement";
|
|
|
|
import {FixedUiElement} from "../Base/FixedUiElement";
|
|
|
|
import Combine from "../Base/Combine";
|
2020-10-30 00:56:46 +01:00
|
|
|
import TagRenderingConfig from "../../Customizations/JSON/TagRenderingConfig";
|
|
|
|
import EditableTagRendering from "../Popup/EditableTagRendering";
|
2020-09-02 11:37:34 +02:00
|
|
|
|
2020-09-03 00:00:37 +02:00
|
|
|
export default class TagRenderingPreview extends UIElement {
|
|
|
|
|
|
|
|
private readonly previewTagValue: UIEventSource<any>;
|
|
|
|
private selectedTagRendering: UIEventSource<TagRenderingPanel>;
|
|
|
|
private panel: UIElement;
|
|
|
|
|
|
|
|
constructor(selectedTagRendering: UIEventSource<TagRenderingPanel>,
|
|
|
|
previewTagValue: UIEventSource<any>) {
|
2020-09-02 11:37:34 +02:00
|
|
|
super(selectedTagRendering);
|
2020-09-03 00:00:37 +02:00
|
|
|
this.selectedTagRendering = selectedTagRendering;
|
|
|
|
this.previewTagValue = previewTagValue;
|
|
|
|
this.panel = this.GetPanel(undefined);
|
|
|
|
const self = this;
|
|
|
|
this.selectedTagRendering.addCallback(trp => {
|
|
|
|
self.panel = self.GetPanel(trp);
|
|
|
|
self.Update();
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
private GetPanel(tagRenderingPanel: TagRenderingPanel): UIElement {
|
|
|
|
if (tagRenderingPanel === undefined) {
|
|
|
|
return new FixedUiElement("No tag rendering selected at the moment. Hover over a tag rendering to see what it looks like");
|
|
|
|
}
|
|
|
|
|
|
|
|
let es = tagRenderingPanel.GetValue();
|
|
|
|
|
|
|
|
let rendering: UIElement;
|
2020-09-27 20:51:37 +02:00
|
|
|
const self = this;
|
2020-09-03 00:00:37 +02:00
|
|
|
try {
|
|
|
|
rendering =
|
|
|
|
new VariableUiElement(es.map(tagRenderingConfig => {
|
2020-09-27 20:51:37 +02:00
|
|
|
try {
|
2021-01-08 03:57:18 +01:00
|
|
|
const tr = new EditableTagRendering(self.previewTagValue, new TagRenderingConfig(tagRenderingConfig, undefined,"preview"));
|
2020-09-27 20:51:37 +02:00
|
|
|
return tr.Render();
|
|
|
|
} catch (e) {
|
|
|
|
return new Combine(["Could not show this tagrendering:", e.message]).Render();
|
|
|
|
}
|
2020-09-03 00:00:37 +02:00
|
|
|
}
|
|
|
|
));
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
console.error("User defined tag rendering incorrect:", e);
|
|
|
|
rendering = new FixedUiElement(e).SetClass("alert");
|
|
|
|
}
|
|
|
|
|
|
|
|
return new Combine([
|
|
|
|
"<h3>",
|
|
|
|
tagRenderingPanel.options.title ?? "Extra tag rendering",
|
|
|
|
"</h3>",
|
|
|
|
tagRenderingPanel.options.description ?? "This tag rendering will appear in the popup",
|
|
|
|
"<br/><br/>",
|
|
|
|
rendering]);
|
|
|
|
|
2020-09-02 11:37:34 +02:00
|
|
|
}
|
2020-09-03 00:00:37 +02:00
|
|
|
|
2020-09-02 11:37:34 +02:00
|
|
|
InnerRender(): string {
|
2020-09-03 00:00:37 +02:00
|
|
|
return this.panel.Render();
|
2020-09-02 11:37:34 +02:00
|
|
|
}
|
2020-09-03 00:00:37 +02:00
|
|
|
|
2020-09-02 11:37:34 +02:00
|
|
|
}
|