luci/modules/admin-full/luasrc/view/admin_network/wifi_overview.htm

<%#
LuCI - Lua Configuration Interface
Copyright 2008-2009 Steven Barth <steven@midlink.org>
Copyright 2008-2011 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.
You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

$Id$

-%>

<%-

	local sys = require "luci.sys"
	local fs = require "luci.fs"
	local utl = require "luci.util"
	local uci = require "luci.model.uci".cursor()
	local ntm = require "luci.model.network"

	local has_iwinfo = pcall(require, "iwinfo")

	ntm.init(uci)

	function guess_wifi_hw(ifname)
		local bands = ""
		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
			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
			end
		end

		-- wl.o
		if name == "wl" then
			local name = "Broadcom 802.11%s Wireless Controller" % bands
			local nm   = 0

			local fd = nixio.open("/proc/bus/pci/devices", "r")
			if fd then
				local ln
				for ln in fd:linesource() do
					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(
								"Broadcom BCM%04x 802.11 Wireless Controller",
								tonumber(version, 16)
							)

							break
						else
							nm = nm + 1
						end
					end
				end
				fd:close()
			end

			return name

		-- madwifi
		elseif name == "ath" or name == "wifi" then
			return "Atheros 802.11%s Wireless Controller" % bands

		-- ralink
		elseif name == "ra" then
			return "RaLink 802.11%s Wireless Controller" % bands

		-- hermes
		elseif name == "eth" then
			return "Hermes 802.11b Wireless Controller"

		-- hostap
		elseif name == "wlan" and fs.isdirectory("/proc/net/hostap/" .. ifname) then
			return "Prism2/2.5/3 802.11b Wireless Controller"

		-- dunno yet
		else
			return "Generic 802.11%s Wireless Controller" % bands
		end
	end

	local devices  = ntm:get_wifidevs()
	local arpcache = { }
	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:id()
			netdevs[net:id()] = dev:name()
		end
	end
-%>

<%+header%>

<% 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!%>
	</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)
			{
				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 rowstyle = 1;

					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);
						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 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><%:Wireless is disabled or not associated%></em>',
										iw.ssid || '?', iw.mode
								);
						}

						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 Mb/s',
										iw.channel ? iw.channel : '?',
										iw.frequency ? iw.frequency : '?',
										iw.bitrate ? iw.bitrate : '?'
								);
							else
								dev.innerHTML = '';
						}

						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-' + 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
									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);

								rowstyle = (rowstyle == 1) ? 2 : 1;
							}
						}
					}

					if (assoctable && assoctable.rows.length == 1)
					{
						var tr = assoctable.insertRow(-1);
						    tr.className = 'cbi-section-table-row';

						var td = tr.insertCell(-1);
						    td.colSpan = 6;
						    td.innerHTML = '<br /><em><%:No information available%></em>';
					}

					for (var dev in devup)
					{
						var img = document.getElementById(dev + '-iw-upstate');
						if (img)
							img.src = '<%=resource%>/icons/wifi_big' + (devup[dev] ? '' : '_disabled') + '.png';
					}
				}

				window.setTimeout(update_status, 5000);
			}
		)
	};

	update_status();
//]]></script>

<h2><a id="content" name="content"><%:Wireless Overview%></a></h2>

<div class="cbi-map">

	<% for _, dev in ipairs(devices) do local nets = dev:get_wifinets() %>
	<!-- device <%=dev:name()%> -->
	<fieldset class="cbi-section">
		<table class="cbi-section-table" style="margin:10px; empty-cells:hide">
			<!-- physical device -->
			<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 />
					<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>
			</tr>
			<!-- /physical device -->

			<!-- network list -->
			<% if #nets > 0 then %>
				<% 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: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: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>
				</tr>
				<% end %>
			<% else %>
				<tr class="cbi-section-table-row cbi-rowstyle-2">
					<td></td>
					<td colspan="3" class="cbi-value-field" style="vertical-align:middle; text-align:left; padding:3px">
						<em><%:No network configured on this device%></em>
					</td>
				</tr>
			<% end %>
			<!-- /network list -->
		</table>
	</fieldset>
	<!-- /device <%=dev:name()%> -->
	<% 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%" 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>
			</tr>
			<tr class="cbi-section-table-row cbi-rowstyle-2">
				<td class="cbi-value-field" colspan="6">
					<em><%:Collecting data...%></em>
				</td>
			</tr>
		</table>
	</fieldset>
</div>

<%+footer%>