X-Git-Url: http://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=modules%2Fadmin-full%2Fluasrc%2Fview%2Fadmin_network%2Fwifi_overview.htm;h=8fb6483770ed2e4761d1e3b3db717a04074f912e;hp=4682e89b3e1ae3b82646a267c941136bb734eb76;hb=d2c188278629fa51f894a836947dbac5d691a6dd;hpb=be0da6a545fff52cb22137c8383d569dccdc97e2

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 4682e89b3..8fb648377 100644
--- a/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm
+++ b/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm
@@ -1,7 +1,7 @@
 <%#
 LuCI - Lua Configuration Interface
 Copyright 2008-2009 Steven Barth <steven@midlink.org>
-Copyright 2008-2010 Jo-Philipp Wich <xm@subsignal.org>
+Copyright 2008-2013 Jo-Philipp Wich <xm@subsignal.org>
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -9,8 +9,6 @@ You may obtain a copy of the License at
 
 	http://www.apache.org/licenses/LICENSE-2.0
 
-$Id$
-
 -%>
 
 <%-
@@ -25,25 +23,31 @@ $Id$
 
 	ntm.init(uci)
 
-	function guess_wifi_hw(ifname)
+	function guess_wifi_hw(dev)
 		local bands = ""
+		local ifname = dev:name()
 		local name, idx = ifname:match("^([a-z]+)(%d+)")
 		idx = tonumber(idx)
 
 		if has_iwinfo then
-			local iw = luci.sys.wifi.getiwinfo(ifname)
-			local bl = iw.hwmodelist
+			local bl = dev.iwinfo.hwmodelist
 			if bl and next(bl) then
 				if bl.a then bands = bands .. "a" end
 				if bl.b then bands = bands .. "b" end
 				if bl.g then bands = bands .. "g" end
 				if bl.n then bands = bands .. "n" end
+				if bl.ac then bands = bands .. "ac" end
+			end
+
+			local hw = dev.iwinfo.hardware_name
+			if hw then
+				return "%s 802.11%s" %{ hw, bands }
 			end
 		end
 
 		-- wl.o
 		if name == "wl" then
-			local name = "Broadcom 802.11%s Wireless Controller" % bands
+			local name = translatef("Broadcom 802.11%s Wireless Controller", bands)
 			local nm   = 0
 
 			local fd = nixio.open("/proc/bus/pci/devices", "r")
@@ -53,7 +57,7 @@ $Id$
 					if ln:match("wl$") then
 						if nm == idx then
 							local version = ln:match("^%S+%s+%S%S%S%S([0-9a-f]+)")
