61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
define(["sorttable", "virtual-dom"], function (SortTable, V) {
|
||
function linkName(d) {
|
||
return d.source.node.nodeinfo.hostname + " – " + d.target.node.nodeinfo.hostname
|
||
}
|
||
|
||
var headings = [{ name: "Knoten",
|
||
sort: function (a, b) {
|
||
return linkName(a).localeCompare(linkName(b))
|
||
},
|
||
reverse: false
|
||
},
|
||
{ name: "TQ",
|
||
sort: function (a, b) { return a.tq - b.tq},
|
||
reverse: true
|
||
},
|
||
{ name: "Typ",
|
||
sort: function (a, b) {
|
||
return a.type.localeCompare(b.type)
|
||
},
|
||
reverse: false
|
||
},
|
||
{ name: "Entfernung",
|
||
sort: function (a, b) {
|
||
return (a.distance === undefined ? -1 : a.distance) -
|
||
(b.distance === undefined ? -1 : b.distance)
|
||
},
|
||
reverse: true
|
||
}]
|
||
|
||
return function(linkScale, router) {
|
||
var table = new SortTable(headings, 2, renderRow)
|
||
|
||
function renderRow(d) {
|
||
var td1Content = [V.h("a", {href: "#", onclick: router.link(d)}, linkName(d))]
|
||
|
||
var td1 = V.h("td", td1Content)
|
||
var td2 = V.h("td", {style: {color: linkScale(d.tq).hex()}}, showTq(d))
|
||
var td3 = V.h("td", d.type)
|
||
var td4 = V.h("td", showDistance(d))
|
||
|
||
return V.h("tr", [td1, td2, td3, td4])
|
||
}
|
||
|
||
this.render = function (d) {
|
||
var el = document.createElement("div")
|
||
el.last = V.h("div")
|
||
d.appendChild(el)
|
||
|
||
var h2 = document.createElement("h2")
|
||
h2.textContent = "Verbindungen"
|
||
el.appendChild(h2)
|
||
|
||
el.appendChild(table.el)
|
||
}
|
||
|
||
this.setData = function (d) {
|
||
table.setData(d.graph.links)
|
||
}
|
||
}
|
||
})
|