cff94023b2aadc3bf7facaa04cec94cebbc33a26
[project/luci.git] / applications / luci-app-mwan3 / luasrc / view / mwan / status_diagnostics.htm
1 <%+header%>
2
3 <ul class="cbi-tabmenu">
4         <li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/overview")%>"><%:Interface%></a></li>
5         <li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/detail")%>"><%:Detail%></a></li>
6         <li class="cbi-tab"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/diagnostics")%>"><%:Diagnostics%></a></li>
7         <li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/troubleshooting")%>"><%:Troubleshooting%></a></li>
8 </ul>
9
10 <%
11         local uci = require "luci.model.uci"
12
13         local iface = {}
14
15         uci.cursor():foreach("mwan3", "interface",
16                 function (section)
17                         table.insert(iface, section[".name"])
18                 end
19         )
20 %>
21
22 <script type="text/javascript" src="<%=resource%>/cbi.js"></script>
23 <script type="text/javascript">//<![CDATA[
24         var stxhr = new XHR();
25
26         function update_status(iface, task)
27         {
28                 var legend = document.getElementById('diag-rc-legend');
29                 var output = document.getElementById('diag-rc-output');
30
31                 output.innerHTML =
32                         '<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align: middle;" />' +
33                         "<%:Waiting for command to complete...%>"
34                 ;
35
36                 output.parentNode.style.display = 'block';
37                 output.style.display = 'inline';
38
39                 stxhr.post('<%=url('admin/status/mwan')%>/diagnostics_display' + '/' + iface + '/' + task, { token: '<%=token%>' },
40                         function(x)
41                         {
42                                 legend.style.display = 'none';
43                                 output.innerHTML = String.format('<pre>%h</pre>', x.responseText);
44                         }
45                 );
46         }
47 //]]></script>
48
49 <form method="post" action="<%=url('admin/network/diagnostics')%>">
50         <div class="cbi-map">
51                 <h2 name="content"><%:MWAN Status - Diagnostics%></h2>
52
53                 <fieldset class="cbi-section">
54                         <br />
55
56                         <div style="width:30%; float:left">
57                                 <label class="cbi-value-title"><%:Interface%></label>
58                                 <select name="iface" style="width:auto">
59                                         <% for _, z in ipairs(iface) do -%><option value="<%=z%>"><%=z%></option><%- end %>
60                                 </select>
61                         </div>
62
63                         <div style="width:30%; float:left">
64                                 <label class="cbi-value-title"><%:Task%></label>
65                                 <select name="task" style="width:auto">
66                                         <option value="ping_gateway"><%:Ping default gateway%></option>
67                                         <option value="ping_trackips"><%:Ping tracking IP%></option>
68                                         <option value="check_rules"><%:Check IP rules%></option>
69                                         <option value="check_routes"><%:Check routing table%></option>
70                                         <option value="hotplug_ifup"><%:Hotplug ifup%></option>
71                                         <option value="hotplug_ifdown"><%:Hotplug ifdown%></option>
72                                 </select>
73                         </div>
74
75                         <div style="width:30%; float:left">
76                                 <input type="button" value="<%:Execute%>" class="cbi-button cbi-button-apply" onclick="update_status(this.form.iface.value, this.form.task.value)"/>
77                         </div>
78                 </fieldset>
79         </div>
80         <fieldset class="cbi-section" style="display:none">
81                 <legend id="diag-rc-legend"><%:Collecting data...%></legend>
82                 <span id="diag-rc-output"></span>
83         </fieldset>
84 </form>
85
86 <%+footer%>