2 LuCI - Lua Configuration Interface
3 Copyright
2010 Jo-Philipp Wich
<xm@subsignal.org
>
5 Licensed under the Apache License, Version
2.0 (the
"License");
6 you may not use this file except in compliance with the License.
7 You may obtain a copy of the License at
9 http://www.apache.org/licenses/LICENSE-
2.0
11 $Id: wifi_overview.htm
6280 2010-
10-
12 05:
06:
34Z jow $
16 local ntm = require
"luci.model.network".init()
20 for _, net in ipairs(ntm:get_networks()) do
21 if net:name() ~=
"loopback" then
22 netlist[#netlist+
1] = net:name()
29 <script type=
"text/javascript" src=
"<%=resource%>/cbi.js"></script>
30 <script type=
"text/javascript"><![CDATA[
31 function iface_shutdown(id, reconnect) {
32 if (!reconnect && !confirm(String.format('<%_Really shutdown interface
"%s" ?\nYou might loose access to this router if you are connected via this interface.%
>', id)))
35 var a = document.getElementById(id + '-ifc-addrs');
37 a.innerHTML = reconnect
38 ? '
<em><%:Interface is reconnecting...%
></em>'
39 : '
<em><%:Interface is shutting down...%
></em>';
41 var s = document.getElementById('ifc-rc-status');
44 s.parentNode.style.display = 'block';
45 s.innerHTML = '<%:Waiting for router...%
>';
48 var rcxhr = new XHR();
49 rcxhr.get('<%=luci.dispatcher.build_url(
"admin",
"network")%
>/iface_' + (reconnect ? 'reconnect' : 'shutdown') + '/' + id, null,
54 s.innerHTML = reconnect
55 ? '<%:Interface reconnected%
>'
56 : '<%:Interface shut down%
>';
58 window.setTimeout(function() {
59 s.parentNode.style.display = 'none';
67 var iwxhr = new XHR();
68 var wifidevs = <%=luci.http.write_json(netdevs)%
>;
69 var arptable = <%=luci.http.write_json(arpcache)%
>;
72 iwxhr.get('<%=luci.dispatcher.build_url(
"admin",
"network",
"iface_status", table.concat(netlist,
","))%
>', null,
77 for (var i =
0; i < ifcs.length; i++)
80 var is_up = (ifc.flags && ifc.flags.up);
81 var rxb = ifc.stats ? (ifc.stats[
"rx_bytes"] /
1024) :
0;
82 var txb = ifc.stats ? (ifc.stats[
"tx_bytes"] /
1024) :
0;
83 var rxp = ifc.stats ? ifc.stats[
"rx_packets"] :
0;
84 var txp = ifc.stats ? ifc.stats[
"tx_packets"] :
0;
85 var mac = ifc.macaddr ? ifc.macaddr : '
00:
00:
00:
00:
00:
00';
89 icon =
"<%=resource%>/icons/ethernet.png";
91 icon =
"<%=resource%>/icons/ethernet_disabled.png";
93 var s = document.getElementById(ifc.id + '-ifc-signal');
96 s.innerHTML = String.format(
97 '
<img src=
"%s" style=
"width:16px; height:16px" /><br />' +
99 icon, ifc.ifname ? ifc.ifname : '?'
103 var m = document.getElementById(ifc.id + '-ifc-mac');
106 m.innerHTML = mac.toUpperCase();
109 var a = document.getElementById(ifc.id + '-ifc-addrs');
116 if (ifc.ipaddrs && ifc.ipaddrs.length)
118 a.innerHTML += '
<strong><%:IPv4%
>:
</strong>';
120 for (var j =
0; j < ifc.ipaddrs.length; j++)
121 a.innerHTML += String.format(
125 ifc.ipaddrs[j].prefix
128 a.innerHTML += '
<br />';
131 if (ifc.ip6addrs && ifc.ip6addrs.length)
133 a.innerHTML += '
<strong><%:IPv6%
>:
</strong>';
135 for (var j =
0; j < ifc.ip6addrs.length; j++)
136 a.innerHTML += String.format(
139 ifc.ip6addrs[j].addr.toUpperCase(),
140 ifc.ip6addrs[j].prefix
143 a.innerHTML += '
<br />';
147 a.innerHTML = '
<em><%:No address configured on this interface.%
></em>'
151 a.innerHTML = '
<em><%:Interface not present or not connected yet.%
></em>';
155 var t = document.getElementById(ifc.id + '-ifc-transfer');
158 t.innerHTML = String.format(
159 '
<strong><%:RX%
></strong>: %
.2f <%:KB%
> (%d <%:Pkts.%
>)
<br />' +
160 '
<strong><%:TX%
></strong>: %
.2f <%:KB%
> (%d <%:Pkts.%
>)
<br />',
169 window.setTimeout(arguments.callee,
5000);
173 <h2><a id=
"content" name=
"content"><%:Interface Overview%
></a></h2>
175 <fieldset class=
"cbi-section" style=
"display:none">
176 <legend><%:Reconnecting interface%
></legend>
177 <img src=
"<%=resource%>/icons/loading.gif" alt=
"<%:Loading%>" style=
"vertical-align:middle" />
178 <span id=
"ifc-rc-status"><%:Waiting for router...%
></span>
181 <div class=
"cbi-map">
182 <fieldset class=
"cbi-section">
183 <table class=
"cbi-section-table" style=
"margin:10px; empty-cells:hide">
184 <tr class=
"cbi-section-table-titles">
185 <th class=
"cbi-section-table-cell"> </th>
186 <th class=
"cbi-section-table-cell"><%:Interface%
></th>
187 <th class=
"cbi-section-table-cell"><%:MAC%
></th>
188 <th class=
"cbi-section-table-cell" style=
"text-align:left"><%:Addresses%
></th>
189 <th class=
"cbi-section-table-cell" style=
"text-align:left"><%:Transfer%
></th>
190 <th class=
"cbi-section-table-cell" colspan=
"2"><%:Actions%
></th>
192 <% for i, net in ipairs(netlist) do %
>
193 <tr class=
"cbi-section-table-row cbi-rowstyle-<%=i % 2 + 1%>">
195 <span style=
"background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px"><%=net%
></span>
197 <td class=
"cbi-value-field" style=
"width:16px; padding:3px; text-align:center" id=
"<%=net%>-ifc-signal">
198 <img src=
"<%=resource%>/icons/ethernet_disabled.png" style=
"width:16px; height:16px" /><br />
201 <td class=
"cbi-value-field" id=
"<%=net%>-ifc-mac">?
</td>
202 <td class=
"cbi-value-field" style=
"text-align:left; padding:3px" id=
"<%=net%>-ifc-addrs"><em><%:Collecting data...%
></em></td>
203 <td class=
"cbi-value-field" style=
"text-align:left; padding:3px" id=
"<%=net%>-ifc-transfer">
204 <strong><%:RX%
></strong>:
0 <%:KB%
> (
0 <%:Pkts.%
>)
<br />
205 <strong><%:TX%
></strong>:
0 <%:KB%
> (
0 <%:Pkts.%
>)
<br />
208 <a href=
"#" onclick=
"iface_shutdown('<%=net%>', true)"><img style=
"border:none" src=
"<%=resource%>/cbi/reload.gif" alt=
"<%:Reconnect this interface%>" title=
"<%:Reconnect this interface%>" /></a>
209 <a href=
"#" onclick=
"iface_shutdown('<%=net%>', false)"><img style=
"border:none" src=
"<%=resource%>/cbi/reset.gif" alt=
"<%:Shutdown this interface%>" title=
"<%:Shutdown this interface%>" /></a>
212 <a href=
"<%=luci.dispatcher.build_url("admin/network/network
", net)%>"><img style=
"border:none" src=
"<%=resource%>/cbi/edit.gif" alt=
"<%:Edit this interface%>" title=
"<%:Edit this interface%>" /></a>
213 <a href=
"<%=luci.dispatcher.build_url("admin/network/iface_delete
", net)%>" onclick=
"return confirm('<%:Really delete this interface? The deletion cannot be undone!\nYou might loose access to this router if you are connected via this interface.%>')"><img style=
"border:none" src=
"<%=resource%>/cbi/remove.gif" alt=
"<%:Delete this interface%>" title=
"<%:Delete this interface%>" /></a>
220 <form action=
"<%=luci.dispatcher.build_url("admin/network/iface_add
")%>" method=
"post">
222 <input type=
"submit" class=
"cbi-button cbi-button-apply" value=
"<%:Add new interface...%>" />