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     <script type="text/javascript">
  51
  52     function stopcontroller() {
  53       let xhr = new XMLHttpRequest();
  54       xhr.open('GET', '/stopcontroller', true);
  55       xhr.onload = function() {
  56         if (xhr.status == 200) { //can use this.status instead
  57           //console.log(xhr.responseText);// para ver en la consola
  58           console.log("controller stoped");
  59         }
  60       }
  61       xhr.send();
  62     }
  63
  64     function startcontroller() {
  65       let xhr = new XMLHttpRequest();
  66       xhr.open('GET', '/startcontroller', true);
  67       //console.log(xhr); //para ver en la consola
  68       xhr.onload = function() {
  69         if (xhr.status == 200) { //can use this.status instead
  70
  71           console.log("controller started");
  72         }
  73       }
  74       xhr.send();
  75     }
  76
  77       function startvsorc() {
  78           let xhr = new XMLHttpRequest();
  79           xhr.open('GET', '/startvsorc', true);
  80           xhr.onload = function() {
  81             if (xhr.status == 200) { //can use this.status instead
  82               //console.log(xhr.responseText);// para ver en la consola
  83               console.log("vsorc started");
  84             }
  85           }
  86           xhr.send();
  87         }
  88         function stopvsorc() {
  89             let xhr = new XMLHttpRequest();
  90             xhr.open('GET', '/stopvsorc', true);
  91             xhr.onload = function() {
  92               if (xhr.status == 200) { //can use this.status instead
  93                 //console.log(xhr.responseText);// para ver en la consola
  94                 console.log("vsorc stopped");
  95               }
  96             }
  97             xhr.send();
  98           }
  99     </script>
 100   </main>
 101   <aside class="">
 102     <div class="statuscontroller">
 103
 104     </div>
 105     <div class="statusproyect">
 106
 107     </div>
 108   </aside>
 109 </body>
 110 <footer>
 111   <%include ../../partials/footer%>
 112 </footer>
 113
 114
 115 </html>