-							name = string.format(
+							name = translatef(
 								"Broadcom BCM%04x 802.11 Wireless Controller",
 								tonumber(version, 16)
 							)
@@ -71,23 +75,23 @@ $Id$
 
 		-- madwifi
 		elseif name == "ath" or name == "wifi" then
-			return "Atheros 802.11%s Wireless Controller" % bands
+			return translatef("Atheros 802.11%s Wireless Controller", bands)
 
 		-- ralink
 		elseif name == "ra" then
-			return "RaLink 802.11%s Wireless Controller" % bands
+			return translatef("RaLink 802.11%s Wireless Controller", bands)
 
 		-- hermes
 		elseif name == "eth" then
-			return "Prism 802.11%s Wireless Controller" % bands
+			return translate("Hermes 802.11b Wireless Controller")
 
 		-- hostap
 		elseif name == "wlan" and fs.isdirectory("/proc/net/hostap/" .. ifname) then
-			return "Prism2/2.5/3 802.11%s Wireless Controller" % bands
+			return translate("Prism2/2.5/3 802.11b Wireless Controller")
 
 		-- dunno yet
 		else
-			return "Generic 802.11%s Wireless Controller" % bands
+			return translatef("Generic 802.11%s Wireless Controller", bands)
 		end
 	end
 
@@ -102,8 +106,8 @@ $Id$
 	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()
+			netlist[#netlist+1] = net:id()
+			netdevs[net:id()] = dev:name()
 		end
 	end
 -%>
@@ -113,170 +117,250 @@ $Id$
 <% if not has_iwinfo then %>
 	<div class="errorbox">
 		<strong><%:Package libiwinfo required!%></strong><br />
-		<%_The <em>libiwinfo</em> package is not installed. You must install this component for working wireless configuration!%>
+		<%_The <em>libiwinfo-lua</em> package is not installed. You must install this component for working wireless configuration!%>
 	</div>
 <% end %>
 
 <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)%>;
 
-	var update_status = function() {
-		iwxhr.get('<%=luci.dispatcher.build_url("admin", "network", "wireless_status", table.concat(netlist, ","))%>', null,
-			function(x, st)
+	var is_reconnecting = false;
+
+	function nowrap(s) {
+		return s.replace(/ /g, '&#160;');
+	}
+
+	function wifi_shutdown(id, toggle) {
+		var reconnect = (toggle.getAttribute('active') == 'false');
+
+		if (!reconnect && !confirm(String.format('<%:Really shut down network?\nYou might lose access to this device if you are connected via this interface.%>')))
+			return;
+
+		is_reconnecting = true;
+
+		var s = document.getElementById('iw-rc-status');
+		if (s)
+		{
+			s.parentNode.style.display = 'block';
+			s.innerHTML = '<%:Waiting for changes to be applied...%>';
+		}
+
+		for (var net in wifidevs)
+		{
+			var st = document.getElementById(net + '-iw-status');
+			if (st)
+				st.innerHTML = '<em><%:Wireless is restarting...%></em>';
+		}
+
+		XHR.get('<%=luci.dispatcher.build_url("admin", "network")%>/wireless_' + (reconnect ? 'reconnect' : 'shutdown') + '/' + id, null,
+			function(x)
 			{
-				if (st)
+				if (s)
 				{
-					var assoctable = document.getElementById('iw-assoclist');
-					if (assoctable)
-						while (assoctable.rows.length > 1)
-							assoctable.rows[1].parentNode.removeChild(assoctable.rows[1]);
+					s.innerHTML = reconnect
+						? '<%:Wireless restarted%>'
+						: '<%:Wireless shut down%>';
+
+					window.setTimeout(function() {
+						s.parentNode.style.display = 'none';
+						is_reconnecting = false;
+					}, 1000);
+				}
+			}
+		);
+	}
+
+	XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "network", "wireless_status", table.concat(netlist, ","))%>', null,
+		function(x, st)
+		{
+			if (st)
+			{
+				var assoctable = document.getElementById('iw-assoclist');
+				if (assoctable)
+					while (assoctable.rows.length > 1)
+						assoctable.rows[1].parentNode.removeChild(assoctable.rows[1]);
 
-					var devup = { };
+				var devup = { };
+				var rowstyle = 1;
 
-					for( var i = 0; i < st.length; i++ )
+				for( var i = 0; i < st.length; i++ )
+				{
+					var iw = st[i];
+					var is_assoc = (iw.bssid && iw.bssid != '00:00:00:00:00:00' && iw.channel && iw.mode != 'Unknown');
+					var p = iw.quality;
+					var q = is_assoc ? 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";
+
+					if (!devup[wifidevs[iw.id]])
+						devup[wifidevs[iw.id]] = is_assoc;
+
+					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 toggle = document.getElementById(iw.id + '-iw-toggle');
+					if (toggle)
 					{
-						var iw = st[i];
-						var is_assoc = (iw.bssid && iw.channel);
-						var p = (100 / iw.quality_max * iw.quality);
-						var q = is_assoc ? 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";
+						if (!iw.disabled)
+						{
+							toggle.className = 'cbi-button cbi-button-reset';
+							toggle.value = '<%:Disable%>';
+							toggle.title = '<%:Shutdown this network%>';
+						}
 						else
-							icon = "<%=resource%>/icons/signal-75-100.png";
+						{
+							toggle.className = 'cbi-button cbi-button-reload';
+							toggle.value = '<%:Enable%>';
+							toggle.title = '<%:Activate this network%>';
+						}
+
+						toggle.setAttribute('active', is_assoc);
+					}
 
-						if (!devup[wifidevs[iw.id]])
-							devup[wifidevs[iw.id]] = is_assoc;
+					var info = document.getElementById(iw.id + '-iw-status');
+					if (info)
+					{
+						if (is_assoc)
+							info.innerHTML = String.format(
+								'<strong><%:SSID%>:</strong> %h | ' +
+								'<strong><%:Mode%>:</strong> %s<br />' +
+								'<strong><%:BSSID%>:</strong> %s | ' +
+								'<strong><%:Encryption%>:</strong> %s',
+									iw.ssid, iw.mode, iw.bssid,
+									iw.encryption ? iw.encryption : '<%:None%>'
+							);
+						else
+							info.innerHTML = String.format(
+								'<strong><%:SSID%>:</strong> %h | ' +
+								'<strong><%:Mode%>:</strong> %s<br />' +
+								'<em>%s</em>',
+									iw.ssid || '?', iw.mode,
+									is_reconnecting
+										? '<em><%:Wireless is restarting...%></em>'
+										: '<em><%:Wireless is disabled or not associated%></em>'
+							);
+					}
 
-						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 dev = document.getElementById(wifidevs[iw.id] + '-iw-devinfo');
+					if (dev)
+					{
+						if (is_assoc)
+							dev.innerHTML = String.format(
+								'<strong><%:Channel%>:</strong> %s (%s <%:GHz%>) | ' +
+								'<strong><%:Bitrate%>:</strong> %s <%:Mbit/s%>',
+									iw.channel ? iw.channel : '?',
+									iw.frequency ? iw.frequency : '?',
+									iw.bitrate ? iw.bitrate : '?'
 							);
+						else
+							dev.innerHTML = '';
+					}
 
-						var info = document.getElementById(iw.id + '-iw-status');
-						if (info)
+					if (assoctable)
+					{
+						var assoclist = [ ];
+						for( var bssid in iw.assoclist )
 						{
-							if (is_assoc)
-								info.innerHTML = String.format(
-									'<strong><%:SSID%>:</strong> %h | ' +
-									'<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%>'
-								);
-							else
-								info.innerHTML = String.format(
-									'<strong><%:SSID%>:</strong> %h | ' +
-									'<strong><%:Mode%>:</strong> %s<br />' +
-									'<em><%:Wireless is disabled or not associated%></em>',
-										iw.ssid || '?', iw.mode
-								);
+							assoclist.push(iw.assoclist[bssid]);
+							assoclist[assoclist.length-1].bssid = bssid;
 						}
 
-						var dev = document.getElementById(wifidevs[iw.id] + '-iw-devinfo');
-						if (dev)
+						assoclist.sort(function(a, b) { a.bssid < b.bssid });
+
+						for( var j = 0; j < assoclist.length; j++ )
 						{
-							if (is_assoc)
-								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 : '?'
-								);
+							var tr = assoctable.insertRow(-1);
+							    tr.className = 'cbi-section-table-row cbi-rowstyle-' + rowstyle;
+
+							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
-								dev.innerHTML = '';
-						}
+								icon = "<%=resource%>/icons/signal-75-100.png";
 
-						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 = assoctable.insertRow(-1);
-								    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.insertCell(-1).innerHTML = String.format(
-									'<img src="%s" title="<%:Signal%>: %d dBm / <%:Noise%>: %d dBm" />',
-									icon, assoclist[j].signal, assoclist[j].noise
-								);
-
-								tr.insertCell(-1).innerHTML = iw.ssid ? iw.ssid : '?';
-								tr.insertCell(-1).innerHTML = assoclist[j].bssid;
-
-								tr.insertCell(-1).innerHTML = arptable[assoclist[j].bssid]
-									? arptable[assoclist[j].bssid] : '?';
-
-								tr.insertCell(-1).innerHTML = String.format('%d dBm', assoclist[j].signal);
-								tr.insertCell(-1).innerHTML = String.format('%d dBm', assoclist[j].noise);
-							}
-						}
-					}
+							tr.insertCell(-1).innerHTML = String.format(
+								'<img src="%s" title="<%:Signal%>: %d <%:dBm%> / <%:Noise%>: %d <%:dBm%>" />',
+								icon, assoclist[j].signal, assoclist[j].noise
+							);
 
-					if (assoctable && assoctable.rows.length == 1)
-					{
-						var tr = assoctable.insertRow(-1);
-						    tr.className = 'cbi-section-table-row';
+							tr.insertCell(-1).innerHTML = nowrap(String.format('%h', iw.ssid ? iw.ssid : '?'));
+							tr.insertCell(-1).innerHTML = assoclist[j].bssid;
 
-						var td = tr.insertCell(-1);
-						    td.colSpan = 6;
-						    td.innerHTML = '<br /><em><%:No information available%></em>';
-					}
+							tr.insertCell(-1).innerHTML = arptable[assoclist[j].bssid]
+								? arptable[assoclist[j].bssid] : '?';
 
-					for (var dev in devup)
-					{
-						var img = document.getElementById(dev + '-iw-upstate');
-						if (img)
-							img.src = '<%=resource%>/icons/wifi_big' + (devup[dev] ? '' : '_disabled') + '.png';
+							tr.insertCell(-1).innerHTML = nowrap(String.format('%d <%:dBm%>', assoclist[j].signal));
+							tr.insertCell(-1).innerHTML = nowrap(String.format('%d <%:dBm%>', assoclist[j].noise));
+
+							tr.insertCell(-1).innerHTML = nowrap((assoclist[j].rx_mcs > -1)
+								? String.format('%.1f <%:Mbit/s%>, MCS %d, %d<%:MHz%>', assoclist[j].rx_rate / 1000, assoclist[j].rx_mcs, assoclist[j].rx_40mhz ? 40 : 20)
+								: String.format('%.1f <%:Mbit/s%>', assoclist[j].rx_rate / 1000)
+							);
+
+							tr.insertCell(-1).innerHTML = nowrap((assoclist[j].tx_mcs > -1)
+								? String.format('%.1f <%:Mbit/s%>, MCS %d, %d<%:MHz%>', assoclist[j].tx_rate / 1000, assoclist[j].tx_mcs, assoclist[j].tx_40mhz ? 40 : 20)
+								: String.format('%.1f <%:Mbit/s%>', assoclist[j].tx_rate / 1000)
+							);
+
+							rowstyle = (rowstyle == 1) ? 2 : 1;
+						}
 					}
 				}
 
