git.josue.xyz Git - VSoRC/.git/blob

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5   <title></title>
   6   <!-- <link rel="stylesheet" type="text/css" href="/styles/main.css" /> -->
   7   <%include ../../partials/head%>
   8   <link rel="stylesheet" type="text/css" href="/styles/starter.css" />
   9
  10 </head>
  11 <header>
  12   <%include ../../partials/header%>
  13 </header>
  14
  15 <body>
  16
  17   <main>
  18     <div class="side">
  19
  20       <div class="panel">
  21         <textarea class="text" rows="20" cols="7" id="comandos" placeholder="Definicion de la red como: H1:S1"></textarea>
  22         <div class="buttons">
  23           <button type="button" name="button" onclick="startvsorc()">Iniciar VSoRC</button>
  24           <button type="button" name="button" onclick="stopvsorc()">Detener VSoRC</button>
  25           <button type="button" name="button" onclick="startcontroller()">Iniciar controlador</button>
  26           <button type="button" name="button" onclick="stopcontroller()">Detener controlador</button>
  27         </div>
  28       </div>
  29
  30       <div class="panel">
  31         <textarea class="text" disabled rows="20" cols="7" id="vsorcout" placeholder="Salida del sistema de consola"></textarea>
  32         <div class="buttons">
  33           <button type="button" name="button" onclick="startvsorc()">Ping all</button>
  34           <button type="button" name="button" onclick="stopvsorc()">Placement</button>
  35           <button type="button" name="button" onclick="startcontroller()">Iperf3</button>
  36         </div>
  37       </div>
  38
  39     </div>
  40
  41     <div class="side">
  42
  43       <div class="panel">
  44         <textarea class="text" disabled rows="20" cols="7" id="vsorcout" placeholder="Salida del controlador"></textarea>
  45       </div>
  46
  47       <div class="panel">
  48
  49       </div>
  50
  51     </div>
  52
  53     <script type="text/javascript">
  54       let topo = document.getElementById('comandos') //Donde van escrito el DSL
  55
  56
  57
  58       function stopcontroller() {
  59         let xhr = new XMLHttpRequest();
  60         xhr.open('GET', '/stopcontroller', true);
  61         xhr.onload = function() {
  62           if (xhr.status == 200) { //can use this.status instead
  63             //console.log(xhr.responseText);// para ver en la consola
  64             console.log("controller stoped");
  65           }
  66         }
  67         xhr.send();
  68
  69       }
  70
  71       function startcontroller() {
  72         let xhr = new XMLHttpRequest();
  73         xhr.open('GET', '/startcontroller', true);
  74         //console.log(xhr); //para ver en la consola
  75         xhr.onload = function() {
  76           if (xhr.status == 200) { //can use this.status instead
  77
  78             console.log("controller started");
  79           }
  80         }
  81         xhr.send();
  82       }
  83
  84       function startvsorc() {
  85         let xhr = new XMLHttpRequest();
  86         topology = JSON.stringify(topo.value)
  87         xhr.open('GET', '/startvsorc?topology=' + topology, true);
  88         xhr.onload = function() {
  89           if (xhr.status == 200) { //can use this.status instead
  90             //console.log(xhr.responseText);// para ver en la consola
  91             console.log("vsorc started");
  92           }
  93         }
  94
  95         xhr.send();
  96
  97       }
  98
  99       function stopvsorc() {
 100         let xhr = new XMLHttpRequest();
 101         xhr.open('GET', '/stopvsorc', true);
 102         xhr.onload = function() {
 103           if (xhr.status == 200) { //can use this.status instead
 104             //console.log(xhr.responseText);// para ver en la consola
 105             console.log("vsorc stopped");
 106           }
 107         }
 108         xhr.send();
 109       }
 110     </script>
 111   </main>
 112 </body>
 113 <footer>
 114   <%include ../../partials/footer%>
 115 </footer>
 116
 117
 118 </html>