applications/luci-app-mwan3/luasrc/view/mwan/overview_detailed.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%>