Merge pull request #1526 from TDT-AG/pr/20180111-luci-app-mwan3-refactoring
[project/luci.git] / applications / luci-app-mwan3 / luasrc / view / mwan / status_detail.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 Status%></a></li>
5         <li class="cbi-tab"><a href="<%=luci.dispatcher.build_url("admin/status/mwan/detail")%>"><%:Detailed Status%></a></li>
6         <li class="cbi-tab-disabled"><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 <script type="text/javascript" src="<%=resource%>/cbi.js"></script>
11 <script type="text/javascript">//<![CDATA[
12         XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "detailed_status")%>', null,
13                 function(x, mArray)
14                 {
15                         var status = document.getElementById('mwan_detail_text');
16                         if (mArray.mwandetail)
17                         {
18                                 status.innerHTML = String.format('<pre>%s</pre>', mArray.mwandetail[0]);
19                         }
20                         else
21                         {
22                                 status.innerHTML = '<strong><%:No detailed status information available%></strong>';
23                         }
24                 }
25         );
26 //]]></script>
27
28 <div id="mwan_detail_status">
29         <fieldset class="cbi-section">
30                 <legend><%:MWAN Detailed Status%></legend>
31                 <div id="mwan_detail_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /><%:Collecting data...%></div>
32         </fieldset>
33 </div>
34
35 <style type="text/css">
36   #mwan_detail_text {
37         padding: 20px;
38         text-align: left;
39   }
40 </style>
41
42 <%+footer%>