Adding in web veiwer code

simonovic86 · Aug 19, 2016 · 93f0895 · 93f0895
1 parent 7193cb5
commit 93f0895
Show file tree

Hide file tree

Showing 5 changed files with 160 additions and 0 deletions.
diff --git a/share/app.js b/share/app.js
@@ -0,0 +1,56 @@
+app = angular.module('TESApp', ['ngRoute'])
+
+app.controller('JobListController', function($scope, $http) {
+		"use strict";
+
+		$scope.url = "/v1/jobs";
+		$scope.tasks = [];
+
+		$scope.fetchContent = function() {
+			$http.get($scope.url).then(function(result){
+				$scope.jobs = result.data.jobs;
+			});
+		}
+
+		$scope.fetchContent();
+});
+
+app.controller('WorkerListController', function($scope, $http) {
+		"use strict";
+
+		$scope.url = "/v1/jobs-service";
+		$scope.workers = [];
+
+		$scope.fetchContent = function() {
+			$http.get($scope.url).then(function(result){
+				$scope.workers = result.data;
+			});
+		}
+
+		$scope.fetchContent();
+});
+
+app.controller('JobInfoController',
+    function($scope, $http, $routeParams) {
+        $scope.url = "/v1/jobs/" + $routeParams.job_id
+
+        $scope.job_info = {};
+        $scope.fetchContent = function() {
+            $http.get($scope.url).then(function(result){
+                $scope.job_info = result.data
+            })
+        }
+        $scope.fetchContent();
+    }
+);
+
+app.config(['$routeProvider',
+    function($routeProvider) {
+        $routeProvider.when('/', {
+           templateUrl: 'static/list.html',
+        }).
+        when('/jobs/:job_id', {
+           templateUrl: 'static/jobs.html'
+        })
+    }
+]);
diff --git a/share/index.html b/share/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html ng-app="TESApp">
+<head>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.js"></script>
+    <script src="static/app.js"></script>
+</head>
+<body>
+<div>
+    <h1>TES</h1>
+    <hr>
+    <div ng-view></div>
+</div>
+</body>
+</html>
diff --git a/share/jobs.html b/share/jobs.html
@@ -0,0 +1,36 @@
+<div id="job_info" ng-controller="JobInfoController">
+    <a href="/#/">&lt;---</a>
+    <h1>Job {{job_info.jobId}}</h1>
+
+    <div>{{job_info.task.name}}</div>
+    <div>{{job_info.task.description}}</div>
+
+    <div>
+      <div>Commands</div>
+      <div ng-repeat="item in job_info.task.docker" content="item">
+          <div>Container: {{item.imageName}}</div>
+          <div>Container: {{item.cmd}}</div>
+      </div>
+    </div>
+
+    <div>Requirements</div>
+    <div ng-repeat="item in job_info.task.resources" content="item">
+        {{item}}
+    </div>
+
+    <div>State: {{job_info.state}}</div>
+
+    <div>
+      <div>Logs</div>
+      <div ng-repeat="item in job_info.task.logs" content="item">
+        <div>ExitCode</div>
+        <pre>{{item.exitCode}}</pre>
+
+        <div>STDERR</div>
+        <pre>{{item.stderr}}</pre>
+
+        <div>STDOUT</div>
+        <pre>{{item.stdout}}</pre>
+      </div>
+    </div>
+</div>
diff --git a/share/list.html b/share/list.html
@@ -0,0 +1,12 @@
+
+<h2>Tasks</h2>
+<div id="task_list" ng-controller="JobListController">
+    <table ng-repeat="item in jobs" content="item" width="100%">
+        <col width="20%">
+        <col width="33%">
+        <tr>
+            <td><a href="#/jobs/{{item.jobId}}">{{item.jobId}}</a></td>
+            <td>{{item.state}}</td>
+        </tr>
+    </table>
+</div>
diff --git a/share/tasks.html b/share/tasks.html
@@ -0,0 +1,41 @@
+<div id="task_info" ng-controller="TaskInfoController">
+<a href="#/">&lt;---</a>
+    <h1>Task {{task_info.id}}</h1>
+
+    <div>Command</div>
+    <div>{{task_info.command}}</div>
+
+    <div>Depends</div>
+    <div>{{task_info.task_depends}}</div>
+
+    <div>Container</div>
+    <div>{{task_info.container}}</div>
+
+    <div>Arguments</div>
+    <div ng-repeat="item in task_info.args" content="item">
+        {{item}}
+    </div>
+
+    <div>Tags</div>
+    <div ng-repeat="item in task_info.tags" content="item">
+        {{item}}
+    </div>
+
+    <div>Requirements</div>
+    <div ng-repeat="item in task_info.requirements" content="item">
+        {{item}}
+    </div>
+
+    <div>State</div>
+    <div>{{task_info.state}}</div>
+
+    <div>Max Retries</div>
+    <div>{{task_info.max_retry}}</div>
+
+
+    <div>Jobs</div>
+    <div ng-repeat="item in task_info.status.runs" content="item">
+        <a href="#/jobs/{{item}}">{{item}}</a>
+    </div>
+
+</div>