src/views/topologyMaker.ejs

   1 <!DOCTYPE html>
   2 <html>
   3 <!-- esto se reemplazo por la pagina tap -->
   4
   5 <head>
   6   <title></title>
   7
   8   <%include ../../partials/head%>
   9 </head>
  10
  11 <body>
  12   <header>
  13     <%include ../../partials/header%>
  14   </header>
  15
  16   <div id="main">
  17     <h2>Manage Tap</h2>
  18     <p>Aqui se pueden configurar los taps(puertos), para que puedan ser
  19       desactivados a efectos de la red, ya que no pueden ser eliminados una vez que han
  20       sido creados</p>
  21
  22     <form class="form">
  23       <fieldset>
  24         <div>
  25           <label>Switch DPID</label>
  26           <br>
  27           <select id="switch" onchange="updatePorts()">
  28           </select>
  29         </div>
  30
  31         <div>
  32           <label>Source port(s)</label>
  33           <br>
  34           <select id="src-ports" multiple>
  35           </select>
  36         </div>
  37
  38         <div>
  39           <label>Sink port(s)</label>
  40           <br>
  41           <select id="sink-ports" multiple>
  42           </select>
  43         </div>
  44
  45         <div>
  46           <label>MAC address</label>
  47           <br>
  48           <select id="mac-class">
  49             <option>--Ignore--</option>
  50             <option>Source</option>
  51             <option>Destination</option>
  52             <option>Src or Dest</option>
  53           </select>
  54           <input id="mac-addr" type="text" placeholder="12:34:56:78:9A:BC">
  55         </div>
  56
  57         <div>
  58           <label>IP address</label>
  59           <br>
  60           <select id="ip-class">
  61             <option>--Ignore--</option>
  62             <option>Source</option>
  63             <option>Destination</option>
  64             <option>Src or Dest</option>
  65           </select>
  66           <input id="ip-addr" type="text" placeholder="12.34.56.78/24">
  67         </div>
  68
  69         <div>
  70           <!--<div class="pure-u-1 pure-u-md-1-3">-->
  71           <label>Common traffic types</label>
  72           <br>
  73           <select id="traffic-type">
  74             <option>--Ignore--</option>
  75             <option>HTTP</option>
  76             <option>HTTPS</option>
  77             <option>UDP</option>
  78             <option>DHCP</option>
  79             <option>ICMP</option>
  80           </select>
  81         </div>
  82       </fieldset>
  83     </form>
  84
  85
  86     <div>
  87       <button href="#" class="pure-button pure-button-primary" onclick="setTap()">Set</button>
  88       <button href="#" class="pure-button pure-button-primary" onclick="clearTap()">Clear</button>
  89     </div>
  90     <div id="post-status">
  91     </div>
  92   </div><!-- main -->
  93   </div>
  94   <!--layout -->
  95
  96
  97   <script src="/js/jquery.min.js"></script>
  98   <script src="/js/utils.js"></script>
  99   <script src="/js/tap.js"></script>
 100 </body>
 101
 102 <footer>
 103   <%include ../../partials/footer%>
 104 </footer>
 105
 106
 107 </html>