webdash: fix input/output description render; add created at column i…

…n list view

webdash/app.js

@@ -27,18 +27,21 @@ function formatElapsedTime(miliseconds) {
 
   time = "";
   if (days > 0) {
-    time += days + " Days "
+    time += days + "d "
   }
   if (hours > 0 || days > 0) {
-    time += hours + " Hours "
+    time += hours + "h "
   }
   if (minutes > 0 || hours > 0) {
-    time += minutes + " Minutes "
+    time += minutes + "m "
   }
   if (seconds > 0 || minutes > 0) {
-    time += seconds + " Seconds"
+    time += seconds + "s"
   }
-	return time;
+  if (time === "") {
+    time = "< 1s";
+  }
+  return time;
 }
 
 function elapsedTime(task) {
@@ -56,6 +59,18 @@ function elapsedTime(task) {
   return "--";
 }
 
+function creationTime(task) {
+  if (task.creation_time) {
+    created = new Date(task.creation_time);
+    var options = {
+      weekday: 'short',  month: 'short', day: 'numeric',
+      hour: 'numeric', minute: 'numeric'
+    };
+    return created.toLocaleDateString("en-US", options);
+  }
+  return "--";
+}
+
 function isDone(task) {
   return task.state == "COMPLETE" || task.state == "EXECUTOR_ERROR" || task.state == "CANCELED" || task.state == "SYSTEM_ERROR";
 }
@@ -88,6 +103,7 @@ app.controller("TaskListController", function($rootScope, $scope, $http, $timeou
   $scope.tasks = [];
   $scope.isDone = isDone;
   $scope.elapsedTime = elapsedTime;
+  $scope.creationTime = creationTime;
   $scope.serverURL = getServerURL($location);
   $scope.page = null;
 
@@ -196,7 +212,7 @@ app.controller("TaskListController", function($rootScope, $scope, $http, $timeou
 
 app.controller("NodeListController", function($rootScope, $scope, $http, $timeout) {
   $rootScope.pageTitle = "Nodes";
-	$scope.url = "/v1/nodes";
+  $scope.url = "/v1/nodes";
   $scope.nodes = [];
 
   function refresh() {

webdash/list.html

@@ -5,6 +5,7 @@
       <th>ID</th>
       <th>State</th>
       <th>Name</th>
+      <th>Created At</th>
       <th>Elapsed Time</th>
       <th></th>
     </thead>
@@ -13,6 +14,7 @@
         <td class="task-list-id"><a href="/v1/tasks/{{task.id}}">{{ task.id }}</a></td>
         <td>{{ task.state }}</td>
         <td class="task-list-name">{{ task.name }}</td>
+        <td>{{ creationTime(task) }}</td>
         <td>{{ elapsedTime(task) }}</td>
         <td class="task-list-cancel"><button
           class="btn-cancel mdl-button--fab mini-fab"

webdash/task.html

@@ -78,6 +78,7 @@ <h6>Inputs</h6>
           <td>{{ input.name }}</td>
         </tr>
         <tr ng-show="input.description">
+          <td>Description</td>
           <td>{{ input.description }}</td>
         </tr>
         <tr>
@@ -107,6 +108,7 @@ <h6>Outputs</h6>
           <td>{{ output.name }}</td>
         </tr>
         <tr ng-show="output.description">
+          <td>Description</td>
           <td>{{ output.description }}</td>
         </tr>
         <tr>