src/views/starter.ejs

   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   <style media="screen">
   9     body{
  10       display: flex;
  11       flex-flow: row wrap;
  12     }
  13     main{
  14       flex-grow: 2;
  15     }
  16     aside{
  17       flex-grow: 1;
  18     }
  19     footer{
  20       position: absolute;
  21       top: 100%;
  22     }
  23
  24     input[type="text"]{
  25       background-color: rgba(200,200,200,0.5);
  26       border: 0;
  27       border-bottom: 2px black solid;
  28       overflow: hidden;
  29       width: 15em;
  30     }
  31     button{
  32       border: 0;
  33       border-bottom: 2px black solid;
  34       overflow: hidden;
  35       width: 15em;
  36       background-color: white;
  37     }
  38   </style>
  39 </head>
  40 <header>
  41   <%include ../../partials/header%>
  42 </header>
  43 <body>
  44
  45   <main>
  46       <button type="button" name="button" onclick="startcontroller()">Iniciar controlador</button>
  47       <button type="button" name="button" onclick="stopcontroller()">Detener controlador</button>
  48       <button type="button" name="button" onclick="startvsorc()">Iniciar VsoRc</button>
  49       <button type="button" name="button" onclick="stopvsorc()">Detener VsoRc</button>
  50       <textarea rows="20" cols="7" id="comandos"></textarea>
  51     <script type="text/javascript">
  52     let topo = document.getElementById('comandos')
  53
  54
  55
  56     function stopcontroller() {
  57       let xhr = new XMLHttpRequest();
  58       xhr.open('GET', '/stopcontroller', true);
  59       xhr.onload = function() {
  60         if (xhr.status == 200) { //can use this.status instead
  61           //console.log(xhr.responseText);// para ver en la consola
  62           console.log("controller stoped");
  63         }
  64       }
  65       xhr.send();
  66
  67     }
  68
  69     function startcontroller() {
  70       let xhr = new XMLHttpRequest();
  71       xhr.open('GET', '/startcontroller', true);
  72       //console.log(xhr); //para ver en la consola
  73       xhr.onload = function() {
  74         if (xhr.status == 200) { //can use this.status instead
  75
  76           console.log("controller started");
  77         }
  78       }
  79       xhr.send();
  80     }
  81
  82       function startvsorc() {
  83           let xhr = new XMLHttpRequest();
  84           topology = JSON.stringify(topo.value)
  85           xhr.open('
  86           GET', '/startvsorc?topology='+topology, true);
  87           xhr.onload = function() {
  88             if (xhr.status == 200) { //can use this.status instead
  89               //console.log(xhr.responseText);// para ver en la consola
  90               console.log("vsorc started");
  91             }
  92           }
  93
  94           xhr.send();
  95
  96         }
  97         function stopvsorc() {
  98             let xhr = new XMLHttpRequest();
  99             xhr.open('GET', '/stopvsorc', true);
 100             xhr.onload = function() {
 101               if (xhr.status == 200) { //can use this.status instead
 102                 //console.log(xhr.responseText);// para ver en la consola
 103                 console.log("vsorc stopped");
 104               }
 105             }
 106             xhr.send();
 107           }
 108     </script>
 109   </main>
 110   <aside class="">
 111     <div class="statuscontroller">
 112
 113     </div>
 114     <div class="statusproyect">
 115
 116     </div>
 117   </aside>
 118 </body>
 119 <footer>
 120   <%include ../../partials/footer%>
 121 </footer>
 122
 123
 124 </html>