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
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()
27 <script type=
"text/javascript" src=
"<%=resource%>/cbi.js"></script>
28 <script type=
"text/javascript">//<![CDATA[
29 function iface_shutdown(id, reconnect) {
30 if (!reconnect && !confirm(String.format('<%_Really shutdown interface
"%s" ?\nYou might lose access to this router if you are connected via this interface.%
>', id)))
33 var a = document.getElementById(id + '-ifc-addrs');
35 a.innerHTML = reconnect
36 ? '
<em><%:Interface is reconnecting...%
></em>'
37 : '
<em><%:Interface is shutting down...%
></em>';
39 var s = document.getElementById('ifc-rc-status');
42 s.parentNode.style.display = 'block';
43 s.innerHTML = '<%:Waiting for router...%
>';
46 var rcxhr = new XHR();
47 rcxhr.get('<%=luci.dispatcher.build_url(
"admin",
"network")%
>/iface_' + (reconnect ? 'reconnect' : 'shutdown') + '/' + id, null,
52 s.innerHTML = reconnect
53 ? '<%:Interface reconnected%
>'
54 : '<%:Interface shut down%
>';
56 window.setTimeout(function() {
57 s.parentNode.style.display = 'none';
65 var iwxhr = new XHR();
66 var wifidevs = <%=luci.http.write_json(netdevs)%
>;
67 var arptable = <%=luci.http.write_json(arpcache)%
>;
69 var update_status = function() {
70 iwxhr.get('<%=luci.dispatcher.build_url(
"admin",
"network",
"iface_status", table.concat(netlist,
","))%
>', null,
75 for (var i =
0; i < ifcs.length; i++)
78 var is_up = (ifc.flags && ifc.flags.up);
79 var rxb = ifc.stats ? ifc.stats[
"rx_bytes"] :
0;
80 var txb = ifc.stats ? ifc.stats[
"tx_bytes"] :
0;
81 var rxp = ifc.stats ? ifc.stats[
"rx_packets"] :
0;
82 var txp = ifc.stats ? ifc.stats[
"tx_packets"] :
0;
83 var mac = ifc.macaddr ? ifc.macaddr : '
00:
00:
00:
00:
00:
00';
90 upt = String.format('%t', ifc.uptime);
92 icon =
"<%=resource%>/icons/ethernet.png";
96 icon =
"<%=resource%>/icons/ethernet_disabled.png";
99 var s = document.getElementById(ifc.id + '-ifc-signal');
102 s.innerHTML = String.format(
103 '
<img src=
"%s" style=
"width:16px; height:16px" /><br />' +
105 icon, ifc.ifname ? ifc.ifname : '?'
109 var u = document.getElementById(ifc.id + '-ifc-uptime');
115 var m = document.getElementById(ifc.id + '-ifc-mac');
118 m.innerHTML = mac.toUpperCase();
121 var a = document.getElementById(ifc.id + '-ifc-addrs');
128 if (ifc.ipaddrs && ifc.ipaddrs.length)
130 a.innerHTML += '
<strong><%:IPv4%
>:
</strong>';
132 for (var j =
0; j < ifc.ipaddrs.length; j++)
133 a.innerHTML += String.format(
137 ifc.ipaddrs[j].prefix
140 a.innerHTML += '
<br />';
143 if (ifc.ip6addrs && ifc.ip6addrs.length)
145 a.innerHTML += '
<strong><%:IPv6%
>:
</strong>';
147 for (var j =
0; j < ifc.ip6addrs.length; j++)
148 a.innerHTML += String.format(
151 ifc.ip6addrs[j].addr.toUpperCase(),
152 ifc.ip6addrs[j].prefix
155 a.innerHTML += '
<br />';
159 a.innerHTML = '
<em><%:No address configured on this interface.%
></em>'
163 a.innerHTML = '
<em><%:Interface not present or not connected yet.%
></em>';
167 var t = document.getElementById(ifc.id + '-ifc-transfer');
170 t.innerHTML = String.format(
171 '
<strong><%:RX%
></strong>: %
1024.2mB (%d <%:Pkts.%
>)
<br />' +
172 '
<strong><%:TX%
></strong>: %
1024.2mB (%d <%:Pkts.%
>)
<br />',
179 window.setTimeout(update_status,
5000);
187 <fieldset class=
"cbi-section" style=
"display:none">
188 <legend><%:Reconnecting interface%
></legend>
189 <img src=
"<%=resource%>/icons/loading.gif" alt=
"<%:Loading%>" style=
"vertical-align:middle" />
190 <span id=
"ifc-rc-status"><%:Waiting for router...%
></span>
193 <div class=
"cbi-map">
194 <fieldset class=
"cbi-section">
195 <legend><%:Interface Overview%
></legend>
197 <table class=
"cbi-section-table" style=
"margin:10px; empty-cells:hide">
198 <tr class=
"cbi-section-table-titles">
199 <th class=
"cbi-section-table-cell"> </th>
200 <th class=
"cbi-section-table-cell"><%:Interface%
></th>
201 <th class=
"cbi-section-table-cell"><%:Uptime%
></th>
202 <th class=
"cbi-section-table-cell"><%:MAC%
></th>
203 <th class=
"cbi-section-table-cell" style=
"text-align:left"><%:Addresses%
></th>
204 <th class=
"cbi-section-table-cell" style=
"text-align:left"><%:Transfer%
></th>
205 <th class=
"cbi-section-table-cell" colspan=
"2"><%:Actions%
></th>
207 <% for i, net in ipairs(netlist) do %
>
208 <tr class=
"cbi-section-table-row cbi-rowstyle-<%=i % 2 + 1%>">
210 <span style=
"background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px"><%=net%
></span>
212 <td class=
"cbi-value-field" style=
"min-width:16px; padding:3px; text-align:center" id=
"<%=net%>-ifc-signal">
213 <img src=
"<%=resource%>/icons/ethernet_disabled.png" style=
"width:16px; height:16px" /><br />
216 <td class=
"cbi-value-field" id=
"<%=net%>-ifc-uptime">?
</td>
217 <td class=
"cbi-value-field" id=
"<%=net%>-ifc-mac">?
</td>
218 <td class=
"cbi-value-field" style=
"text-align:left; padding:3px" id=
"<%=net%>-ifc-addrs"><em><%:Collecting data...%
></em></td>
219 <td class=
"cbi-value-field" style=
"text-align:left; padding:3px" id=
"<%=net%>-ifc-transfer">
220 <strong><%:RX%
></strong>:
0 <%:KB%
> (
0 <%:Pkts.%
>)
<br />
221 <strong><%:TX%
></strong>:
0 <%:KB%
> (
0 <%:Pkts.%
>)
<br />
224 <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>
225 <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>
228 <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>
229 <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 lose 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>
235 <input type=
"button" class=
"cbi-button cbi-button-add" value=
"<%:Add new interface...%>" onclick=
"location.href='<%=luci.dispatcher.build_url("admin/network/iface_add
")%>'" />