62 lines
1.8 KiB
TypeScript
62 lines
1.8 KiB
TypeScript
import { Store } from "../../Logic/UIEventSource"
|
|
import BaseUIElement from "../BaseUIElement"
|
|
import Combine from "./Combine"
|
|
|
|
export class VariableUiElement extends BaseUIElement {
|
|
private readonly _contents?: Store<string | BaseUIElement | BaseUIElement[]>
|
|
|
|
constructor(contents?: Store<string | BaseUIElement | BaseUIElement[]>) {
|
|
super()
|
|
this._contents = contents
|
|
}
|
|
|
|
Destroy() {
|
|
super.Destroy()
|
|
this.isDestroyed = true
|
|
}
|
|
|
|
AsMarkdown(): string {
|
|
const d = this._contents?.data
|
|
if (typeof d === "string") {
|
|
return d
|
|
}
|
|
if (d instanceof BaseUIElement) {
|
|
return d.AsMarkdown()
|
|
}
|
|
return new Combine(<BaseUIElement[]>d).AsMarkdown()
|
|
}
|
|
|
|
protected InnerConstructElement(): HTMLElement {
|
|
const el = document.createElement("span")
|
|
const self = this
|
|
this._contents?.addCallbackAndRun((contents) => {
|
|
if (self.isDestroyed) {
|
|
return true
|
|
}
|
|
|
|
while (el.firstChild) {
|
|
el.removeChild(el.lastChild)
|
|
}
|
|
|
|
if (contents === undefined) {
|
|
return
|
|
}
|
|
if (typeof contents === "string") {
|
|
el.innerHTML = contents
|
|
} else if (contents instanceof Array) {
|
|
for (const content of contents) {
|
|
const c = content?.ConstructElement()
|
|
if (c !== undefined && c !== null) {
|
|
el.appendChild(c)
|
|
}
|
|
}
|
|
} else {
|
|
const c = contents.ConstructElement()
|
|
if (c !== undefined && c !== null) {
|
|
el.appendChild(c)
|
|
}
|
|
}
|
|
})
|
|
return el
|
|
}
|
|
}
|