ryu/ryu/app/gui_topology/html/web/tap.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     <link rel="stylesheet" href="/web/css/joint.all.min.css">
  17   </head>
  18
  19   <body>
  20
  21   <div class="header">
  22       <div id="menu">
  23       <div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed">
  24           <img src="/web/img/sdnhub_logo.png" style="height:40px;vertical-align:middle;">
  25           <a class="pure-menu-heading" href="">SDN Hub Controller</a>
  26       </div>
  27   </div>
  28   </div>
  29
  30   <div id="layout">
  31   <div id="menu">
  32       <div class="pure-menu pure-menu-open">
  33           <ul>
  34               <li class=" ">
  35                   <a href="/web/index.html">Topology
  36                   <i class="fa fa-home"></i></a>
  37               </li>
  38               <li class=" ">
  39                   <a href="/web/stats.html">Statistics
  40                   <i class="fa fa-bar-chart-o"></i></a>
  41               </li>
  42               <li class="menu-item-divided pure-menu-selected">
  43                   <a href="/web/tap.html">Manage Tap
  44                   <i class="fa fa-edit"></i></a>
  45               </li>
  46               <li class=" ">
  47                   <a href="/web/loadbalancer.html">Load balancer
  48                   <i class="fa fa-sitemap"></i></a>
  49               </li>
  50  </ul>
  51  </div>
  52  </div>
  53
  54  <div id="main">
  55         <h2>Manage Tap</h2>
  56         <p>Following form allows configuring a stateless tap, i.e., once
  57         you create the tap, you cannot track or delete that specific
  58         tap. However, you can use the Set and Clear to achieve that effect.
  59         Performing a "Clear" operation without specifying any field
  60         values will remove all previously created Taps.
  61         For this edition of the tap, the source and sink need to be on
  62         the same switch.</p>
  63
  64 <form class="pure-form pure-form-aligned">
  65     <fieldset>
  66             <div class="pure-control-group">
  67                 <label>Switch DPID</label>
  68                 <select id="switch" style="width:12em;"
  69                     onchange="updatePorts()">
  70                 </select>
  71             </div>
  72
  73             <div class="pure-control-group">
  74                 <label>Source port(s)</label>
  75                 <select id="src-ports" style="width:12em;" multiple>
  76                 </select>
  77             </div>
  78
  79             <div class="pure-control-group">
  80                 <label>Sink port(s)</label>
  81                 <select id="sink-ports" style="width:12em;" multiple>
  82                 </select>
  83             </div>
  84
  85             <div class="pure-control-group">
  86                 <label>MAC address</label>
  87                 <select id="mac-class">
  88                     <option>--Ignore--</option>
  89                     <option>Source</option>
  90                     <option>Destination</option>
  91                     <option>Src or Dest</option>
  92                 </select>
  93                 <input id="mac-addr" type="text"
  94                 placeholder="01:12:23:34:45:56">
  95             </div>
  96
  97             <div class="pure-control-group">
  98                 <label>IP address</label>
  99                 <select id="ip-class">
 100                     <option>--Ignore--</option>
 101                     <option>Source</option>
 102                     <option>Destination</option>
 103                     <option>Src or Dest</option>
 104                 </select>
 105                 <input id="ip-addr" type="text"
 106                 placeholder="12.23.34.45/24">
 107             </div>
 108
 109             <div class="pure-control-group">
 110                 <!--<div class="pure-u-1 pure-u-md-1-3">-->
 111                 <label>Common traffic types</label>
 112                 <select id="traffic-type">
 113                     <option>--Ignore--</option>
 114                     <option>HTTP</option>
 115                     <option>HTTPS</option>
 116                     <option>UDP</option>
 117                     <option>DHCP</option>
 118                     <option>ICMP</option>
 119                 </select>
 120             </div>
 121     </fieldset>
 122 </form>
 123             <div class="pure-controls">
 124                 <button href="#" class="pure-button pure-button-primary" onclick="setTap()">Set</button>
 125                 <button href="#" class="pure-button pure-button-primary" onclick="clearTap()">Clear</button>
 126             </div>
 127     <div id="post-status">
 128     </div>
 129   </div><!-- main -->
 130   </div><!--layout -->
 131   <div class="footer">
 132           <p class="legal-copyright">
 133           © 2014 SDN Hub. All rights reserved.
 134           </p>
 135   </div>
 136
 137   <script src="/web/js/jquery.min.js"></script>
 138   <script src="/web/js/utils.js"></script>
 139   <script src="/web/js/tap.js"></script>
 140   </body>
 141 </html>