ffrgb / meshviewer

  '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: {

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

    };

  };

});