Skip to content
Snippets Groups Projects
Unverified Commit 2a2b22bf authored by Xaver Maierhofer's avatar Xaver Maierhofer
Browse files

[TASK] Replace last tablesort with SimpleTable

parent e8ff43c6
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
app.js
+ 0
− 1
View file @ 2a2b22bf
...@@ -14,7 +14,6 @@ require.config({ ...@@ -14,7 +14,6 @@ require.config({
'leaflet.label': '../node_modules/leaflet-label/dist/leaflet.label', 'leaflet.label': '../node_modules/leaflet-label/dist/leaflet.label',
'chroma-js': '../node_modules/chroma-js/chroma.min', 'chroma-js': '../node_modules/chroma-js/chroma.min',
'moment': '../node_modules/moment/moment', 'moment': '../node_modules/moment/moment',
'tablesort': '../node_modules/tablesort/src/tablesort',
'd3': '../node_modules/d3/d3.min', 'd3': '../node_modules/d3/d3.min',
'virtual-dom': '../node_modules/virtual-dom/dist/virtual-dom', 'virtual-dom': '../node_modules/virtual-dom/dist/virtual-dom',
'rbush': '../node_modules/rbush/rbush', 'rbush': '../node_modules/rbush/rbush',
......
lib/infobox/node.js
+ 54
− 80
View file @ 2a2b22bf
define(['chroma-js', 'moment', 'tablesort', 'helper'], define(['sorttable', 'virtual-dom', 'chroma-js', 'moment', 'helper'],
function (chroma, moment, tablesort, helper) { function (SortTable, V, chroma, moment, helper) {
'use strict'; 'use strict';
function showGeoURI(d) { function showGeoURI(d) {
...@@ -189,6 +189,30 @@ define(['chroma-js', 'moment', 'tablesort', 'helper'], ...@@ -189,6 +189,30 @@ define(['chroma-js', 'moment', 'tablesort', 'helper'],
return function (config, el, router, d) { return function (config, el, router, d) {
var linkScale = chroma.scale(chroma.bezier(['#04C714', '#FF5500', '#F02311'])).domain([1, 5]); var linkScale = chroma.scale(chroma.bezier(['#04C714', '#FF5500', '#F02311'])).domain([1, 5]);
function renderNeighbourRow(n) {
var icons = [];
var name = [];
var unknown = !(n.node);
icons.push(V.h('span', { className: n.incoming ? 'ion-ios-arrow-thin-left' : 'ion-ios-arrow-thin-right' }));
if (!unknown && helper.hasLocation(n.node)) {
icons.push(V.h('span', { className: 'ion-location' }));
}
if (!unknown) {
name.push(V.h('a', { href: router.getUrl({ n: n.node.nodeinfo.node_id }), onclick: router.node(n.node), className: 'online' }, n.node.nodeinfo.hostname));
} else {
name.push(n.link.id);
}
var td1 = V.h('td', icons);
var td2 = V.h('td', name);
var td3 = V.h('td', { style: { color: linkScale(n.link.tq).hex() } }, helper.showTq(n.link));
var td4 = V.h('td', helper.showDistance(n.link));
return V.h('tr', [td1, td2, td3, td4]);
}
var h2 = document.createElement('h2'); var h2 = document.createElement('h2');
h2.textContent = d.nodeinfo.hostname; h2.textContent = d.nodeinfo.hostname;
el.appendChild(h2); el.appendChild(h2);
...@@ -236,84 +260,34 @@ define(['chroma-js', 'moment', 'tablesort', 'helper'], ...@@ -236,84 +260,34 @@ define(['chroma-js', 'moment', 'tablesort', 'helper'],
h3.textContent = _.t('node.link', d.neighbours.length) + '(' + d.neighbours.length + ')'; h3.textContent = _.t('node.link', d.neighbours.length) + '(' + d.neighbours.length + ')';
el.appendChild(h3); el.appendChild(h3);
var table = document.createElement('table'); var headings = [{
var thead = document.createElement('thead'); name: ''
}, {
var tr = document.createElement('tr'); name: 'node.nodes',
var th1 = document.createElement('th'); sort: function (a, b) {
th1.textContent = ' '; return a.node.nodeinfo.hostname.localeCompare(b.node.nodeinfo.hostname);
tr.appendChild(th1); },
reverse: false
var th2 = document.createElement('th'); }, {
th2.textContent = _.t('node.node', d.neighbours.length); name: 'node.tq',
th2.classList.add('sort-default'); sort: function (a, b) {
tr.appendChild(th2); return a.link.tq - b.link.tq;
},
var th3 = document.createElement('th'); reverse: true
th3.textContent = _.t('node.tq'); }, {
tr.appendChild(th3); name: 'node.distance',
sort: function (a, b) {
var th4 = document.createElement('th'); return (a.link.distance === undefined ? -1 : a.link.distance) -
th4.textContent = _.t('node.distance'); (b.link.distance === undefined ? -1 : b.link.distance);
tr.appendChild(th4); },
reverse: true
thead.appendChild(tr); }];
table.appendChild(thead);
var table = new SortTable(headings, 1, renderNeighbourRow);
var tbody = document.createElement('tbody'); table.el.classList.add('node-links');
table.setData(d.neighbours);
d.neighbours.forEach(function (n) {
var unknown = !(n.node); el.appendChild(table.el);
tr = document.createElement('tr');
var td1 = document.createElement('td');
var direction = document.createElement('span');
direction.classList.add(n.incoming ? 'ion-ios-arrow-thin-left' : 'ion-ios-arrow-thin-right');
td1.appendChild(direction);
if (!unknown && helper.hasLocation(n.node)) {
var span = document.createElement('span');
span.classList.add('ion-location');
td1.appendChild(span);
}
tr.appendChild(td1);
var td2 = document.createElement('td');
if (!unknown) {
var a1 = document.createElement('a');
a1.textContent = n.node.nodeinfo.hostname;
a1.classList.add('online');
a1.href = router.getUrl({ n: n.node.nodeinfo.node_id });
a1.onclick = router.node(n.node);
td2.appendChild(a1);
} else {
td2.textContent = n.id;
}
tr.appendChild(td2);
var td3 = document.createElement('td');
td3.textContent = helper.showTq(n.link);
td3.style.color = linkScale(n.link.tq).hex();
tr.appendChild(td3);
var td4 = document.createElement('td');
td4.textContent = helper.showDistance(n.link);
td4.setAttribute('data-sort', n.link.distance !== undefined ? -n.link.distance : 1);
tr.appendChild(td4);
tbody.appendChild(tr);
});
table.appendChild(tbody);
table.classList.add('node-links');
tablesort(table);
el.appendChild(table);
} }
}; };
}); });
package.json
+ 0
− 1
View file @ 2a2b22bf
...@@ -52,7 +52,6 @@ ...@@ -52,7 +52,6 @@
"promise-polyfill": "^6.0.2", "promise-polyfill": "^6.0.2",
"rbush": "1.4.3", "rbush": "1.4.3",
"requirejs": "^2.3.2", "requirejs": "^2.3.2",
"tablesort": "5.0.0",
"virtual-dom": "^2.1.1" "virtual-dom": "^2.1.1"
} }
} }
yarn.lock
+ 10
− 21
View file @ 2a2b22bf
...@@ -94,7 +94,7 @@ are-we-there-yet@~1.1.2: ...@@ -94,7 +94,7 @@ are-we-there-yet@~1.1.2:
delegates "^1.0.0" delegates "^1.0.0"
readable-stream "^2.0.0 || ^1.1.13" readable-stream "^2.0.0 || ^1.1.13"
argparse@^1.0.2, argparse@^1.0.7: argparse@^1.0.2:
version "1.0.9" version "1.0.9"
resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86" resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
dependencies: dependencies:
...@@ -542,8 +542,8 @@ clean-css@1.1.7: ...@@ -542,8 +542,8 @@ clean-css@1.1.7:
commander "2.0.x" commander "2.0.x"
clean-css@4.0.x: clean-css@4.0.x:
version "4.0.3" version "4.0.4"
resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.0.3.tgz#9da7b59301d940c345757f175e6dfa6872c7de8e" resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.0.4.tgz#629896cc364f3c3d00b9908ee60dd18e4c6c6462"
dependencies: dependencies:
source-map "0.5.x" source-map "0.5.x"
...@@ -1408,9 +1408,9 @@ glob-parent@^2.0.0: ...@@ -1408,9 +1408,9 @@ glob-parent@^2.0.0:
dependencies: dependencies:
is-glob "^2.0.0" is-glob "^2.0.0"
glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@~7.1.1: glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@~7.0.0:
version "7.1.1" version "7.0.6"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8" resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
dependencies: dependencies:
fs.realpath "^1.0.0" fs.realpath "^1.0.0"
inflight "^1.0.4" inflight "^1.0.4"
...@@ -1429,9 +1429,9 @@ glob@~5.0.0: ...@@ -1429,9 +1429,9 @@ glob@~5.0.0:
once "^1.3.0" once "^1.3.0"
path-is-absolute "^1.0.0" path-is-absolute "^1.0.0"
glob@~7.0.0: glob@~7.1.1:
version "7.0.6" version "7.1.1"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a" resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
dependencies: dependencies:
fs.realpath "^1.0.0" fs.realpath "^1.0.0"
inflight "^1.0.4" inflight "^1.0.4"
...@@ -2024,14 +2024,7 @@ js-tokens@^3.0.0: ...@@ -2024,14 +2024,7 @@ js-tokens@^3.0.0:
version "3.0.1" version "3.0.1"
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7"
js-yaml@^3.4.6, js-yaml@^3.5.1, js-yaml@^3.5.4: js-yaml@^3.4.6, js-yaml@^3.5.1, js-yaml@^3.5.4, js-yaml@~3.5.2:
version "3.7.0"
resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
dependencies:
argparse "^1.0.7"
esprima "^2.6.0"
js-yaml@~3.5.2:
version "3.5.5" version "3.5.5"
resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.5.5.tgz#0377c38017cabc7322b0d1fbcd25a491641f2fbe" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.5.5.tgz#0377c38017cabc7322b0d1fbcd25a491641f2fbe"
dependencies: dependencies:
...@@ -3381,10 +3374,6 @@ table@^3.7.8: ...@@ -3381,10 +3374,6 @@ table@^3.7.8:
slice-ansi "0.0.4" slice-ansi "0.0.4"
string-width "^2.0.0" string-width "^2.0.0"
tablesort@5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/tablesort/-/tablesort-5.0.0.tgz#66b4c3a4603bd8b5f67e2696f28dd784a1cbb00b"
tar-pack@~3.3.0: tar-pack@~3.3.0:
version "3.3.0" version "3.3.0"
resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.3.0.tgz#30931816418f55afc4d21775afdd6720cee45dae" resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.3.0.tgz#30931816418f55afc4d21775afdd6720cee45dae"
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Impressum - Datenschutz