X-Git-Url: http://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=applications%2Fluci-app-mwan3%2Fluasrc%2Fview%2Fmwan%2Foverview_status_interface.htm;h=4ec0edf049931c883eb7599fde6034e90c038f2c;hp=c941ad2b464c66b85f510b1a0bad173893625abf;hb=10e5171ea6e971ce882b8a2257f70699fdd26f8a;hpb=a279c9abb3e39f0dd9fa4ce2a507a49f3695a13c

diff --git a/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm b/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
index c941ad2b4..4ec0edf04 100644
--- a/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
+++ b/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
@@ -15,26 +15,35 @@ XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface_
 				for ( var iface in status.interfaces)
 				{
 					var state = '';
+					var css = ''
 					switch (status.interfaces[iface].status)
 					{
 						case 'online':
 							state = '<%:Online (tracking active)%>';
+							css = 'success';
 							break;
 						case 'offline':
 							state = '<%:Offline%>';
+							css = 'danger';
 							break;
 						default:
 							state = '<%:Disabled%>';
+							css = 'warning';
 							break;
 					}
 					statusview += String.format(
+						'<div class="alert-message %s">',
+						css
+					);
+					statusview += String.format(
 						'<div><strong>Interface: </strong>%s</div>',
 						iface
 					);
 					statusview += String.format(
-						'<div><strong>Status: </strong>%s</div></br></br>',
+						'<div><strong>Status: </strong>%s</div>',
 						state
 					);
+					statusview += '</div>'
 				}
 				statusDiv.innerHTML = statusview;
 			}
@@ -46,6 +55,17 @@ XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface_
 	);
 //]]></script>
 
+<style type="text/css">
+	#mwan_status_text > div {
+		display: inline-block;
+		margin: 1rem;
+		padding: 1rem;
+		width: 10rem;
+		float: left;
+		line-height: 125%;
+	}
+</style>
+
 <fieldset id="interface_field" class="cbi-section">
 	<legend><%:MWAN Interfaces%></legend>
 	<div id="mwan_status_text">