|
1
|
|
|
define(['snabbdom', 'helper', 'moment'], function (V, helper, moment) { |
|
2
|
|
|
'use strict'; |
|
3
|
|
|
V = V.default; |
|
4
|
|
|
|
|
5
|
|
|
var self = {}; |
|
6
|
|
|
|
|
7
|
|
|
function showBar(v, width, warning) { |
|
8
|
|
|
return V.h('span', |
|
9
|
|
|
{ props: { className: 'bar' + (warning ? ' warning' : '') } }, |
|
10
|
|
|
[ |
|
11
|
|
|
V.h('span', |
|
12
|
|
|
{ |
|
13
|
|
|
style: { width: (width * 100) + '%' } |
|
14
|
|
|
}), |
|
15
|
|
|
V.h('label', v) |
|
16
|
|
|
] |
|
17
|
|
|
); |
|
18
|
|
|
} |
|
19
|
|
|
|
|
20
|
|
|
self.showStatus = function showStatus(d) { |
|
21
|
|
|
return V.h('td', |
|
22
|
|
|
{ props: { className: d.is_online ? 'online' : 'offline' } }, |
|
23
|
|
|
_.t((d.is_online ? 'node.lastOnline' : 'node.lastOffline'), { |
|
24
|
|
|
time: d.lastseen.fromNow(), |
|
25
|
|
|
date: d.lastseen.format('DD.MM.YYYY, H:mm:ss') |
|
26
|
|
|
})); |
|
27
|
|
|
}; |
|
28
|
|
|
|
|
29
|
|
|
self.showGeoURI = function showGeoURI(d) { |
|
30
|
|
|
if (!helper.hasLocation(d)) { |
|
31
|
|
|
return undefined; |
|
32
|
|
|
} |
|
33
|
|
|
|
|
34
|
|
|
return V.h('td', |
|
35
|
|
|
V.h('a', |
|
36
|
|
|
{ props: { href: 'geo:' + d.location.latitude + ',' + d.location.longitude } }, |
|
37
|
|
|
Number(d.location.latitude.toFixed(6)) + ', ' + Number(d.location.longitude.toFixed(6)) |
|
38
|
|
|
) |
|
39
|
|
|
); |
|
40
|
|
|
}; |
|
41
|
|
|
|
|
42
|
|
|
self.showGateway = function showGateway(d) { |
|
43
|
|
|
return d.is_gateway ? _.t('yes') : undefined; |
|
44
|
|
|
}; |
|
45
|
|
|
|
|
46
|
|
|
self.showFirmware = function showFirmware(d) { |
|
47
|
|
|
return [ |
|
48
|
|
|
helper.dictGet(d, ['firmware', 'release']), |
|
49
|
|
|
helper.dictGet(d, ['firmware', 'base']) |
|
50
|
|
|
].filter(function (n) { |
|
51
|
|
|
return n !== null; |
|
52
|
|
|
}).join(' / ') || undefined; |
|
53
|
|
|
}; |
|
54
|
|
|
|
|
55
|
|
|
self.showUptime = function showUptime(d) { |
|
56
|
|
|
return moment.utc(d.uptime).local().fromNow(true); |
|
57
|
|
|
}; |
|
58
|
|
|
|
|
59
|
|
|
self.showFirstSeen = function showFirstSeen(d) { |
|
60
|
|
|
return d.firstseen.fromNow(true); |
|
61
|
|
|
}; |
|
62
|
|
|
|
|
63
|
|
|
self.showLoad = function showLoad(d) { |
|
64
|
|
|
if (!d.loadavg) { |
|
65
|
|
|
return undefined; |
|
66
|
|
|
} |
|
67
|
|
|
return showBar(d.loadavg.toFixed(2), d.loadavg % 1, d.loadavg >= d.nproc); |
|
68
|
|
|
}; |
|
69
|
|
|
|
|
70
|
|
|
self.showRAM = function showRAM(d) { |
|
71
|
|
|
if (!d.memory_usage) { |
|
72
|
|
|
return undefined; |
|
73
|
|
|
} |
|
74
|
|
|
return showBar(Math.round(d.memory_usage * 100) + ' %', d.memory_usage, d.memory_usage >= 0.8); |
|
75
|
|
|
}; |
|
76
|
|
|
|
|
77
|
|
|
self.showSite = function showSite(d) { |
|
78
|
|
|
var rt = d.site_code; |
|
79
|
|
|
if (config.siteNames) { |
|
80
|
|
|
config.siteNames.forEach(function (t) { |
|
81
|
|
|
if (d.site_code === t.site) { |
|
82
|
|
|
rt = t.name; |
|
83
|
|
|
} |
|
84
|
|
|
}); |
|
85
|
|
|
} |
|
86
|
|
|
return rt; |
|
87
|
|
|
}; |
|
88
|
|
|
|
|
89
|
|
|
self.showClients = function showClients(d) { |
|
90
|
|
|
if (!d.is_online) { |
|
91
|
|
|
return undefined; |
|
92
|
|
|
} |
|
93
|
|
|
|
|
94
|
|
|
var clients = [ |
|
95
|
|
|
V.h('span', [ |
|
96
|
|
|
d.clients > 0 ? d.clients : _.t('none'), |
|
97
|
|
|
V.h('br'), |
|
98
|
|
|
V.h('i', { props: { className: 'ion-people', title: _.t('node.clients') } }) |
|
99
|
|
|
]), |
|
100
|
|
|
V.h('span', |
|
101
|
|
|
{ props: { className: 'legend-24ghz' } }, |
|
102
|
|
|
[ |
|
103
|
|
|
d.clients_wifi24, |
|
104
|
|
|
V.h('br'), |
|
105
|
|
|
V.h('span', { props: { className: 'symbol', title: '2,4 Ghz' } }) |
|
106
|
|
|
]), |
|
107
|
|
|
V.h('span', |
|
108
|
|
|
{ props: { className: 'legend-5ghz' } }, |
|
109
|
|
|
[ |
|
110
|
|
|
d.clients_wifi5, |
|
111
|
|
|
V.h('br'), |
|
112
|
|
|
V.h('span', { props: { className: 'symbol', title: '5 Ghz' } }) |
|
113
|
|
|
]), |
|
114
|
|
|
V.h('span', |
|
115
|
|
|
{ props: { className: 'legend-others' } }, |
|
116
|
|
|
[ |
|
117
|
|
|
d.clients_other, |
|
118
|
|
|
V.h('br'), |
|
119
|
|
|
V.h('span', { props: { className: 'symbol', title: _.t('others') } }) |
|
120
|
|
|
]) |
|
121
|
|
|
]; |
|
122
|
|
|
|
|
123
|
|
|
return V.h('td', { props: { className: 'clients' } }, clients); |
|
124
|
|
|
}; |
|
125
|
|
|
|
|
126
|
|
|
self.showIPs = function showIPs(d) { |
|
127
|
|
|
var string = []; |
|
128
|
|
|
var ips = d.network.addresses; |
|
129
|
|
|
ips.sort(); |
|
130
|
|
|
ips.forEach(function (ip, i) { |
|
131
|
|
|
if (i > 0) { |
|
132
|
|
|
string.push(V.h('br')); |
|
133
|
|
|
} |
|
134
|
|
|
|
|
135
|
|
|
if (ip.indexOf('fe80:') !== 0) { |
|
136
|
|
|
string.push(V.h('a', { props: { href: 'http://[' + ip + ']/', target: '_blank' } }, ip)); |
|
137
|
|
|
} else { |
|
138
|
|
|
string.push(ip); |
|
139
|
|
|
} |
|
140
|
|
|
}); |
|
141
|
|
|
return V.h('td', string); |
|
142
|
|
|
}; |
|
143
|
|
|
|
|
144
|
|
|
self.showAutoupdate = function showAutoupdate(d) { |
|
145
|
|
|
return d.autoupdater.enabled ? _.t('node.activated', { branch: d.autoupdater.branch }) : _.t('node.deactivated'); |
|
146
|
|
|
}; |
|
147
|
|
|
|
|
148
|
|
|
return self; |
|
149
|
|
|
}); |
|
150
|
|
|
|
ffrgb /
meshviewer
