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

You can now have multiple callbacks for a single event, and we now pass back the template for any element we construct.

Browse Source
This commit is contained in:
Matt Mo 2020-07-30 09:58:47 -07:00
parent 68d301c16e
commit bfca6d48e6
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/ignite-template.js
View File

@ -125,11 +125,15 @@ class IgniteTemplate {
* @param {Any} func * @param {Any} func
*/ */
on(eventName, func) { on(eventName, func) {
if (!this.events[eventName]) {
this.events[eventName] = [];
}
if (func instanceof IgniteProperty) { if (func instanceof IgniteProperty) {
this.callbacks.push(func.attach((oldValue, newValue) => this.onEventChanged(oldValue, newValue, eventName))); this.callbacks.push(func.attach((oldValue, newValue) => this.onEventChanged(oldValue, newValue, eventName)));
this.events[eventName] = func.value; this.events[eventName].push(func.value);
} else { } else {
this.events[eventName] = func; this.events[eventName].push(func);
} }
return this; return this;
@ -151,11 +155,8 @@ class IgniteTemplate {
if (!this.element) { if (!this.element) {
this.element = window.document.createElement(this.tagName); this.element = window.document.createElement(this.tagName);
//If this template is creating an ignite element, pass back our template so the element //Pass back our template to the element we are creating.
//can use it without having to create another one. this.element.template = this;
if (this.element instanceof IgniteElement) {
this.element.template = this;
}
//If the element has a onDisconnected function, attach to it //If the element has a onDisconnected function, attach to it
//(This way if a custom element is removed we can deconstruct and cleanup) //(This way if a custom element is removed we can deconstruct and cleanup)
@ -185,9 +186,11 @@ class IgniteTemplate {
//Set the events on this element //Set the events on this element
var keys = Object.keys(this.events); var keys = Object.keys(this.events);
for (var i = 0; i < keys.length; i++) { for (var i = 0; i < keys.length; i++) {
if (this.events[keys[i]] !== null) { this.events[keys[i]].forEach((event) => {
this.element.addEventListener(keys[i], this.events[keys[i]]); if (event !== null && event !== undefined) {
} this.element.addEventListener(keys[i], event);
}
});
} }
//Set the properties on this element //Set the properties on this element
@ -348,7 +351,9 @@ class IgniteTemplate {
this.element.addEventListener(eventName, newValue); this.element.addEventListener(eventName, newValue);
} }
this.events[eventName] = newValue; //Remove the old value from the events
this.events[eventName] = this.events[eventName].filter(ev => ev != oldValue);
this.events[eventName].push(newValue);
} }
} }
} }