72 lines
1.7 KiB
JavaScript
72 lines
1.7 KiB
JavaScript
define(['moment', 'snabbdom', 'helper'], function (moment, V, helper) {
|
|
'use strict';
|
|
V = V.default;
|
|
|
|
return function (nodes, field, router, title) {
|
|
var self = this;
|
|
var el;
|
|
var tbody;
|
|
|
|
self.render = function render(d) {
|
|
el = d;
|
|
};
|
|
|
|
self.setData = function setData(data) {
|
|
var list = data.nodes[nodes];
|
|
|
|
if (list.length === 0) {
|
|
tbody = null;
|
|
return;
|
|
}
|
|
|
|
if (!tbody) {
|
|
var h2 = document.createElement('h2');
|
|
h2.textContent = title;
|
|
el.appendChild(h2);
|
|
|
|
var table = document.createElement('table');
|
|
table.classList.add('node-list');
|
|
el.appendChild(table);
|
|
|
|
tbody = document.createElement('tbody');
|
|
tbody.last = V.h('tbody');
|
|
table.appendChild(tbody);
|
|
}
|
|
|
|
var items = list.map(function (d) {
|
|
var time = moment(d[field]).from(data.now);
|
|
var td0Content = [];
|
|
var td1Content = [];
|
|
|
|
var aClass = ['hostname', d.is_online ? 'online' : 'offline'];
|
|
|
|
td1Content.push(V.h('a', {
|
|
props: {
|
|
className: aClass.join(' '),
|
|
href: router.generateLink({ node: d.node_id })
|
|
}, on: {
|
|
click: function (e) {
|
|
router.fullUrl({ node: d.node_id }, e);
|
|
}
|
|
}
|
|
}, d.hostname));
|
|
|
|
if (helper.hasLocation(d)) {
|
|
td0Content.push(V.h('span', { props: { className: 'icon ion-location' } }));
|
|
}
|
|
|
|
var td0 = V.h('td', td0Content);
|
|
var td1 = V.h('td', td1Content);
|
|
var td2 = V.h('td', time);
|
|
|
|
return V.h('tr', [td0, td1, td2]);
|
|
});
|
|
|
|
var tbodyNew = V.h('tbody', items);
|
|
tbody = V.patch(tbody, tbodyNew);
|
|
};
|
|
|
|
return self;
|
|
};
|
|
});
|