import {InputElement} from "../InputElement"; import {UIEventSource} from "../../../Logic/UIEventSource"; import {UIElement} from "../../UIElement"; import Combine from "../../Base/Combine"; import {OH} from "../../../Logic/OpeningHours"; import OpeningHoursPicker from "./OpeningHoursPicker"; import {VariableUiElement} from "../../Base/VariableUIElement"; import Translations from "../../i18n/Translations"; import {FixedUiElement} from "../../Base/FixedUiElement"; import PublicHolidayInput from "./PublicHolidayInput"; /** * The full opening hours element, including the table, opening hours picker. * Keeps track of unparsed rules * Exports everything conventiently as a string, for direct use */ export default class OpeningHoursInput extends InputElement { private readonly _value: UIEventSource; private readonly _ohPicker: UIElement; private readonly _leftoverWarning: UIElement; private readonly _phSelector: UIElement; constructor(value: UIEventSource = new UIEventSource("")) { super(); const rulesFromOhPicker = value.map(OH.Parse); const leftoverRules = value.map(str => { if (str === undefined) { return [] } const leftOvers: string[] = []; const rules = str.split(";"); for (const rule of rules) { if (OH.ParseRule(rule) !== null) { continue; } if (PublicHolidayInput.LoadValue(rule) !== null) { continue; } leftOvers.push(rule); } return leftOvers; }) const ph = value.map(str => { if (str === undefined) { return "" } const rules = str.split(";"); for (const rule of rules) { if (PublicHolidayInput.LoadValue(rule) !== null) { return rule; } } return ""; }) this._phSelector = new PublicHolidayInput(ph); function update() { let rules = OH.ToString(rulesFromOhPicker.data); if (leftoverRules.data.length != 0) { rules += ";" + leftoverRules.data.join(";") } const phData = ph.data; if (phData !== undefined && phData !== "") { rules += ";" + phData; } value.setData(rules); } rulesFromOhPicker.addCallback(update); ph.addCallback(update); this._leftoverWarning = new VariableUiElement(leftoverRules.map((leftovers: string[]) => { if (leftovers.length == 0) { return ""; } return new Combine([ Translations.t.general.opening_hours.not_all_rules_parsed, new FixedUiElement(leftovers.map(r => `${r}
`).join("") ).SetClass("subtle") ]).Render(); })) this._ohPicker = new OpeningHoursPicker(rulesFromOhPicker); } GetValue(): UIEventSource { return this._value; } InnerRender(): string { return new Combine([ this._leftoverWarning, this._ohPicker, this._phSelector ]).Render(); } public readonly IsSelected: UIEventSource = new UIEventSource(false); IsValid(t: string): boolean { return true; } }