se hicieron detalles en starter

[VSoRC/.git] / src / views / starter.ejs
diff --git a/src/views/starter.ejs b/src/views/starter.ejs

index 17503f677d2171905c1ccb4170b7d6a853d5a6bf..57602b7b7ec21f64e3b8d89cc84732a0d031a048 100644 (file)
--- a/src/views/starter.ejs
+++ b/src/views/starter.ejs
@@ -11,6 +11,7 @@
        flex-flow: row wrap;
      }
      main{
+      width: 100%;
        flex-grow: 2;
      }
      aside{
@@ -28,12 +29,30 @@
        overflow: hidden;
        width: 15em;
      }
-    input[type="submit"]{
+    .buttons{
+    display: flex;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    }
+    button{
+      flex-grow: 1;
        border: 0;
        border-bottom: 2px black solid;
        overflow: hidden;
        width: 15em;
        background-color: white;
+      transition: background-color 0.3s ease-in, color 0.3s ease-in;
+    }
+    button:hover{
+      background-color: darkgrey;
+      color: white
+    }
+    textarea{
+      width: 25%;
+      font-size: 1.5em;
+      overflow: auto;
+      height: 15em
      }
    </style>
  </head>
@@ -43,14 +62,70 @@
  <body>
  
    <main>
-    <form class="" action="/startcontroller" method="get">
-      <input type="text" name="" value="" placeholder="Inserte vaina">
-      <input type="submit" name="" value="Inicar controlador" >
-    </form>
-    <form class="" action="/startproyect" method="post">
-      <input type="text" name="" value="" placeholder="Ip del controlador">
-      <input type="submit" name="" value="Iniciar Proyecto">
-    </form>
+    <div class="buttons">
+      <button type="button" name="button" onclick="startvsorc()">Iniciar VsoRc</button>
+      <button type="button" name="button" onclick="stopvsorc()">Detener VsoRc</button>
+      <button type="button" name="button" onclick="startcontroller()">Iniciar controlador</button>
+      <button type="button" name="button" onclick="stopcontroller()">Detener controlador</button>
+    </div>
+      <textarea rows="20" cols="7" id="comandos"></textarea>
+    <script type="text/javascript">
+    let topo = document.getElementById('comandos') //Donde van escrito el DSL
+
+
+
+    function stopcontroller() {
+      let xhr = new XMLHttpRequest();
+      xhr.open('GET', '/stopcontroller', true);
+      xhr.onload = function() {
+        if (xhr.status == 200) { //can use this.status instead
+          //console.log(xhr.responseText);// para ver en la consola
+          console.log("controller stoped");
+        }
+      }
+      xhr.send();
+
+    }
+
+    function startcontroller() {
+      let xhr = new XMLHttpRequest();
+      xhr.open('GET', '/startcontroller', true);
+      //console.log(xhr); //para ver en la consola
+      xhr.onload = function() {
+        if (xhr.status == 200) { //can use this.status instead
+
+          console.log("controller started");
+        }
+      }
+      xhr.send();
+    }
+
+      function startvsorc() {
+          let xhr = new XMLHttpRequest();
+          topology = JSON.stringify(topo.value)
+          xhr.open('GET', '/startvsorc?topology='+topology, true);
+          xhr.onload = function() {
+            if (xhr.status == 200) { //can use this.status instead
+              //console.log(xhr.responseText);// para ver en la consola
+              console.log("vsorc started");
+            }
+          }
+
+          xhr.send();
+
+        }
+        function stopvsorc() {
+            let xhr = new XMLHttpRequest();
+            xhr.open('GET', '/stopvsorc', true);
+            xhr.onload = function() {
+              if (xhr.status == 200) { //can use this.status instead
+                //console.log(xhr.responseText);// para ver en la consola
+                console.log("vsorc stopped");
+              }
+            }
+            xhr.send();
+          }
+    </script>
    </main>
    <aside class="">
      <div class="statuscontroller">