hopglass/lib/tabs.js
2017-03-18 16:26:29 +01:00

64 lines
1.3 KiB
JavaScript

define(function () {
"use strict";
return function () {
var self = this;
var tabs = document.createElement("ul");
tabs.classList.add("tabs");
var container = document.createElement("div");
function gotoTab(li) {
for (var i = 0; i < tabs.children.length; i++) {
tabs.children[i].classList.remove("visible");
}
while (container.firstChild) {
container.removeChild(container.firstChild);
}
li.classList.add("visible");
var tab = document.createElement("div");
tab.classList.add("tab");
container.appendChild(tab);
li.child.render(tab);
}
function switchTab() {
gotoTab(this);
return false;
}
self.add = function (title, d) {
var li = document.createElement("li");
li.textContent = title;
li.onclick = switchTab;
li.child = d;
tabs.appendChild(li);
var anyVisible = false;
for (var i = 0; i < tabs.children.length; i++) {
if (tabs.children[i].classList.contains("visible")) {
anyVisible = true;
break;
}
}
if (!anyVisible) {
gotoTab(li);
}
};
self.render = function (el) {
el.appendChild(tabs);
el.appendChild(container);
};
return self;
};
});