luci/applications/luci-app-mwan3/luasrc/view/mwan/status_diagnostics.htm
Florian Eckert 9daf129cba luci-app-mwan3: fix diagnostics status page style issues
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2020-07-08 11:32:34 +02:00

97 lines
3.1 KiB
HTML

<%#
Copyright 2014 Aedan Renner <chipdankly@gmail.com>
Copyright 2018 Florian Eckert <fe@dev.tdt.de>
Licensed to the public under the GNU General Public License v2.
-%>
<%+header%>
<ul class="cbi-tabmenu">
<li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/overview")%>"><%:Interface%></a></li>
<li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/detail")%>"><%:Detail%></a></li>
<li class="cbi-tab"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/diagnostics")%>"><%:Diagnostics%></a></li>
<li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/troubleshooting")%>"><%:Troubleshooting%></a></li>
</ul>
<%
local uci = require "luci.model.uci"
local iface = {}
uci.cursor():foreach("mwan3", "interface",
function (section)
table.insert(iface, section[".name"])
end
)
%>
<script type="text/javascript">//<![CDATA[
var stxhr = new XHR();
function update_status(iface, task)
{
var output = document.getElementById('diag-rc-output');
output.innerHTML =
'<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align: middle;" />' +
"<%:Waiting for command to complete...%>"
;
output.parentNode.style.display = 'block';
output.style.display = 'inline';
stxhr.post('<%=url('admin/status/mwan')%>/diagnostics_display' + '/' + iface + '/' + task, { token: '<%=token%>' },
function(x)
{
output.innerHTML = String.format('<pre>%h</pre>', x.responseText);
}
);
}
//]]></script>
<form method="post" action="<%=url('admin/network/diagnostics')%>">
<div class="cbi-map">
<h2 name="content"><%:MWAN Status - Diagnostics%></h2>
<%if not require("luci.sys").init.enabled("mwan3") then%>
<div><strong><%:INFO: MWAN not running%></strong></div>
<%end%>
<div class="cbi-section">
<div class="cbi-section-node">
<div class="cbi-value">
<label class="cbi-value-title"><%:Interface%></label>
<div class="cbi-value-field">
<select class="cbi-input-select" name="iface">
<% for _, z in ipairs(iface) do -%><option value="<%=z%>"><%=z%></option><%- end %>
</select>
</div>
</div>
</div>
<div class="cbi-section-node">
<div class="cbi-value">
<label class="cbi-value-title"><%:Task%></label>
<div class="cbi-value-field">
<select class="cbi-input-select" name="task">
<option value="ping_gateway"><%:Ping default gateway%></option>
<option value="ping_trackips"><%:Ping tracking IP%></option>
<option value="check_rules"><%:Check IP rules%></option>
<option value="check_routes"><%:Check routing table%></option>
<option value="hotplug_ifup"><%:Hotplug ifup%></option>
<option value="hotplug_ifdown"><%:Hotplug ifdown%></option>
</select>
</div>
</div>
</div>
</div>
<div class="cbi-section-create">
<input type="button" value="<%:Execute%>" class="btn cbi-button cbi-button-apply" onclick="update_status(this.form.iface.value, this.form.task.value)"/>
</div>
<div class="cbi-section" style="display:none">
<span id="diag-rc-output"></span>
</div>
</div>
</form>
<%+footer%>