-<!DOCTYPE html>
-<html>
-
-<head>
- <title></title>
- <!-- these are for the terminal -->
- <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
- <script src="node_modules/xterm/lib/xterm.js"></script>
- <%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="terminal"></div>
- <script>
- var term = new Terminal();
- term.open(document.getElementById('terminal'));
- term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ');
- </script>
-
-
-
- <div class="statusproyect">
-
- </div>
- </aside>
-</body>
-<footer>
- <%include ../../partials/footer%>
-</footer>
-
-
-</html>