import {UIElement} from "./UIElement"; import {FixedUiElement} from "./Base/FixedUiElement"; import {UIEventSource} from "../Logic/UIEventSource"; export class SlideShow extends UIElement { private readonly _embeddedElements: UIEventSource public readonly _currentSlide: UIEventSource = new UIEventSource(0); private _prev: UIElement; private _next: UIElement; constructor( embeddedElements: UIEventSource) { super(embeddedElements); this._embeddedElements = embeddedElements; this.ListenTo(this._currentSlide); const self = this; this._prev = new FixedUiElement("
" + "
" + "Prev" + "
") .onClick(() => { const current = self._currentSlide.data; self.MoveTo(current - 1); }); this._next = new FixedUiElement("
" + "
" + "Next" + "
") .onClick(() => { const current = self._currentSlide.data; self.MoveTo(current + 1); }); } InnerRender(): string { if (this._embeddedElements.data.length == 0) { return ""; } if (this._embeddedElements.data.length == 1) { return "
" + this._embeddedElements.data[0].Render() + "
"; } let slides = "" for (let i = 0; i < this._embeddedElements.data.length; i++) { let embeddedElement = this._embeddedElements.data[i]; let state = "hidden" if (this._currentSlide.data === i) { state = "active-slide"; } slides += "
" + embeddedElement.Render() + "
\n"; } return "
" + this._prev.Render() + "
" + slides + "
" + this._next.Render() + "
"; } public MoveTo(index: number) { if (index < 0) { index = this._embeddedElements.data.length - 1; } index = index % this._embeddedElements.data.length; this._currentSlide.setData(index); } Update() { super.Update(); for (const uiElement of this._embeddedElements.data) { uiElement.Update(); } } }