modules/admin-full: live status for wifi overview page

2 files changed, 162 insertions, 61 deletions

diff --git a/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm b/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm
index 9f0354cb8..20f0e8d6e 100644
--- a/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm
+++ b/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm
@@ -72,33 +72,160 @@ $Id$
 		end
 	end
 
-	function guess_wifi_signal(scale)
-		local icon
-
-		if scale < 0 then
-			icon = resource .. "/icons/signal-none.png"
-		elseif scale < 1 then
-			icon = resource .. "/icons/signal-0.png"
-		elseif scale < 2 then
-			icon = resource .. "/icons/signal-0-25.png"
-		elseif scale < 3 then
-			icon = resource .. "/icons/signal-25-50.png"
-		elseif scale < 4 then
-			icon = resource .. "/icons/signal-50-75.png"
-		else
-			icon = resource .. "/icons/signal-75-100.png"
-		end
-
-		return icon
-	end
-
 	local devices  = ntm:get_wifidevs()
 	local arpcache = { }
-	sys.net.arptable(function(e) arpcache[e["HW address"]] = e["IP address"] end)
+	sys.net.arptable(function(e) arpcache[e["HW address"]:upper()] = e["IP address"] end)
+
+	local netlist = { }
+	local netdevs = { }
+
+	local dev
+	for _, dev in ipairs(devices) do
+		local net
+		for _, net in ipairs(dev:get_wifinets()) do
+			netlist[#netlist+1] = net:ifname()
+			netdevs[net:ifname()] = dev:name()
+		end
+	end
 -%>
 
 <%+header%>
 
+<script type="text/javascript" src="<%=resource%>/cbi.js"></script>
+<script type="text/javascript"><![CDATA[
+	var iwxhr = new XHR();
+	var wifidevs = <%=luci.http.write_json(netdevs)%>;
+	var arptable = <%=luci.http.write_json(arpcache)%>;
+
+	(function() {
+		iwxhr.get('<%=luci.dispatcher.build_url("admin", "network", "wireless_status", table.concat(netlist, ","))%>', null,
+			function(x)
+			{
+				var st = x.responseText ? eval('(' + x.responseText + ')') : null;
+				if (st)
+				{
+					var assoctable = document.getElementById('iw-assoclist');
+					if (assoctable)
+						while (assoctable.rows.length > 1)
+							assoctable.rows[1].parentNode.removeChild(assoctable.rows[1]);
+
+					for( var i = 0; i < st.length; i++ )
+					{
+						var iw = st[i];
+						var p = (100 / iw.quality_max * iw.quality);
+						var q = (iw.bssid && iw.channel) ? p : -1;
+
+						var icon;
+						if (q < 0)
+							icon = "<%=resource%>/icons/signal-none.png";
+						else if (q == 0)
+							icon = "<%=resource%>/icons/signal-0.png";
+						else if (q < 25)
+							icon = "<%=resource%>/icons/signal-0-25.png";
+						else if (q < 50)
+							icon = "<%=resource%>/icons/signal-25-50.png";
+						else if (q < 75)
+							icon = "<%=resource%>/icons/signal-50-75.png";
+						else
+							icon = "<%=resource%>/icons/signal-75-100.png";
+
+						var sig = document.getElementById(iw.id + '-iw-signal');
+						if (sig)
+							sig.innerHTML = String.format(
+								'<img src="%s" title="<%:Signal%>: %d dBm / <%:Noise%>: %d dBm" /><br />' +
+								'<small>%d%%</small>', icon, iw.signal, iw.noise, p
+							);
+
+						var info = document.getElementById(iw.id + '-iw-status');
+						if (info)
+							info.innerHTML = String.format(
+								'<strong><%:SSID%>:</strong> %s | ' +
+								'<strong><%:Mode%>:</strong> %s<br />' +
+								'<strong><%:BSSID%>:</strong> %s | ' +
+								'<strong><%:Encryption%>:</strong> %s',
+									iw.ssid, iw.mode, iw.bssid,
+									iw.encryption ? iw.encryption.description : '<%:None%>'
+							);
+
+						var dev = document.getElementById(wifidevs[iw.id] + '-iw-devinfo');
+						if (dev)
+							dev.innerHTML = String.format(
+								'<strong><%:Channel%>:</strong> %s (%s GHz) | ' +
+								'<strong><%:Bitrate%>:</strong> %s Mb/s',
+									iw.channel ? iw.channel : '?',
+									iw.frequency ? iw.frequency / 1000 : '?',
+									iw.bitrate ? iw.bitrate / 1000 : '?'
+							);
+
+						if (assoctable)
+						{
+							var assoclist = [ ];
+							for( var bssid in iw.assoclist )
+							{
+								assoclist.push(iw.assoclist[bssid]);
+								assoclist[assoclist.length-1].bssid = bssid;
+							}
+
+							assoclist.sort(function(a, b) { a.bssid < b.bssid });
+
+							for( var j = 0; j < assoclist.length; j++ )
+							{
+								var tr = document.createElement('tr');
+									tr.className = 'cbi-section-table-row cbi-rowstyle-' + ((j % 2) + (i % 2));
+
+								var icon;
+								var q = (-1 * (assoclist[j].noise - assoclist[j].signal)) / 5;
+								if (q < 1)
+									icon = "<%=resource%>/icons/signal-0.png";
+								else if (q < 2)
+									icon = "<%=resource%>/icons/signal-0-25.png";
+								else if (q < 3)
+									icon = "<%=resource%>/icons/signal-25-50.png";
+								else if (q < 4)
+									icon = "<%=resource%>/icons/signal-50-75.png";
+								else
+									icon = "<%=resource%>/icons/signal-75-100.png";
+
+								tr.innerHTML = String.format(
+									'<td class="cbi-value-field">' +
+										'<img src="%s" title="<%:Signal%>: %d dBm / <%:Noise%>: %d dBm" />' +
+									'</td>' +
+									'<td class="cbi-value-field">%s</td>' +
+									'<td class="cbi-value-field">%s</td>' +
+									'<td class="cbi-value-field">%s</td>' +
+									'<td class="cbi-value-field">%d dBm</td>' +
+									'<td class="cbi-value-field">%d dBm</td>',
+										icon,
+										assoclist[j].signal, assoclist[j].noise,
+										iw.ssid ? iw.ssid : '?',
+										assoclist[j].bssid,
+										arptable[assoclist[j].bssid]
+											? arptable[assoclist[j].bssid] : '?',
+										assoclist[j].signal, assoclist[j].noise
+								);
+
+								assoctable.rows[0].parentNode.appendChild(tr);
+							}
+						}
+					}
+
+					if (assoctable && assoctable.rows.length == 1)
+					{
+						var tr = document.createElement('tr');
+							tr.className = 'cbi-section-table-row';
+
+						tr.innerHTML = '<td class="cbi-value-field" colspan="6"><br /><em><%:No information available%></em></td>';
+
+						assoctable.rows[0].parentNode.appendChild(tr);
+					}
+				}
+			}
+		)
+
+		window.setTimeout(arguments.callee, 5000);
+	})();
+]]></script>
+
 <h2><a id="content" name="content"><%:Wireless Overview%></a></h2>
 
 <div class="cbi-map">
@@ -112,10 +239,7 @@ $Id$
 				<td style="width:34px"><img src="<%=resource%>/icons/wifi<%=dev:is_up() and "" or "_disabled"%>.png" style="float:left; margin-right:10px" /></td>
 				<td colspan="2" style="text-align:left">
 					<big><strong><%=guess_wifi_hw(dev:name())%> (<%=dev:name()%>)</strong></big><br />
-					<% if nets[1] then %>
-						<strong>Channel:</strong> <%=nets[1]:channel() or "?"%> (<%=nets[1]:frequency() or "?"%> GHz) |
-						<strong>Bitrate:</strong> <%=nets[1]:bitrate() or "?"%> Mb/s
-					<% end %>
+					<span id="<%=dev:name()%>-iw-devinfo"></span>
 				</td>
 				<td style="width:40px">
 					<a href="<%=luci.dispatcher.build_url("admin/network/wireless_join?device="..dev:name())%>"><img style="border:none" src="<%=resource%>/cbi/find.gif" alt="Find and join network" title="Find and join network" /></a>
@@ -129,15 +253,12 @@ $Id$
 				<% for i, net in ipairs(nets) do %>
 				<tr class="cbi-section-table-row cbi-rowstyle-<%=1 + ((i-1) % 2)%>">
 					<td></td>
-					<td class="cbi-value-field" style="width:16px; padding:3px">
-						<img src="<%=guess_wifi_signal(net:signal_level())%>" title="Signal: <%=net:signal()%> dBm / Noise: <%=net:noise()%> dBm" /><br />
-						<small><%=net:signal_percent()%>%</small>
+					<td class="cbi-value-field" style="width:16px; padding:3px" id="<%=net:ifname()%>-iw-signal">
+						<img src="<%=resource%>/icons/signal-none.png" title="<%:Not associated%>" /><br />
+						<small>0%</small>
 					</td>
-					<td class="cbi-value-field" style="vertical-align:middle; text-align:left; padding:3px">
-						<strong>SSID:</strong> <%=utl.pcdata(net:active_ssid())%> |
-						<strong>Mode:</strong> <%=net:active_mode_i18n()%><br />
-						<strong>BSSID:</strong> <%=net:active_bssid()%> |
-						<strong>Encryption:</strong> <%=net:active_encryption()%>
+					<td class="cbi-value-field" style="vertical-align:middle; text-align:left; padding:3px" id="<%=net:ifname()%>-iw-status">
+						<em><%:Collecting data...%></em>
 					</td>
 					<td class="cbi-value-field" style="width:40px">
 						<a href="<%=net:adminlink()%>"><img style="border:none" src="<%=resource%>/cbi/edit.gif" alt="Edit this network" title="Edit this network" /></a>
@@ -160,43 +281,23 @@ $Id$
 	<% end %>
 
 
-
-
 	<h2><a id="content" name="content"><%:Associated Stations%></a></h2>
 
 	<fieldset class="cbi-section">
-		<table class="cbi-section-table" style="margin:10px; width:50%">
+		<table class="cbi-section-table" style="margin:10px; width:50%" id="iw-assoclist">
 			<tr class="cbi-section-table-titles">
 				<th class="cbi-section-table-cell"></th>
-				<th class="cbi-section-table-cell">SSID</th>
-				<th class="cbi-section-table-cell">MAC</th>
-				<th class="cbi-section-table-cell">Address</th>
-				<th class="cbi-section-table-cell">Signal</th>
-				<th class="cbi-section-table-cell">Noise</th>
+				<th class="cbi-section-table-cell"><%:SSID%></th>
+				<th class="cbi-section-table-cell"><%:MAC%></th>
+				<th class="cbi-section-table-cell"><%:Address%></th>
+				<th class="cbi-section-table-cell"><%:Signal%></th>
+				<th class="cbi-section-table-cell"><%:Noise%></th>
 			</tr>
-
-			<% local count = -1 %>
-			<% for _, dev in ipairs(devices) do local nets = dev:get_wifinets() %>
-				<% for _, net in ipairs(nets) do %>
-					<% for mac, info in utl.kspairs(net:assoclist()) do count = count + 1 %>
-					<tr class="cbi-section-table-row cbi-rowstyle-<%=1 + (count % 2)%>">
-						<td class="cbi-value-field"><img src="<%=guess_wifi_signal(net:signal_level(info.signal, info.noise))%>" title="Signal: <%=info.signal%> dBm / Noise: <%=info.noise%> dBm" /></td>
-						<td class="cbi-value-field"><%=net:active_ssid()%></td>
-						<td class="cbi-value-field"><%=mac%></td>
-						<td class="cbi-value-field"><%=arpcache[mac:lower()] or "n/a"%></td>
-						<td class="cbi-value-field"><%=info.signal%> dBm</td>
-						<td class="cbi-value-field"><%=info.noise%> dBm</td>
-					</tr>
-					<% end %>
-				<% end %>
-			<% end %>
-			<% if count < 0 then %>
 			<tr class="cbi-section-table-row cbi-rowstyle-2">
 				<td class="cbi-value-field" colspan="6">
-					<em>No information available</em>
+					<em><%:Collecting data...%></em>
 				</td>
 			</tr>
-			<% end %>
 		</table>
 	</fieldset>
 </div>
diff --git a/modules/admin-full/luasrc/view/admin_network/wifi_status.htm b/modules/admin-full/luasrc/view/admin_network/wifi_status.htm
index 63bd26147..8c50843ad 100644
--- a/modules/admin-full/luasrc/view/admin_network/wifi_status.htm
+++ b/modules/admin-full/luasrc/view/admin_network/wifi_status.htm
@@ -30,7 +30,7 @@
 					var s = document.getElementById('<%=self.option%>-iw-signal');
 					if (s)
 						s.innerHTML = String.format(
-							'<img src="%s" title="Signal: %d dBm / Noise: %d dBm" /><br />' +
+							'<img src="%s" title="<%:Signal%>: %d dBm / <%Noise%>: %d dBm" /><br />' +
 							'<small>%d%%</small>', icon, iw.signal, iw.noise, p
 						);