+
+<script type="text/javascript" src="<%=resource%>/cbi.js"></script>
+<script type="text/javascript">//<![CDATA[
+ function progressbar(v, m)
+ {
+ var vn = parseInt(v) || 0;
+ var mn = parseInt(m) || 100;
+ var pc = Math.floor((100 / mn) * vn);
+
+ return String.format(
+ '<div style="width:200px; position:relative; border:1px solid #999999">' +
+ '<div style="background-color:#CCCCCC; width:%d%%; height:15px">' +
+ '<div style="position:absolute; left:0; top:0; text-align:center; width:100%%; color:#000000">' +
+ '<small>%d / %d (%d%%)</small>' +
+ '</div>' +
+ '</div>' +
+ '</div>', pc, v, m, pc
+ );
+ }
+
+ var iwxhr = new XHR();
+ var wifidevs = <%=luci.http.write_json(netdevs)%>;
+ var arptable = <%=luci.http.write_json(arpcache)%>;
+
+ var update_status = function() {
+ iwxhr.get('<%=REQUEST_URI%>', { status: 1 },
+ function(x, info)
+ {
+ var si = document.getElementById('wan4_i');
+ var ss = document.getElementById('wan4_s');
+ var ifc = info.wan;
+
+ if (ifc && ifc.ifname && ifc.proto != 'none')
+ {
+ var s = String.format(
+ '<strong><%:Type%>: </strong>%s<br />' +
+ '<strong><%:Address%>: </strong>%s<br />' +
+ '<strong><%:Netmask%>: </strong>%s<br />' +
+ '<strong><%:Gateway%>: </strong>%s<br />',
+ ifc.proto,
+ (ifc.ipaddr) ? ifc.ipaddr : '0.0.0.0',
+ (ifc.netmask != ifc.ipaddr) ? ifc.netmask : '255.255.255.255',
+ (ifc.gwaddr) ? ifc.gwaddr : '0.0.0.0'
+ );
+
+ for (var i = 0; i < ifc.dns.length; i++)
+ {
+ s += String.format(
+ '<strong><%:DNS%> %d: </strong>%s<br />',
+ i + 1, ifc.dns[i]
+ );
+ }
+
+ if (ifc.expires > -1)
+ {
+ s += String.format(
+ '<strong><%:Expires%>: </strong>%t<br />',
+ ifc.expires
+ );
+ }
+
+ if (ifc.uptime > 0)
+ {
+ s += String.format(
+ '<strong><%:Connected%>: </strong>%t<br />',
+ ifc.uptime
+ );
+ }
+
+ ss.innerHTML = String.format('<small>%s</small>', s);
+ si.innerHTML = String.format(
+ '<a href="%s"><img src="<%=resource%>/icons/ethernet.png" /></a>' +
+ '<br /><small>%s</small>', ifc.link, ifc.ifname
+ );
+ }
+ else
+ {
+ si.innerHTML = '<img src="<%=resource%>/icons/ethernet_disabled.png" /><br /><small>?</small>';
+ ss.innerHTML = '<em>Not connected</em>';
+ }
+
+ var si6 = document.getElementById('wan6_i');
+ var ss6 = document.getElementById('wan6_s');
+ var ifc6 = info.wan6;
+
+ if (ifc6 && ifc6.ifname && ifc6.proto != 'none')
+ {
+ var s = String.format(
+ '<strong><%:Address%>: </strong>%s<br />' +
+ '<strong><%:Gateway%>: </strong>%s<br />',
+ (ifc6.ip6addr) ? ifc6.ip6addr : '::',
+ (ifc6.gw6addr) ? ifc6.gw6addr : '::'
+ );
+
+ for (var i = 0; i < ifc6.dns.length; i++)
+ {
+ s += String.format(
+ '<strong><%:DNS%> %d: </strong>%s<br />',
+ i + 1, ifc6.dns[i]
+ );
+ }
+
+ if (ifc6.uptime > 0)
+ {
+ s += String.format(
+ '<strong><%:Connected%>: </strong>%t<br />',
+ ifc6.uptime
+ );
+ }
+
+ ss6.innerHTML = String.format('<small>%s</small>', s);
+ si6.innerHTML = String.format(
+ '<a href="%s"><img src="<%=resource%>/icons/ethernet.png" /></a>' +
+ '<br /><small>%s</small>', ifc6.link, ifc6.ifname
+ );
+ }
+ else
+ {
+ si6.innerHTML = '<img src="<%=resource%>/icons/ethernet_disabled.png" /><br /><small>?</small>';
+ ss6.innerHTML = '<em>Not connected</em>';
+ }
+
+ var e;
+
+ if (e = document.getElementById('localtime'))
+ e.innerHTML = info.localtime;
+
+ if (e = document.getElementById('uptime'))
+ e.innerHTML = String.format('%t', info.uptime);
+
+ if (e = document.getElementById('loadavg'))
+ e.innerHTML = String.format('%.02f, %.02f, %.02f',
+ info.loadavg[0], info.loadavg[1], info.loadavg[2]);
+
+ if (e = document.getElementById('memtotal'))
+ e.innerHTML = progressbar(
+ (info.memfree + info.membuffers + info.memcached) + " kB",
+ info.memtotal + " kB"
+ );
+
+ if (e = document.getElementById('memfree'))
+ e.innerHTML = progressbar(
+ info.memfree + " kB", info.memtotal + " kB"
+ );
+
+ if (e = document.getElementById('memcache'))
+ e.innerHTML = progressbar(
+ info.memcached + " kB", info.memtotal + " kB"
+ );
+
+ if (e = document.getElementById('membuff'))
+ e.innerHTML = progressbar(
+ info.membuffers + " kB", info.memtotal + " kB"
+ );
+
+ if (e = document.getElementById('conns'))
+ e.innerHTML = progressbar(
+ info.conncount + " kB", info.connmax + " kB"
+ );
+
+ window.setTimeout(update_status, 5000);
+ }
+ )
+ };
+
+ update_status();
+//]]></script>
+