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

Added invisible and visible functions to ignite templates.

Browse Source
This commit is contained in:
Matt Mo 2021-08-18 10:16:58 -07:00
parent 1bc054903c
commit 2d99f31bd4
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ignite-template.js
View File

@ -710,6 +710,18 @@ class IgniteTemplate {
});
}
/**
* Hides the element this template is constructing if the value is true.
* @param {Boolean|IgniteProperty} value If true hides the element this template is constructing. If an IgniteProperty is passed it's value will auto update this.
* @param {Function} converter An optional function to convert the value if needed.
* @returns This ignite template so function calls can be chained.
*/
invisible(value, converter = null) {
return this.style("visibility", value, true, (...params) => {
return ((converter != null && converter(...params)) || (converter == null && params[0])) ? "hidden" : null;
});
}
/**
* Shows the element this template is constructing if the value is true.
* @param {Boolean|IgniteProperty} value
@ -722,6 +734,18 @@ class IgniteTemplate {
});
}
/**
* Shows the element this template is constructing if the value is true.
* @param {Boolean|IgniteProperty} value
* @param {Function} converter
* @returns This ignite template so function calls can be chained.
*/
visibile(value, converter = null) {
return this.style("visibility", value, true, (...params) => {
return ((converter != null && converter(...params)) || (converter == null && params[0])) ? null : "visible";
});
}
/**
* Sets the id attribute of the element to be constructed by this template.
* @param {String|IgniteProperty} value The value to set for the id attribute of the element this template will construct.