66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
define(['sorttable', 'snabbdom', 'helper'], function (SortTable, V, helper) {
|
||
'use strict';
|
||
|
||
function linkName(d) {
|
||
return (d.source.node ? d.source.node.nodeinfo.hostname : d.source.id) + ' – ' + d.target.node.nodeinfo.hostname;
|
||
}
|
||
|
||
var headings = [{
|
||
name: 'node.nodes',
|
||
sort: function (a, b) {
|
||
return linkName(a).localeCompare(linkName(b));
|
||
},
|
||
reverse: false
|
||
}, {
|
||
name: 'node.tq',
|
||
class: 'ion-connection-bars',
|
||
sort: function (a, b) {
|
||
return a.tq - b.tq;
|
||
},
|
||
reverse: true
|
||
}, {
|
||
name: 'node.distance',
|
||
class: 'ion-arrow-resize',
|
||
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);
|
||
V = V.default;
|
||
|
||
function renderRow(d) {
|
||
var td1Content = [V.h('a', {
|
||
props: {
|
||
href: router.generateLink({ link: d.id })
|
||
}, on: {
|
||
click: function (e) {
|
||
router.fullUrl({ link: d.id }, e);
|
||
}
|
||
}
|
||
}, linkName(d))];
|
||
|
||
var td1 = V.h('td', td1Content);
|
||
var td2 = V.h('td', { style: { color: linkScale(1 / d.tq) } }, helper.showTq(d));
|
||
var td3 = V.h('td', helper.showDistance(d));
|
||
|
||
return V.h('tr', [td1, td2, td3]);
|
||
}
|
||
|
||
this.render = function render(d) {
|
||
var h2 = document.createElement('h2');
|
||
h2.textContent = _.t('node.links');
|
||
d.appendChild(h2);
|
||
table.el.elm.classList.add('link-list');
|
||
d.appendChild(table.el.elm);
|
||
};
|
||
|
||
this.setData = function setData(d) {
|
||
table.setData(d.graph.links);
|
||
};
|
||
};
|
||
});
|