luci/applications/luci-app-olsr/luasrc/view/status-olsr/interfaces.htm
Jo-Philipp Wich 067d7dc9f7 treewide: convert HTML tables to div
Mostly convert HTML tables to div based markup to allow for easier styling
in the future. Also change JS accessor code accordingly.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-28 15:18:45 +02:00

50 lines
1.7 KiB
HTML

<%#
Copyright 2008 Steven Barth <steven@midlink.org>
Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
Copyright 2011 Manuel Munz <freifunk at somakoma dot de>
Licensed to the public under the Apache License 2.0.
-%>
<%
local i = 1
%>
<%+header%>
<h2 name="content"><%:Interfaces%></h2>
<div id="togglebuttons"></div>
<fieldset class="cbi-section">
<legend><%:Overview of interfaces where OLSR is running%></legend>
<div class="table cbi-section-table">
<div class="tr">
<div class="th cbi-section-table-cell"><%:Interface%></div>
<div class="th cbi-section-table-cell"><%:State%></div>
<div class="th cbi-section-table-cell"><%:MTU%></div>
<div class="th cbi-section-table-cell"><%:WLAN%></div>
<div class="th cbi-section-table-cell"><%:Source address%></div>
<div class="th cbi-section-table-cell"><%:Netmask%></div>
<div class="th cbi-section-table-cell"><%:Broadcast address%></div>
</div>
<% for k, iface in ipairs(iface) do %>
<div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=iface.proto%>">
<div class="td cbi-section-table-cell"><%=iface.name%></div>
<div class="td cbi-section-table-cell"><%=iface.state%></div>
<div class="td cbi-section-table-cell"><%=iface.olsrMTU%></div>
<div class="td cbi-section-table-cell"><%=iface.wireless and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
<div class="td cbi-section-table-cell"><%=iface.ipv4Address or iface.ipv6Address%></div>
<div class="td cbi-section-table-cell"><%=iface.netmask%></div>
<div class="td cbi-section-table-cell"><%=iface.broadcast or iface.multicast%></div>
</div>
<% i = ((i % 2) + 1)
end %>
</div>
</fieldset>
<%+status-olsr/common_js%>
<%+footer%>