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

Added style support to pagination so you can apply styling to all elements under the pagination.

Browse Source
This commit is contained in:
MattMo 2023-04-29 10:38:49 -07:00
parent 4f215dd375
commit 9fa7f4b054
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ignite-template.js
View File

@ -2745,6 +2745,7 @@ class pagination extends IgniteTemplate {
if (this.list) { if (this.list) {
for (var i = 0; i < this.list.length; i++) { for (var i = 0; i < this.list.length; i++) {
var template = this.forEach(this.list[i]); var template = this.forEach(this.list[i]);
template.construct(parent, this.element); template.construct(parent, this.element);
var page = parseInt(i / this.pageSize); var page = parseInt(i / this.pageSize);
@ -2753,7 +2754,7 @@ class pagination extends IgniteTemplate {
} else { } else {
template.element.style.removeProperty("display"); template.element.style.removeProperty("display");
} }
this.pages[page].push(template.element); this.pages[page].push(template.element);
this.children.push(template); this.children.push(template);
this.elements.push(template.element); this.elements.push(template.element);
@ -2922,6 +2923,14 @@ class pagination extends IgniteTemplate {
IgniteRendering.leave(); IgniteRendering.leave();
} }
onStyleChanged(name, newValue) {
this.elements.forEach((element) => {
element.style.setProperty(name, newValue, this._styles[name].priority);
});
this._styles[name].value = newValue;
}
} }
/** /**