From 0ae84fc73b77c6f1af96bfb6d1ebb1778ae18e70 Mon Sep 17 00:00:00 2001 From: MattMo Date: Wed, 30 Jun 2021 08:48:24 -0700 Subject: [PATCH] InnerHtml now allows property arrays to be used. --- ignite-template.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/ignite-template.js b/ignite-template.js index 0c2b06f..49145ab 100644 --- a/ignite-template.js +++ b/ignite-template.js @@ -360,6 +360,25 @@ class IgniteTemplate { this._callbacks.push(value.attachOnSplice((list, start, deleteCount, items) => this.onInnerHTMLChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null)))); this._elementInnerHTML = (converter != null ? converter(value.value) : value.value); + } else if (Array.isArray(value) && value.length > 0 && value[0] instanceof IgniteProperty) { + //There must be a converter for this to work correctly + if (!converter) { + throw "Cannot pass an array of properties without using a converter!"; + } + + //Attack a callback for all the properties + value.forEach(prop => { + if (prop instanceof IgniteProperty) { + this._callbacks.push(prop.attachOnChange((oldValue, newValue) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, oldValue)), converter(...value.getPropertyValues())))); + this._callbacks.push(prop.attachOnPush((list, items) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues())))); + this._callbacks.push(prop.attachOnUnshift((list, items) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues())))); + this._callbacks.push(prop.attachOnPop((list) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues())))); + this._callbacks.push(prop.attachOnShift((list) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues())))); + this._callbacks.push(prop.attachOnSplice((list, start, deleteCount, items) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues())))); + } + }); + + this._elementInnerHTML = converter(...value.getPropertyValues()); } else { this._elementInnerHTML = (converter != null ? converter(value) : value); }