ffrgb / meshviewer

  'use strict';

  V = V.default;

  function showStatImg(o, d, time) {

    var subst = {

      '{SOURCE_ID}': d.source.node_id,

      '{SOURCE_NAME}': d.source.hostname.replace(/[^a-z0-9\-]/ig, '_'),

      '{TARGET_ID}': d.target.node_id,

      '{TARGET_NAME}': d.target.hostname.replace(/[^a-z0-9\-]/ig, '_'),

      '{TIME}': time,

      '{LOCALE}': _.locale()

    };

    return helper.showStat(V, o, subst);

  }

  return function (el, d, linkScale) {

    var self = this;

    var header = document.createElement('div');

    var table = document.createElement('table');

    var images = document.createElement('div');

    el.appendChild(header);

    el.appendChild(table);

    el.appendChild(images);

    self.render = function render() {

      var children = [];

      var headers = [];

      headers.push(V.h('h2', [

        V.h('a', {

          props: { href: router.generateLink({ node: d[0].source.node_id }) }

        }, d[0].source.hostname),

        V.h('span', ' - '),

        V.h('a', {

          props: { href: router.generateLink({ node: d[0].target.node_id }) }

        }, d[0].target.hostname)

      ]));

      header = V.patch(header, V.h('div', headers));

      helper.attributeEntry(V, children, 'node.hardware', (d[0].source.model ? d[0].source.model + ' – ' : '') +

        (d[0].target.model ? d[0].target.model : ''));

      helper.attributeEntry(V, children, 'node.distance', helper.showDistance(d[0]));

      d.forEach(function (node) {

        children.push(V.h('tr', { props: { className: 'header' } }, [

          V.h('th', _.t('node.connectionType')),

          V.h('th', node.type)

        ]));

        helper.attributeEntry(V, children, 'node.tq', V.h('span',

          {

            style:

              {

                color: linkScale((node.source_tq + node.target_tq) / 2)

              }

          }, helper.showTq(node.source_tq) + ' - ' + helper.showTq(node.target_tq))

        );

      });

      var elNew = V.h('table', children);

      table = V.patch(table, elNew);

      table.elm.classList.add('attributes');

      if (config.linkInfos) {

        var time = d.target.lastseen.format('DDMMYYYYHmmss');

        var img = [];

        config.linkInfos.forEach(function (linkInfo) {

          img.push(V.h('h4', linkInfo.name));

          img.push(showStatImg(linkInfo, d, time));

        });

        images = V.patch(images, V.h('div', img));

      }

    };

    self.setData = function setData(data) {

    };

    return self;

  };

});