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

luci-app-mwan3: fix interface grid

Browse source 
Interface grid can become misaligned due to varying number of
lines. Use non-breaking spaces to ensure all interface boxes are three
lines long.

Signed-off-by: Aaron Goodman <aaronjg@stanford.edu>
This commit is contained in:
Aaron Goodman 2020-08-17 20:36:38 -04:00
parent 91c867c044
commit d92b20febd
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -33,7 +33,7 @@ XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface
case 'online': case 'online':
state = '<%:Online%>'; state = '<%:Online%>';
time = String.format( time = String.format(
'<div><strong>Uptime: </strong>%s</div>', '<div><strong>Uptime:&nbsp;</strong>%s</div>',
secondsToString(status.interfaces[iface].online) secondsToString(status.interfaces[iface].online)
); );
css = 'success'; css = 'success';
@ -41,13 +41,14 @@ XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface
case 'offline': case 'offline':
state = '<%:Offline%>'; state = '<%:Offline%>';
time = String.format( time = String.format(
'<div><strong>Downtime: </strong>%s</div>', '<div><strong>Downtime:&nbsp;</strong>%s</div>',
secondsToString(status.interfaces[iface].offline) secondsToString(status.interfaces[iface].offline)
); );
css = 'danger'; css = 'danger';
break; break;
default: default:
state = '<%:Disabled%>'; state = '<%:Disabled%>';
time = '<div>&nbsp;</div>'
css = 'warning'; css = 'warning';
break; break;
} }
@ -56,11 +57,11 @@ XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface
css css
); );
statusview += String.format( statusview += String.format(
'<div><strong>Interface: </strong>%s</div>', '<div><strong>Interface:&nbsp;</strong>%s</div>',
iface iface
); );
statusview += String.format( statusview += String.format(
'<div><strong>Status: </strong>%s</div>', '<div><strong>Status:&nbsp;</strong>%s</div>',
state state
); );
if (time) if (time)