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) } } })