-				window.setTimeout(update_status, 5000);
-			}
-		)
-	};
+				if (assoctable && assoctable.rows.length == 1)
+				{
+					var tr = assoctable.insertRow(-1);
+					    tr.className = 'cbi-section-table-row';
+
+					var td = tr.insertCell(-1);
+					    td.colSpan = 8;
+					    td.innerHTML = '<br /><em><%:No information available%></em>';
+				}
 
-	update_status();
+				for (var dev in devup)
+				{
+					var img = document.getElementById(dev + '-iw-upstate');
+					if (img)
+						img.src = '<%=resource%>/icons/wifi_big' + (devup[dev] ? '' : '_disabled') + '.png';
+				}
+			}
+		}
+	);
 //]]></script>
 
 <h2><a id="content" name="content"><%:Wireless Overview%></a></h2>
 
+<fieldset class="cbi-section" style="display:none">
+	<legend><%:Reconnecting interface%></legend>
+	<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" />
+	<span id="iw-rc-status"><%:Waiting for changes to be applied...%></span>
+</fieldset>
+
 <div class="cbi-map">
 
 	<% for _, dev in ipairs(devices) do local nets = dev:get_wifinets() %>
@@ -287,12 +371,12 @@ $Id$
 			<tr>
 				<td style="width:34px"><img src="<%=resource%>/icons/wifi_big_disabled.png" style="float:left; margin-right:10px" id="<%=dev:name()%>-iw-upstate" /></td>
 				<td colspan="2" style="text-align:left">
