bbf096c79e
Globally cleanup template markup to support responsive design changes in OpenWrt theme. Rework handling of dynamic status tables, consolidate hand-written markup, fix small render bugs in various places and annotate tables where needed. Signed-off-by: Jo-Philipp Wich <jo@mein.io>
62 lines
1.6 KiB
HTML
62 lines
1.6 KiB
HTML
<script type="text/javascript">//<![CDATA[
|
|
var switches = [ '<%=table.concat(self.switches, "', '")%>' ],
|
|
tables = document.querySelectorAll('.cbi-section-table');
|
|
|
|
function add_status_row(table) {
|
|
var first_row = table.querySelector('.cbi-section-table-row');
|
|
if (first_row.classList.contains('port-status'))
|
|
return first_row;
|
|
|
|
var status_row = first_row.parentNode.insertBefore(
|
|
E('div', { 'class': first_row.className }), first_row);
|
|
|
|
first_row.querySelectorAll('.td').forEach(function(td) {
|
|
status_row.appendChild(td.cloneNode(false));
|
|
status_row.lastElementChild.removeAttribute('data-title');
|
|
});
|
|
|
|
status_row.firstElementChild.innerHTML = '<%:Port status:%>';
|
|
status_row.classList.add('port-status') ;
|
|
|
|
return status_row;
|
|
}
|
|
|
|
XHR.poll(5, '<%=url('admin/network/switch_status')%>/' + switches.join(','), null,
|
|
function(x, st)
|
|
{
|
|
for (var i = 0; i < switches.length; i++)
|
|
{
|
|
var ports = st[switches[i]];
|
|
var tr = add_status_row(tables[i]);
|
|
|
|
if (tr && ports && ports.length)
|
|
{
|
|
for (var j = 0; j < ports.length; j++)
|
|
{
|
|
var th = tr.childNodes[j+1];
|
|
|
|
if (!th)
|
|
continue;
|
|
|
|
if (ports[j].link)
|
|
{
|
|
th.innerHTML = String.format(
|
|
'<small><img src="<%=resource%>/icons/port_up.png" />' +
|
|
'<br />%d<%:baseT%><br />%s</small>',
|
|
ports[j].speed, ports[j].duplex
|
|
? '<%:full-duplex%>' : '<%:half-duplex%>'
|
|
);
|
|
}
|
|
else
|
|
{
|
|
th.innerHTML = String.format(
|
|
'<small><img src="<%=resource%>/icons/port_down.png" />' +
|
|
'<br /><%:no link%></small>'
|
|
);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
);
|
|
//]]></script>
|