ryu/ryu/app/gui_topology/html/web/stats.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <title>SDN Hub starter kit</title>
  11
  12     <!-- Bootstrap core CSS -->
  13     <link rel="stylesheet" href="/web/css/pure-min-0.5.0.css">
  14     <link rel="stylesheet" href="/web/css/font-awesome.min.css">
  15     <link rel="stylesheet" href="/web/css/pure-custom.css">
  16   </head>
  17
  18   <body>
  19
  20   <div class="header">
  21       <div id="menu">
  22       <div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed">
  23           <img src="/web/img/sdnhub_logo.png" style="height:40px;vertical-align:middle;">
  24           <a class="pure-menu-heading" href="">SDN Hub Controller</a>
  25       </div>
  26   </div>
  27   </div>
  28
  29   <div id="layout">
  30   <div id="menu">
  31       <div class="pure-menu pure-menu-open">
  32           <ul>
  33               <li class=" ">
  34                   <a href="/web/index.html">Topology
  35                   <i class="fa fa-home"></i></a>
  36               </li>
  37               <li class="menu-item-divided pure-menu-selected">
  38                   <a href="/web/stats.html">Statistics
  39                   <i class="fa fa-bar-chart-o"></i></a>
  40               </li>
  41               <li class=" ">
  42                   <a href="/web/tap.html">Manage Tap
  43                   <i class="fa fa-edit"></i>
  44                   </a></li>
  45               <li class=" ">
  46                   <a href="/web/loadbalancer.html">Load balancer
  47                   <i class="fa fa-sitemap"></i></a>
  48               </li>
  49  </ul>
  50  </div>
  51  </div>
  52
  53  <div id="main">
  54      <div class="tabGroup">
  55          <input type="radio" id="port-stats" name="tabGroup1" class="port-stats" checked="checked"/>
  56          <label for="port-stats">Port</label>
  57
  58          <input type="radio" id="flow-stats" name="tabGroup1" class="flow-stats"/>
  59          <label for="flow-stats">Flow</label>
  60
  61          <br/>
  62
  63          <div class="port-stats">
  64
  65              <h2>Port Statistics</h2>
  66              <button style="float:right;" type="submit" class="pure-button
  67                  pure-button-primary" onclick="stopPortStatsTableRefresh()">Stop refresh</button>
  68
  69              <table class="pure-table pure-table-bordered">
  70                  <thead>
  71                      <tr>
  72                          <th rowspan="2">Switch</th>
  73                          <th rowspan="2">Port</th>
  74                          <th colspan="4">Receive counters</th>
  75                          <th colspan="4">Transmit counters</th>
  76                      </tr>
  77                      <tr>
  78                          <th>Rx packets</th>
  79                          <th>Rx bytes</th>
  80                          <th>Rx dropped</th>
  81                          <th>Rx errors</th>
  82                          <th>Tx packets</th>
  83                          <th>Tx bytes</th>
  84                          <th>Tx dropped</th>
  85                          <th>Tx errors</th>
  86                      </tr>
  87                  </thead>
  88                  <tbody id="port-stats-data">
  89                  </tbody>
  90              </table>
  91          </div>
  92
  93          <div class="flow-stats">
  94              <h2>Flow Statistics</h2>
  95              <button style="float:right;" type="submit" class="pure-button
  96                  pure-button-primary" onclick="stopFlowStatsTableRefresh()">Stop refresh</button>
  97
  98              <table class="pure-table pure-table-bordered">
  99                  <thead>
 100                      <tr>
 101                          <th rowspan="2">Switch</th>
 102                          <th rowspan="2">In port</th>
 103                          <th colspan="3">MAC Src</th>
 104                          <th colspan="3">IP Src</th>
 105                          <th colspan="2">Transport</th>
 106                          <th rowspan="2">Out port</th>
 107                          <th rowspan="2">Duration (secs)</th>
 108                          <th rowspan="2">Packets</th>
 109                          <th rowspan="2">Bytes</th>
 110                      </tr>
 111                      <tr>
 112                          <th>Src</th>
 113                          <th>Dst</th>
 114                          <th>Type</th>
 115                          <th>Src</th>
 116                          <th>Dst</th>
 117                          <th>Type</th>
 118                          <th>Src port</th>
 119                          <th>Dst port</th>
 120                      </tr>
 121                  </thead>
 122                  <tbody id="flow-stats-data">
 123                  </tbody>
 124              </table>
 125          </div>
 126      </div>
 127  </div><!-- main -->
 128 </div><!--layout -->
 129
 130   <div class="footer">
 131           <p class="legal-copyright">
 132           © 2014 SDN Hub. All rights reserved.
 133           </p>
 134   </div>
 135
 136   <script src="/web/js/jquery.min.js"></script>
 137   <script src="/web/js/utils.js"></script>
 138   <script src="/web/js/port-stats.js"></script>
 139   <script src="/web/js/flow-stats.js"></script>
 140
 141   </body>
 142 </html>