-					<big><strong><%=guess_wifi_hw(dev:name())%> (<%=dev:name()%>)</strong></big><br />
+					<big><strong><%=guess_wifi_hw(dev)%> (<%=dev:name()%>)</strong></big><br />
 					<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>
-					<a href="<%=luci.dispatcher.build_url("admin/network/wireless_add")%>?device=<%=dev:name()%>"><img style="border:none" src="<%=resource%>/cbi/add.gif" alt="<%:Provide new network%>" title="<%:Provide new network%>" /></a>
+				<td style="width:310px;text-align:right">
+					<input type="button" class="cbi-button cbi-button-find" style="width:100px" onclick="location.href='<%=luci.dispatcher.build_url("admin/network/wireless_join")%>?device=<%=dev:name()%>'" title="<%:Find and join network%>" value="<%:Scan%>" />
+					<input type="button" class="cbi-button cbi-button-add" style="width:100px" onclick="location.href='<%=luci.dispatcher.build_url("admin/network/wireless_add")%>?device=<%=dev:name()%>'" title="<%:Provide new network%>" value="<%:Add%>" />
 				</td>
 			</tr>
 			<!-- /physical device -->
@@ -302,16 +386,17 @@ $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" id="<%=net:ifname()%>-iw-signal">
+					<td class="cbi-value-field" style="width:16px; padding:3px" id="<%=net:id()%>-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" id="<%=net:ifname()%>-iw-status">
+					<td class="cbi-value-field" style="vertical-align:middle; text-align:left; padding:3px" id="<%=net:id()%>-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>
-						<a href="<%=luci.dispatcher.build_url("admin/network/wireless_delete", net:ifname())%>" onclick="return confirm('<%:Really delete this wireless network? The deletion cannot be undone!\nYou might loose access to this router if you are connected via this network.%>')"><img style="border:none" src="<%=resource%>/cbi/remove.gif" alt="<%:Delete this network%>" title="<%:Delete this network%>" /></a>
+					<td class="cbi-value-field" style="width:310px;text-align:right">
+						<input id="<%=net:id()%>-iw-toggle" type="button" class="cbi-button cbi-button-reload" style="width:100px" onclick="wifi_shutdown('<%=net:id()%>', this)" title="<%:Delete this network%>" value="<%:Enable%>" />
+						<input type="button" class="cbi-button cbi-button-edit" style="width:100px" onclick="location.href='<%=net:adminlink()%>'" title="<%:Edit this network%>" value="<%:Edit%>" />
+						<input type="button" class="cbi-button cbi-button-remove" style="width:100px" onclick="if (confirm('<%:Really delete this wireless network? The deletion cannot be undone!\nYou might lose access to this device if you are connected via this network.%>')) location.href='<%=luci.dispatcher.build_url("admin/network/wireless_delete", net:ifname())%>'" title="<%:Delete this network%>" value="<%:Remove%>" />
 					</td>
 				</tr>
 				<% end %>
@@ -333,17 +418,19 @@ $Id$
 	<h2><a id="content" name="content"><%:Associated Stations%></a></h2>
 
 	<fieldset class="cbi-section">
-		<table class="cbi-section-table" style="margin:10px; width:50%" id="iw-assoclist">
+		<table class="cbi-section-table" style="margin:10px" 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"><%:MAC-Address%></th>
+				<th class="cbi-section-table-cell"><%:IPv4-Address%></th>
 				<th class="cbi-section-table-cell"><%:Signal%></th>
 				<th class="cbi-section-table-cell"><%:Noise%></th>
+				<th class="cbi-section-table-cell"><%:RX Rate%></th>
+				<th class="cbi-section-table-cell"><%:TX Rate%></th>
 			</tr>
 			<tr class="cbi-section-table-row cbi-rowstyle-2">
-				<td class="cbi-value-field" colspan="6">
+				<td class="cbi-value-field" colspan="8">
 					<em><%:Collecting data...%></em>
 				</td>
 			</tr>