se hicieron detalles en starter

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

index 5703c0c92ea446729dc050706b4d8fac1929a67a..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;
      }
+    .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,10 +62,17 @@
  <body>
  
    <main>
+    <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>
-      <button type="button" name="button" onclick="startvsorc()">Iniciar VsoRc</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();
@@ -58,6 +84,7 @@
          }
        }
        xhr.send();
+
      }
  
      function startcontroller() {
@@ -75,15 +102,29 @@
  
        function startvsorc() {
            let xhr = new XMLHttpRequest();
-          xhr.open('GET', '/startvsorc', true);
+          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 startedd");
+              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="">