applications/luci-app-mwan3/luasrc/view/mwan/overview_interface.htm

   1 <%+header%>
   2
   3 <ul class="cbi-tabmenu">
   4         <li class="cbi-tab"><a href="<%=luci.dispatcher.build_url("admin/network/mwan/overview")%>"><%:Interface Status%></a></li>
   5         <li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/network/mwan/overview/overview_detailed")%>"><%:Detailed Status%></a></li>
   6 </ul>
   7
   8 <script type="text/javascript" src="<%=resource%>/cbi.js"></script>
   9 <script type="text/javascript">//<![CDATA[
  10         XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "network", "mwan", "overview", "interface_status")%>', null,
  11                 function(x, mArray)
  12                 {
  13                         var statusDiv = document.getElementById('mwan_status_text');
  14                         if (mArray.wans)
  15                         {
  16                                 var interfaceStatus = '';
  17                                 for ( var i = 0; i < mArray.wans.length; i++ )
  18                                 {
  19                                         var status = '';
  20                                         var css = '';
  21                                         switch (mArray.wans[i].status)
  22                                         {
  23                                                 case 'online':
  24                                                         status = 'Online (tracking active)';
  25                                                         css = 'wanon';
  26                                                         break;
  27                                                 case 'notMonitored':
  28                                                         status = 'Online (tracking off)';
  29                                                         css = 'wanon';
  30                                                         break;
  31                                                 case 'offline':
  32                                                         status = 'Offline';
  33                                                         css = 'wanoff';
  34                                                         break;
  35                                                 case 'notEnabled':
  36                                                         status = 'Disabled';
  37                                                         css = 'wanoff';
  38                                                         break;
  39                                         }
  40                                         interfaceStatus += String.format(
  41                                                 '<span class="%s"><strong>%s (<a href="%q">%s</a>)</strong><br />%s</span>',
  42                                                 css, mArray.wans[i].name, mArray.wans[i].link, mArray.wans[i].ifname, status
  43                                         );
  44                                 }
  45                                 statusDiv.innerHTML = interfaceStatus;
  46                         }
  47                         else
  48                         {
  49                                 statusDiv.innerHTML = '<strong>No MWAN interfaces found</strong>';
  50                         }
  51
  52                         var logs = document.getElementById('mwan_statuslog_text');
  53                         if (mArray.mwanlog)
  54                         {
  55                                 var mwanLog = 'Last 50 MWAN systemlog entries. Newest entries sorted at the top :';
  56                                 logs.innerHTML = String.format('<pre>%s<br /><br />%s</pre>', mwanLog, mArray.mwanlog[0]);
  57                         }
  58                         else
  59                         {
  60                                 logs.innerHTML = '<strong>No MWAN systemlog history found</strong>';
  61                         }
  62                 }
  63         );
  64 //]]></script>
  65
  66 <div id="mwan_interface_status">
  67         <fieldset id="interface_field" class="cbi-section">
  68                 <legend><%:MWAN Interface Live Status%></legend>
  69                 <div id="mwan_status_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /> Collecting data...</div>
  70         </fieldset>
  71         <fieldset class="cbi-section">
  72                 <legend><%:MWAN Interface Systemlog%></legend>
  73                 <div id="mwan_statuslog_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /> Collecting data...</div>
  74         </fieldset>
  75 </div>
  76
  77 <style type="text/css">
  78   .container {  /* container for entire page. fixes bootstrap theme's ridiculously small page width */
  79         max-width: none;
  80         margin-left: 30px;
  81         padding-right: 30px;
  82         width: auto;
  83   }
  84   #mwan_interface_status {
  85         background-color: #FFFFFF;
  86         border: 1px dotted #555555;
  87         padding: 20px;
  88   }
  89   #interface_field {
  90         padding: 12px 20px 20px 20px;
  91   }
  92   #mwan_status_text {
  93         display: table;
  94         font-size: 14px;
  95         margin: auto;
  96         max-width: 1044px;
  97         min-width: 246px;
  98         width: 100%;
  99   }
 100   .wanon {
 101         background-color: rgb(144, 240, 144);
 102   }
 103   .wanoff {
 104         background-color: rgb(240, 144, 144);
 105   }
 106   .wanon, .wanoff {
 107         border-radius: 60px;
 108         box-shadow: 0px 2px 5px -3px;
 109         float: left;
 110         margin: 8px 3px 0px 3px;
 111         min-height: 30px;
 112         min-width: 235px;
 113         padding: 5px 10px 8px 10px;
 114         text-align: center;
 115   }
 116   #mwan_statuslog_text {
 117         padding: 20px;
 118         text-align: left;
 119   }
 120 </style>
 121
 122 <%+footer%>