freifunk/hopglass
8
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

make linklist.setData idempotent

Browse source
This commit is contained in:
Nils Schneider 2015-04-02 20:58:30 +02:00
parent 7b57a2245b
commit 7ddfbd964c
1 changed files with 43 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
lib/linklist.js
View file

@ -1,7 +1,8 @@
define(["tablesort", "tablesort.numeric"], function (Tablesort) { define(["tablesort", "virtual-dom", "tablesort.numeric"],
function (Tablesort, V) {
return function(linkScale, router) { return function(linkScale, router) {
var self = this var self = this
var el var el, tbody, sort
self.render = function (d) { self.render = function (d) {
el = document.createElement("div") el = document.createElement("div")
@ -12,11 +13,14 @@ define(["tablesort", "tablesort.numeric"], function (Tablesort) {
if (data.graph.links.length === 0) if (data.graph.links.length === 0)
return return
if (!tbody) {
var h2 = document.createElement("h2") var h2 = document.createElement("h2")
h2.textContent = "Verbindungen" h2.textContent = "Verbindungen"
el.appendChild(h2) el.appendChild(h2)
var table = document.createElement("table") var table = document.createElement("table")
el.appendChild(table)
var thead = document.createElement("thead") var thead = document.createElement("thead")
var tr = document.createElement("tr") var tr = document.createElement("tr")
@ -34,42 +38,35 @@ define(["tablesort", "tablesort.numeric"], function (Tablesort) {
tr.appendChild(th3) tr.appendChild(th3)
thead.appendChild(tr) thead.appendChild(tr)
table.appendChild(thead) table.appendChild(thead)
var tbody = document.createElement("tbody") tbody = document.createElement("tbody")
tbody.last = V.h("tbody")
data.graph.links.forEach( function (d) {
var row = document.createElement("tr")
var td1 = document.createElement("td")
var a = document.createElement("a")
a.textContent = d.source.node.nodeinfo.hostname + " – " + d.target.node.nodeinfo.hostname
a.href = "#"
a.onclick = router.link(d)
td1.appendChild(a)
row.appendChild(td1)
if (d.vpn)
td1.appendChild(document.createTextNode(" (VPN)"))
var td2 = document.createElement("td")
td2.textContent = showTq(d)
td2.style.color = linkScale(d.tq)
row.appendChild(td2)
var td3 = document.createElement("td")
td3.textContent = showDistance(d)
td3.setAttribute("data-sort", d.distance !== undefined ? -d.distance : 1)
row.appendChild(td3)
tbody.appendChild(row)
})
table.appendChild(tbody) table.appendChild(tbody)
new Tablesort(table) sort = new Tablesort(table)
}
el.appendChild(table) var items = data.graph.links.map( function (d) {
var name = d.source.node.nodeinfo.hostname + " – " + d.target.node.nodeinfo.hostname
var td1Content = [V.h("a", {href: "#", onclick: router.link(d)}, name)]
if (d.vpn)
td1Content.push(" (VPN)")
var td1 = V.h("td", td1Content)
var td2 = V.h("td", {style: {color: linkScale(d.tq)}}, showTq(d))
var td3 = V.h("td", {attributes: {
"data-sort": d.distance !== undefined ? -d.distance : 1
}}, showDistance(d))
return V.h("tr", [td1, td2, td3])
})
var tbodyNew = V.h("tbody", items)
tbody = V.patch(tbody, V.diff(tbody.last, tbodyNew))
tbody.last = tbodyNew
sort.refresh()
} }
} }
}) })