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

Placeholder can now be used on regular elements to trigger a placeholder class to be added. List forEach now passes the list count with better documentation.

Browse Source
This commit is contained in:
Matt Mo 2021-10-26 00:14:30 -07:00
parent af0348c861
commit ba3f7e8095
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ignite-template.js
View File

@ -966,7 +966,23 @@ class IgniteTemplate {
* @returns This ignite template so function calls can be chained.
*/
placeholder(value, converter = null) {
//If this is a input element, modify the attribute, otherwise add the placeholder class.
if (this.tagName == "input") {
return this.attribute("placeholder", value, converter);
} else {
if (value instanceof IgniteProperty) {
return this.class(value, convert => {
convert = (converter != null ? converter(convert) : convert);
if (convert) {
return "placeholder";
} else {
return null;
}
});
} else {
return this.class("placeholder");
}
}
}
/**
@ -2031,7 +2047,7 @@ class html extends IgniteTemplate {
class list extends IgniteTemplate {
/**
* @param {Array|IgniteProperty} list The list of items to construct within this template.
* @param {Function} forEach A function that construct a template for an item from the list that is passed to it. The parameters are: item, index
* @param {Function(item, index, count)} forEach A function that constructs a template foreach item.
* @param {Boolean} reflect If true any items removed from the DOM will be removed from the list if they exist. By default this is false.
*/
constructor(list, forEach, reflect = false) {
@ -2104,7 +2120,7 @@ class list extends IgniteTemplate {
//Construct all the items in our list and use the container
if (this.list) {
for (var i = 0; i < this.list.length; i++) {
var template = this.forEach(this.list[i], i);
var template = this.forEach(this.list[i], i, this.list.length);
if (template) {
template.construct(parent, this.element);