MontoyaTech/ignite-html
MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Modified ignite template properties function to dynamically change properties. Fixed a few bugs as well.

Browse Source
This commit is contained in:
MattMo 2023-08-11 17:33:39 -07:00
parent d080d8e175
commit 645af63c30
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ignite-template.js
View File

@ -376,6 +376,17 @@ class IgniteTemplate {
Object.getOwnPropertyNames(props).forEach(name => this.property(name, props[name], true)); Object.getOwnPropertyNames(props).forEach(name => this.property(name, props[name], true));
} }
else if (props instanceof IgniteProperty) {
this._callbacks.push(props.attachOnChange((oldValue, newValue) => {
if (newValue) {
Object.keys(newValue).forEach(name => this.onPropertyChanged(name, newValue[name]));
}
}));
if (props.value) {
Object.keys(props.value).forEach(name => this.property(name, props[name], false, null));
}
}
else { else {
Object.keys(props).forEach(name => this.property(name, props[name], false, null)); Object.keys(props).forEach(name => this.property(name, props[name], false, null));
} }
@ -1482,7 +1493,11 @@ class IgniteTemplate {
IgniteRendering.leave(); IgniteRendering.leave();
} }
this._properties[propertyName].value = newValue; if (!this._properties[propertyName]) {
this._properties[propertyName] = { value: newValue };
} else {
this._properties[propertyName].value = newValue;
}
} }
/** /**
@ -2538,7 +2553,7 @@ class converter extends IgniteTemplate {
if (converter instanceof IgniteProperty) { if (converter instanceof IgniteProperty) {
this._callbacks.push(converter.attachOnChange((oldValue, newValue) => this.onConverterChanged(newValue))); this._callbacks.push(converter.attachOnChange((oldValue, newValue) => this.onConverterChanged(newValue)));
this.converter = converter.value; this.converter = converter.value;
} else if (converter instanceof Function) { } else if (converter instanceof Function) {
this.converter = converter; this.converter = converter;
@ -2562,7 +2577,7 @@ class converter extends IgniteTemplate {
if (this.converter) { if (this.converter) {
child = this.converter(this.value); child = this.converter(this.value);
} }
if (child instanceof IgniteTemplate) { if (child instanceof IgniteTemplate) {
this.child = child; this.child = child;
} else if (child) { } else if (child) {
@ -2608,8 +2623,8 @@ class converter extends IgniteTemplate {
if (this.converter) { if (this.converter) {
child = this.converter(child); child = this.converter(child);
} }
if (child instanceof IgniteTemplate) { if (child instanceof IgniteTemplate) {
this.child = child; this.child = child;
} else if (child) { } else if (child) {