modules/admin-full: various javascript fixes in templates
[project/luci.git] / modules / admin-full / luasrc / view / admin_status / index.htm
1 <%#
2 LuCI - Lua Configuration Interface
3 Copyright 2008 Steven Barth <steven@midlink.org>
4 Copyright 2008-2011 Jo-Philipp Wich <xm@subsignal.org>
5
6 Licensed under the Apache License, Version 2.0 (the "License");
7 you may not use this file except in compliance with the License.
8 You may obtain a copy of the License at
9
10 http://www.apache.org/licenses/LICENSE-2.0
11
12 $Id$
13
14 -%>
15
16 <%
17 require "luci.fs"
18 require "luci.tools.status"
19
20 local has_ipv6 = luci.fs.access("/proc/net/ipv6_route")
21 local has_dhcp = luci.fs.access("/etc/config/dhcp")
22 local has_wifi = luci.fs.stat("/etc/config/wireless")
23 has_wifi = has_wifi and has_wifi.size > 0
24
25 if luci.http.formvalue("status") == "1" then
26 local ntm = require "luci.model.network".init()
27 local dr4 = luci.sys.net.defaultroute()
28 local dr6 = luci.sys.net.defaultroute6()
29 local wan, wan6
30
31 if dr4 and dr4.device then
32 wan = ntm:get_interface(dr4.device)
33 wan = wan and wan:get_network()
34 end
35
36 if dr6 and dr6.device then
37 wan6 = ntm:get_interface(dr6.device)
38 wan6 = wan6 and wan6:get_network()
39 end
40
41 local _, _, memtotal, memcached, membuffers, memfree = luci.sys.sysinfo()
42
43 local conn_count = tonumber((
44 luci.sys.exec("wc -l /proc/net/nf_conntrack") or
45 luci.sys.exec("wc -l /proc/net/ip_conntrack") or
46 ""):match("%d+")) or 0
47
48 local conn_max = tonumber((
49 luci.sys.exec("sysctl net.nf_conntrack_max") or
50 luci.sys.exec("sysctl net.ipv4.netfilter.ip_conntrack_max") or
51 ""):match("%d+")) or 4096
52
53 local rv = {
54 uptime = luci.sys.uptime(),
55 localtime = os.date(),
56 loadavg = { luci.sys.loadavg() },
57 memtotal = memtotal,
58 memcached = memcached,
59 membuffers = membuffers,
60 memfree = memfree,
61 connmax = conn_max,
62 conncount = conn_count,
63 leases = luci.tools.status.dhcp_leases(),
64 wifinets = luci.tools.status.wifi_networks()
65 }
66
67 if wan then
68 rv.wan = {
69 ipaddr = wan:ipaddr(),
70 gwaddr = wan:gwaddr(),
71 netmask = wan:netmask(),
72 dns = wan:dnsaddrs(),
73 expires = wan:expires(),
74 uptime = wan:uptime(),
75 proto = wan:proto(),
76 ifname = wan:ifname(),
77 link = wan:adminlink()
78 }
79 end
80
81 if wan6 then
82 rv.wan6 = {
83 ip6addr = wan6:ip6addr(),
84 gw6addr = wan6:gw6addr(),
85 dns = wan6:dns6addrs(),
86 uptime = wan6:uptime(),
87 ifname = wan6:ifname(),
88 link = wan6:adminlink()
89 }
90 end
91
92 luci.http.prepare_content("application/json")
93 luci.http.write_json(rv)
94
95 return
96 end
97
98 local system, model = luci.sys.sysinfo()
99 -%>
100
101 <%+header%>
102
103 <script type="text/javascript" src="<%=resource%>/cbi.js"></script>
104 <script type="text/javascript">//<![CDATA[
105 function progressbar(v, m)
106 {
107 var vn = parseInt(v) || 0;
108 var mn = parseInt(m) || 100;
109 var pc = Math.floor((100 / mn) * vn);
110
111 return String.format(
112 '<div style="width:200px; position:relative; border:1px solid #999999">' +
113 '<div style="background-color:#CCCCCC; width:%d%%; height:15px">' +
114 '<div style="position:absolute; left:0; top:0; text-align:center; width:100%%; color:#000000">' +
115 '<small>%s / %s (%d%%)</small>' +
116 '</div>' +
117 '</div>' +
118 '</div>', pc, v, m, pc
119 );
120 }
121
122 var iwxhr = new XHR();
123 var wifidevs = <%=luci.http.write_json(netdevs)%>;
124 var arptable = <%=luci.http.write_json(arpcache)%>;
125
126 (function() {
127 var func = arguments.callee;
128
129 iwxhr.get('<%=REQUEST_URI%>', { status: 1 },
130 function(x, info)
131 {
132 var si = document.getElementById('wan4_i');
133 var ss = document.getElementById('wan4_s');
134 var ifc = info.wan;
135
136 if (ifc && ifc.ifname && ifc.proto != 'none')
137 {
138 var s = String.format(
139 '<strong><%:Type%>: </strong>%s<br />' +
140 '<strong><%:Address%>: </strong>%s<br />' +
141 '<strong><%:Netmask%>: </strong>%s<br />' +
142 '<strong><%:Gateway%>: </strong>%s<br />',
143 ifc.proto,
144 (ifc.ipaddr) ? ifc.ipaddr : '0.0.0.0',
145 (ifc.netmask && ifc.netmask != ifc.ipaddr) ? ifc.netmask : '255.255.255.255',
146 (ifc.gwaddr) ? ifc.gwaddr : '0.0.0.0'
147 );
148
149 for (var i = 0; i < ifc.dns.length; i++)
150 {
151 s += String.format(
152 '<strong><%:DNS%> %d: </strong>%s<br />',
153 i + 1, ifc.dns[i]
154 );
155 }
156
157 if (ifc.expires > -1)
158 {
159 s += String.format(
160 '<strong><%:Expires%>: </strong>%t<br />',
161 ifc.expires
162 );
163 }
164
165 if (ifc.uptime > 0)
166 {
167 s += String.format(
168 '<strong><%:Connected%>: </strong>%t<br />',
169 ifc.uptime
170 );
171 }
172
173 ss.innerHTML = String.format('<small>%s</small>', s);
174 si.innerHTML = String.format(
175 '<img src="<%=resource%>/icons/ethernet.png" />' +
176 '<br /><small><a href="%s">%s</a></small>',
177 ifc.link, ifc.ifname
178 );
179 }
180 else
181 {
182 si.innerHTML = '<img src="<%=resource%>/icons/ethernet_disabled.png" /><br /><small>?</small>';
183 ss.innerHTML = '<em>Not connected</em>';
184 }
185
186 <% if has_ipv6 then %>
187 var si6 = document.getElementById('wan6_i');
188 var ss6 = document.getElementById('wan6_s');
189 var ifc6 = info.wan6;
190
191 if (ifc6 && ifc6.ifname && ifc6.proto != 'none')
192 {
193 var s = String.format(
194 '<strong><%:Address%>: </strong>%s<br />' +
195 '<strong><%:Gateway%>: </strong>%s<br />',
196 (ifc6.ip6addr) ? ifc6.ip6addr : '::',
197 (ifc6.gw6addr) ? ifc6.gw6addr : '::'
198 );
199
200 for (var i = 0; i < ifc6.dns.length; i++)
201 {
202 s += String.format(
203 '<strong><%:DNS%> %d: </strong>%s<br />',
204 i + 1, ifc6.dns[i]
205 );
206 }
207
208 if (ifc6.uptime > 0)
209 {
210 s += String.format(
211 '<strong><%:Connected%>: </strong>%t<br />',
212 ifc6.uptime
213 );
214 }
215
216 ss6.innerHTML = String.format('<small>%s</small>', s);
217 si6.innerHTML = String.format(
218 '<img src="<%=resource%>/icons/ethernet.png" />' +
219 '<br /><small><a href="%s">%s</a></small>',
220 ifc6.link, ifc6.ifname
221 );
222 }
223 else
224 {
225 si6.innerHTML = '<img src="<%=resource%>/icons/ethernet_disabled.png" /><br /><small>?</small>';
226 ss6.innerHTML = '<em>Not connected</em>';
227 }
228 <% end %>
229
230 <% if has_dhcp then %>
231 var ls = document.getElementById('lease_status_table');
232 if (ls)
233 {
234 /* clear all rows */
235 while( ls.rows.length > 1 )
236 ls.rows[0].parentNode.deleteRow(1);
237
238 for( var i = 0; i < info.leases.length; i++ )
239 {
240 var timestr;
241
242 if (info.leases[i].expires <= 0)
243 timestr = '<em><%:expired%></em>';
244 else
245 timestr = String.format('%t', info.leases[i].expires);
246
247 var tr = ls.rows[0].parentNode.insertRow(-1);
248 tr.className = 'cbi-section-table-row cbi-rowstyle-' + ((i % 2) + 1);
249
250 tr.insertCell(-1).innerHTML = info.leases[i].hostname ? info.leases[i].hostname : '?';
251 tr.insertCell(-1).innerHTML = info.leases[i].ipaddr;
252 tr.insertCell(-1).innerHTML = info.leases[i].macaddr;
253 tr.insertCell(-1).innerHTML = timestr;
254 }
255
256 if( ls.rows.length == 1 )
257 {
258 var tr = ls.rows[0].parentNode.insertRow(-1);
259 tr.className = 'cbi-section-table-row';
260
261 var td = tr.insertCell(-1);
262 td.colSpan = 4;
263 td.innerHTML = '<em><br /><%:There are no active leases.%></em>';
264 }
265 }
266 <% end %>
267
268 <% if has_wifi then %>
269 var assoclist = [ ];
270
271 var ws = document.getElementById('wifi_status_table');
272 if (ws)
273 {
274 var wsbody = ws.rows[0].parentNode;
275 while (ws.rows.length > 0)
276 wsbody.deleteRow(0);
277
278 for (var didx = 0; didx < info.wifinets.length; didx++)
279 {
280 var dev = info.wifinets[didx];
281
282 var tr = wsbody.insertRow(-1);
283 var td;
284
285 td = tr.insertCell(-1);
286 td.width = "33%";
287 td.innerHTML = dev.name;
288 td.style.verticalAlign = "top";
289
290 td = tr.insertCell(-1);
291
292 var s = '';
293
294 for (var nidx = 0; nidx < dev.networks.length; nidx++)
295 {
296 var net = dev.networks[nidx];
297 var is_assoc = (net.bssid != '00:00:00:00:00:00' && net.channel);
298
299 var icon;
300 if (!is_assoc)
301 icon = "<%=resource%>/icons/signal-none.png";
302 else if (net.quality == 0)
303 icon = "<%=resource%>/icons/signal-0.png";
304 else if (net.quality < 25)
305 icon = "<%=resource%>/icons/signal-0-25.png";
306 else if (net.quality < 50)
307 icon = "<%=resource%>/icons/signal-25-50.png";
308 else if (net.quality < 75)
309 icon = "<%=resource%>/icons/signal-50-75.png";
310 else
311 icon = "<%=resource%>/icons/signal-75-100.png";
312
313 s += String.format(
314 '<table><tr><td style="text-align:center; width:32px; padding:3px">' +
315 '<img src="%s" title="<%:Signal%>: %d dBm / <%:Noise%>: %d dBm" />' +
316 '<br /><small>%d%%</small>' +
317 '</td><td style="text-align:left; padding:3px"><small>' +
318 '<strong><%:SSID%>:</strong> <a href="%s">%h</a><br />' +
319 '<strong><%:Mode%>:</strong> %s<br />' +
320 '<strong><%:Channel%>:</strong> %d (%.2f GHz)<br />' +
321 '<strong><%:Bitrate%>:</strong> %s Mb/s<br />',
322 icon, net.signal, net.noise,
323 net.quality,
324 net.link, net.ssid,
325 net.mode,
326 net.channel, net.frequency,
327 net.bitrate || '?'
328 );
329
330 if (is_assoc)
331 {
332 s += String.format(
333 '<strong><%:BSSID%>:</strong> %s<br />' +
334 '<strong><%:Encryption%>:</strong> %s',
335 net.bssid,
336 net.encryption
337 );
338 }
339 else
340 {
341 s += '<em><%:Wireless is disabled or not associated%></em>';
342 }
343
344 s += '</small></td></tr></table>';
345
346 for (var bssid in net.assoclist)
347 {
348 assoclist.push({
349 bssid: bssid,
350 signal: net.assoclist[bssid].signal,
351 noise: net.assoclist[bssid].noise,
352 link: net.link,
353 name: net.name
354 });
355 }
356 }
357
358 if (!s)
359 s = '<em><%:No information available%></em>';
360
361 td.innerHTML = s;
362 }
363 }
364
365 var ac = document.getElementById('wifi_assoc_table');
366 if (ac)
367 {
368 /* clear all rows */
369 while( ac.rows.length > 1 )
370 ac.rows[0].parentNode.deleteRow(1);
371
372 assoclist.sort(function(a, b) {
373 return (a.name == b.name)
374 ? (a.bssid < b.bssid)
375 : (a.name > b.name )
376 ;
377 });
378
379 for( var i = 0; i < assoclist.length; i++ )
380 {
381 var tr = ac.rows[0].parentNode.insertRow(-1);
382 tr.className = 'cbi-section-table-row cbi-rowstyle-' + (1 + (i % 2));
383
384 var icon;
385 var q = (-1 * (assoclist[i].noise - assoclist[i].signal)) / 5;
386 if (q < 1)
387 icon = "<%=resource%>/icons/signal-0.png";
388 else if (q < 2)
389 icon = "<%=resource%>/icons/signal-0-25.png";
390 else if (q < 3)
391 icon = "<%=resource%>/icons/signal-25-50.png";
392 else if (q < 4)
393 icon = "<%=resource%>/icons/signal-50-75.png";
394 else
395 icon = "<%=resource%>/icons/signal-75-100.png";
396
397 tr.insertCell(-1).innerHTML = String.format(
398 '<img src="%s" title="<%:Signal%>: %d dBm / <%:Noise%>: %d dBm" />',
399 icon, assoclist[i].signal, assoclist[i].noise
400 );
401
402 tr.insertCell(-1).innerHTML = assoclist[i].bssid;
403
404 tr.insertCell(-1).innerHTML = String.format(
405 '<a href="%s">%h</a>',
406 assoclist[i].link,
407 assoclist[i].name
408 );
409
410 tr.insertCell(-1).innerHTML = String.format('%d dBm', assoclist[i].signal);
411 tr.insertCell(-1).innerHTML = String.format('%d dBm', assoclist[i].noise);
412 }
413
414 if (ac.rows.length == 1)
415 {
416 var tr = ac.rows[0].parentNode.insertRow(-1);
417 tr.className = 'cbi-section-table-row';
418
419 var td = tr.insertCell(-1);
420 td.colSpan = 5;
421 td.innerHTML = '<br /><em><%:No information available%></em>';
422 }
423 }
424 <% end %>
425
426 var e;
427
428 if (e = document.getElementById('localtime'))
429 e.innerHTML = info.localtime;
430
431 if (e = document.getElementById('uptime'))
432 e.innerHTML = String.format('%t', info.uptime);
433
434 if (e = document.getElementById('loadavg'))
435 e.innerHTML = String.format('%.02f, %.02f, %.02f',
436 info.loadavg[0], info.loadavg[1], info.loadavg[2]);
437
438 if (e = document.getElementById('memtotal'))
439 e.innerHTML = progressbar(
440 (info.memfree + info.membuffers + info.memcached) + " kB",
441 info.memtotal + " kB"
442 );
443
444 if (e = document.getElementById('memfree'))
445 e.innerHTML = progressbar(
446 info.memfree + " kB", info.memtotal + " kB"
447 );
448
449 if (e = document.getElementById('memcache'))
450 e.innerHTML = progressbar(
451 info.memcached + " kB", info.memtotal + " kB"
452 );
453
454 if (e = document.getElementById('membuff'))
455 e.innerHTML = progressbar(
456 info.membuffers + " kB", info.memtotal + " kB"
457 );
458
459 if (e = document.getElementById('conns'))
460 e.innerHTML = progressbar(info.conncount, info.connmax);
461
462 window.setTimeout(func, 5000);
463 }
464 )
465 })();
466 //]]></script>
467
468 <h2><a id="content" name="content"><%:Status%></a></h2>
469
470 <fieldset class="cbi-section">
471 <legend><%:System%></legend>
472
473 <table width="100%" cellspacing="10">
474 <tr><td width="33%"><%:Router Name%></td><td><%=luci.sys.hostname() or "?"%></td></tr>
475 <tr><td width="33%"><%:Router Model%></td><td><%=pcdata(model or "?")%></td></tr>
476 <tr><td width="33%"><%:Firmware Version%></td><td>
477 <%=pcdata(luci.version.distname)%> <%=pcdata(luci.version.distversion)%> /
478 <%=pcdata(luci.version.luciname)%> (<%=pcdata(luci.version.luciversion)%>)
479 </td></tr>
480 <tr><td width="33%"><%:Kernel Version%></td><td><%=luci.sys.exec("uname -r")%></td></tr>
481 <tr><td width="33%"><%:Local Time%></td><td id="localtime">-</td></tr>
482 <tr><td width="33%"><%:Uptime%></td><td id="uptime">-</td></tr>
483 <tr><td width="33%"><%:Load Average%></td><td id="loadavg">-</td></tr>
484 </table>
485 </fieldset>
486
487 <fieldset class="cbi-section">
488 <legend><%:Memory%></legend>
489
490 <table width="100%" cellspacing="10">
491 <tr><td width="33%"><%:Total Available%></td><td id="memtotal">-</td></tr>
492 <tr><td width="33%"><%:Free%></td><td id="memfree">-</td></tr>
493 <tr><td width="33%"><%:Cached%></td><td id="memcache">-</td></tr>
494 <tr><td width="33%"><%:Buffered%></td><td id="membuff">-</td></tr>
495 </table>
496 </fieldset>
497
498 <fieldset class="cbi-section">
499 <legend><%:Network%></legend>
500
501 <table width="100%" cellspacing="10">
502 <tr><td width="33%" style="vertical-align:top"><%:IPv4 WAN Status%></td><td>
503 <table><tr>
504 <td id="wan4_i" style="width:16px; text-align:center; padding:3px"><img src="<%=resource%>/icons/ethernet_disabled.png" /><br /><small>?</small></td>
505 <td id="wan4_s" style="vertical-align:middle; padding: 3px"><em><%:Collecting data...%></em></td>
506 </tr></table>
507 </td></tr>
508 <% if has_ipv6 then %>
509 <tr><td width="33%" style="vertical-align:top"><%:IPv6 WAN Status%></td><td>
510 <table><tr>
511 <td id="wan6_i" style="width:16px; text-align:center; padding:3px"><img src="<%=resource%>/icons/ethernet_disabled.png" /><br /><small>?</small></td>
512 <td id="wan6_s" style="vertical-align:middle; padding: 3px"><em><%:Collecting data...%></em></td>
513 </tr></table>
514 </td></tr>
515 <% end %>
516 <tr><td width="33%"><%:Active Connections%></td><td id="conns">-</td></tr>
517 </table>
518 </fieldset>
519
520 <% if has_dhcp then %>
521 <fieldset class="cbi-section">
522 <legend><%:DHCP Leases%></legend>
523
524 <table class="cbi-section-table" id="lease_status_table">
525 <tr class="cbi-section-table-titles">
526 <th class="cbi-section-table-cell"><%:Hostname%></th>
527 <th class="cbi-section-table-cell"><%:IPv4-Address%></th>
528 <th class="cbi-section-table-cell"><%:MAC-Address%></th>
529 <th class="cbi-section-table-cell"><%:Leasetime remaining%></th>
530 </tr>
531 <tr class="cbi-section-table-row">
532 <td colspan="4"><em><br /><%:Collecting data...%></em></td>
533 </tr>
534 </table>
535 </fieldset>
536 <% end %>
537
538 <% if has_wifi then %>
539 <fieldset class="cbi-section">
540 <legend><%:Wireless%></legend>
541
542 <table id="wifi_status_table" width="100%" cellspacing="10">
543 <tr><td><em><%:Collecting data...%></em></td></tr>
544 </table>
545 </fieldset>
546
547 <fieldset class="cbi-section">
548 <legend><%:Associated Stations%></legend>
549
550 <table class="cbi-section-table" id="wifi_assoc_table">
551 <tr class="cbi-section-table-titles">
552 <th class="cbi-section-table-cell">&#160;</th>
553 <th class="cbi-section-table-cell"><%:BSSID%></th>
554 <th class="cbi-section-table-cell"><%:Network%></th>
555 <th class="cbi-section-table-cell"><%:Signal%></th>
556 <th class="cbi-section-table-cell"><%:Noise%></th>
557 </tr>
558 <tr class="cbi-section-table-row">
559 <td colspan="5"><em><br /><%:Collecting data...%></em></td>
560 </tr>
561 </table>
562 </fieldset>
563 <% end %>
564
565 <%-
566 require "luci.util"
567 require "nixio.fs"
568
569 local plugins = nixio.fs.dir(luci.util.libpath() .. "/view/admin_status/index")
570 if plugins then
571 local inc
572 for inc in plugins do
573 if inc:match("%.htm$") then
574 include("admin_status/index/" .. inc:gsub("%.htm$", ""))
575 end
576 end
577 end
578 -%>
579
580 <%+footer%>