Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #1696 from TDT-AG/pr/20180323-luci-app-mwan3-add-boxes-again

Browse source 
luci-app-mwan3: add boxes again and update css in luci-theme-material
This commit is contained in:
Hannu Nyman 2018-03-23 16:59:42 +02:00 committed by GitHub
commit 92408aaf17
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
View file

@ -15,29 +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)%>';
break;
case 'notMonitored':
state = '<%:Online (tracking off)%>';
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;
}
@ -49,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">

14
themes/luci-theme-material/htdocs/luci-static/material/css/style.css
View file

@ -253,9 +253,19 @@ header > .container > .brand {
vertical-align: text-bottom;
}
.danger {
background-color: #FA8072 !important;
color: black;
}
.warning {
background-color: #FF7D60 !important;
color: #FFF;
background-color: #F0E68C !important;
color: black;
}
.success {
background-color: #90EE90 !important;
color: black;
}
.errorbox,