|
@@ -8,9 +8,10 @@ function (chroma, Map, Sidebar, Tabs, Container, Meshstats, Linklist,
|
|
var dataTargets = []
|
|
var dataTargets = []
|
|
var latestData
|
|
var latestData
|
|
var content
|
|
var content
|
|
|
|
+ var contentDiv
|
|
|
|
|
|
var linkScale = chroma.scale(chroma.interpolate.bezier(["green", "yellow", "red"])).domain([1, 5])
|
|
var linkScale = chroma.scale(chroma.interpolate.bezier(["green", "yellow", "red"])).domain([1, 5])
|
|
- var sidebar = new Sidebar(document.body)
|
|
|
|
|
|
+ var sidebar
|
|
|
|
|
|
function removeContent() {
|
|
function removeContent() {
|
|
if (!content)
|
|
if (!content)
|
|
@@ -18,7 +19,7 @@ function (chroma, Map, Sidebar, Tabs, Container, Meshstats, Linklist,
|
|
|
|
|
|
router.removeTarget(content)
|
|
router.removeTarget(content)
|
|
content.destroy()
|
|
content.destroy()
|
|
- document.body.removeChild(content.div)
|
|
|
|
|
|
+ contentDiv.removeChild(content.div)
|
|
content = null
|
|
content = null
|
|
}
|
|
}
|
|
|
|
|
|
@@ -26,7 +27,7 @@ function (chroma, Map, Sidebar, Tabs, Container, Meshstats, Linklist,
|
|
removeContent()
|
|
removeContent()
|
|
|
|
|
|
content = new K(linkScale, sidebar, router)
|
|
content = new K(linkScale, sidebar, router)
|
|
- document.body.insertBefore(content.div, document.body.firstChild)
|
|
|
|
|
|
+ contentDiv.appendChild(content.div)
|
|
|
|
|
|
if (latestData)
|
|
if (latestData)
|
|
content.setData(latestData)
|
|
content.setData(latestData)
|
|
@@ -36,6 +37,12 @@ function (chroma, Map, Sidebar, Tabs, Container, Meshstats, Linklist,
|
|
router.reload()
|
|
router.reload()
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ contentDiv = document.createElement("div")
|
|
|
|
+ contentDiv.classList.add("content")
|
|
|
|
+ document.body.appendChild(contentDiv)
|
|
|
|
+
|
|
|
|
+ sidebar = new Sidebar(document.body)
|
|
|
|
+
|
|
var buttonToggle = document.createElement("button")
|
|
var buttonToggle = document.createElement("button")
|
|
buttonToggle.classList.add("contenttoggle")
|
|
buttonToggle.classList.add("contenttoggle")
|
|
buttonToggle.classList.add("next-graph")
|
|
buttonToggle.classList.add("next-graph")
|
|
@@ -50,7 +57,7 @@ function (chroma, Map, Sidebar, Tabs, Container, Meshstats, Linklist,
|
|
addContent(Map)
|
|
addContent(Map)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- document.body.appendChild(buttonToggle)
|
|
|
|
|
|
+ contentDiv.appendChild(buttonToggle)
|
|
|
|
|
|
var infobox = new Infobox(config, sidebar, router)
|
|
var infobox = new Infobox(config, sidebar, router)
|
|
var tabs = new Tabs()
|
|
var tabs = new Tabs()
|