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

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
openwrt · Feb 5, 2018 · 4b0347d · 4b0347d
1 parent 83cec92
commit 4b0347d
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/applications/luci-app-mwan3/luasrc/view/mwan/status_interface.htm b/applications/luci-app-mwan3/luasrc/view/mwan/status_interface.htm
@@ -18,7 +18,9 @@
 	XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface_status")%>', null,
 		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)
 			{
 				var statusview = '';
@@ -62,10 +64,13 @@
 	);
 //]]></script>
 
-<div id="mwan_interface_status">
-	<fieldset id="interface_field" class="cbi-section">
-		<legend><%:MWAN status - Interface Live Status%></legend>
-		<div id="mwan_status_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /><%:Collecting data...%></div>
+<div class="cbi-map">
+	<h2 name="content"><%:MWAN Status - Interface%></h2>
+	<fieldset class="cbi-section">
+		<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>
 </div>