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%>