52 lines
1.0 KiB
JavaScript
52 lines
1.0 KiB
JavaScript
define([], function () {
|
|
return function () {
|
|
var self = this
|
|
|
|
var tabs = document.createElement("ul")
|
|
tabs.classList.add("tabs")
|
|
|
|
var container = document.createElement("div")
|
|
|
|
function gotoTab(li) {
|
|
var visible = li.classList.contains("visible")
|
|
|
|
for (var i = 0; i < tabs.children.length; i++)
|
|
tabs.children[i].classList.remove("visible")
|
|
|
|
while (container.firstChild)
|
|
container.removeChild(container.firstChild)
|
|
|
|
if (visible)
|
|
return
|
|
|
|
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)
|
|
}
|
|
|
|
self.render = function (el) {
|
|
el.appendChild(tabs)
|
|
el.appendChild(container)
|
|
}
|
|
|
|
return self
|
|
}
|
|
})
|