autorefresh in the stats and minor color changes
[VSoRC/.git] / src / views / starter.ejs
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..01b83278f1dd3d2eb4a99485b82be695da6886a8 100644 (file)
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title></title>
+  <!-- <link rel="stylesheet" type="text/css" href="/styles/main.css" /> -->
+  <%include ../../partials/head%>
+  <style media="screen">
+    body {
+      display: flex;
+      flex-flow: row wrap;
+    }
+
+    main {
+      width: 100%;
+      flex-grow: 2;
+    }
+
+    aside {
+      flex-grow: 1;
+    }
+
+    footer {
+      position: absolute;
+      top: 100%;
+    }
+
+    .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;
+      background-color: rgba(255, 255, 255, 0.8);
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+</head>
+<header>
+  <%include ../../partials/header%>
+</header>
+
+<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>
+    </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">
+
+    </div>
+    <div class="statusproyect">
+
+    </div>
+  </aside>
+</body>
+<footer>
+  <%include ../../partials/footer%>
+</footer>
+
+
+</html>
\ No newline at end of file