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

Renamed js to ignite-html-tabs. Added null check on element.

Browse Source
This commit is contained in:
MattMo 2021-05-04 14:24:40 -07:00
parent fdb0733b31
commit 3fd63e1474
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ignite-tabs.js → ignite-html-tabs.js
View File

@ -14,17 +14,19 @@ IgniteTemplate.prototype.tab = function(name, active = false) {
//the tabchange event is raised. Upon disconnecting the callback we remove //the tabchange event is raised. Upon disconnecting the callback we remove
//the event listener. //the event listener.
var callback = new IgniteCallback(e => { var callback = new IgniteCallback(e => {
if (e.tabName == name) { if (this.element) {
this.element.classList.remove("tab-inactive"); if (e.tabName == name) {
this.element.classList.remove("tab-inactive");
if (!this.element.classList.contains("tab-active")) { if (!this.element.classList.contains("tab-active")) {
this.element.classList.add("tab-active"); this.element.classList.add("tab-active");
} }
} else { } else {
this.element.classList.remove("tab-active"); this.element.classList.remove("tab-active");
if (!this.element.classList.contains("tab-inactive")) { if (!this.element.classList.contains("tab-inactive")) {
this.element.classList.add("tab-inactive"); this.element.classList.add("tab-inactive");
}
} }
} }
}, () => { }, () => {