luci-app-mwan3: update look and feel interface status page

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
This commit is contained in:
Florian Eckert 2018-01-30 07:22:06 +01:00
parent 83cec9277d
commit 4b0347d498

View file

@ -18,7 +18,9 @@
XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface_status")%>', null, XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface_status")%>', null,
function(x, status) function(x, status)
{ {
var statusDiv = document.getElementById('mwan_status_text'); var legend = document.getElementById('diag-rc-legend');
var statusDiv = document.getElementById('diag-rc-output');
legend.style.display = 'none';
if (status.interfaces) if (status.interfaces)
{ {
var statusview = ''; var statusview = '';
@ -62,10 +64,13 @@
); );
//]]></script> //]]></script>
<div id="mwan_interface_status"> <div class="cbi-map">
<fieldset id="interface_field" class="cbi-section"> <h2 name="content"><%:MWAN Status - Interface%></h2>
<legend><%:MWAN status - Interface Live Status%></legend> <fieldset class="cbi-section">
<div id="mwan_status_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /><%:Collecting data...%></div> <legend id="diag-rc-legend"><%:Collecting data...%></legend>
<span id="diag-rc-output">
<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align: middle;" />
</span>
</fieldset> </fieldset>
</div> </div>