web view: Implement show page

skroutz · Apr 6, 2018 · ff75cdc · ff75cdc
1 parent 5895f66
commit ff75cdc
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/templates/show.html b/templates/show.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Job Logs</title>
+  <link rel="stylesheet" href="css/foundation.min.css">
+</head>
+
+<body>
+  <div class="grid-container">
+    <div class="grid-x grid-padding-x">
+      <div class="large-12 cell">
+        <h1>Job {{.ID}} Logs</h1>
+      </div>
+      <div class="large-12 cell">
+        <div class="jumbotron">
+          <h4>{{.Output}}</h4>
+        </div>
+      </div>
+      <div class="large-12 cell">
+        <div class="jumbotron">
+          <div>{{.Log}}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script type="text/javascript">
+    const source = new EventSource('/j/{{.Project}}/{{.ID}}');
+	source.onmessage = function(e) {
+      document.body.innerHTML += e.data + '<br>';
+	};
+  </script>
+</body>
+</html>