Merge pull request #320 from cppwfs/SCDF-UI-319

* cppwfs-SCDF-UI-319:
  gh-319 Polish table formatting + Fix button alignment
  Resolves bugs identified in lint.

Author: ghillert

ui/src/app/about/about-details.component.html

@@ -141,12 +141,15 @@ <h2>Platform-specific Information of the App Deployer</h2>
 
 <table class="table table-hover">
   <tbody>
-  <tr *ngIf="!isEmpty(dataflowVersionInfo.runtimeEnvironment.appDeployer.platformSpecificInfo)" ng-repeat="(key, value) in dataflowVersionInfo.runtimeEnvironment.appDeployer.platformSpecificInfo">
-    <td class="col-xs-6">{{key}}</td><td>{{value}}</td>
-  </tr>
-  <tr *ngIf="isEmpty(dataflowVersionInfo.runtimeEnvironment.appDeployer.platformSpecificInfo)">
-    <td class="col-xs-12 text-center" colspan="2">No platform-specific app deployer information available.</td>
-  </tr>
+    <ng-template *ngIf="!isEmpty(dataflowVersionInfo.runtimeEnvironment.appDeployer.platformSpecificInfo)"
+      ngFor let-item [ngForOf]="dataflowVersionInfo.runtimeEnvironment.appDeployer.platformSpecificInfo | keyvalues">
+      <tr>
+        <td class="col-xs-6">{{item.key}}</td><td>{{item.value}}</td>
+      </tr>
+    </ng-template>
+    <tr *ngIf="isEmpty(dataflowVersionInfo.runtimeEnvironment.appDeployer.platformSpecificInfo)">
+      <td class="col-xs-12 text-center" colspan="2">No platform-specific app deployer information available.</td>
+    </tr>
   </tbody>
 </table>
 
@@ -194,16 +197,22 @@ <h2>Platform-specific Information of the Task Launcher</h2>
   <!--<tr *ngIf="!isEmpty(dataflowVersionInfo.runtimeEnvironment.taskLauncher.platformSpecificInfo)" **ngFor="(key, value) in dataflowVersionInfo.runtimeEnvironment.taskLauncher.platformSpecificInfo">
     <td class="col-xs-6">{{key}}</td><td>{{value}}</td>
   </tr>-->
+  <ng-template *ngIf="!isEmpty(dataflowVersionInfo.runtimeEnvironment.taskLauncher.platformSpecificInfo)"
+      ngFor let-item [ngForOf]="dataflowVersionInfo.runtimeEnvironment.taskLauncher.platformSpecificInfo | keyvalues">
+      <tr>
+        <td class="col-xs-6">{{item.key}}</td><td>{{item.value}}</td>
+      </tr>
+  </ng-template>
   <tr *ngIf="isEmpty(dataflowVersionInfo.runtimeEnvironment.taskLauncher.platformSpecificInfo)">
     <td colspan="2" class="col-xs-6 text-center">No platform-specific task launcher information available.</td>
   </tr>
   </tbody>
 </table>
 
 <div class="row">
-    <div class="col-md-6 text-right"><button id="back-button" type="button" class="btn btn-default" (click)="goBack()"><span class="glyphicon glyphicon-arrow-left"></span> Back</button></div>
-    <div class="col-md-6 text-left"><button id="back-button"
+    <div class="col-md-12 text-right"><button id="back-button" type="button" class="btn btn-default" (click)="goBack()"><span class="glyphicon glyphicon-arrow-left"></span> Back</button></div>
+    <div class="col-md-12 text-left"><button id="back-button"
       [ngxClipboard] [cbContent]="dataflowVersionInfo | json" (cbOnSuccess)="onCopyToClipboardSuccess($event);"
       type="button" class="btn btn-default"><span class="glyphicon glyphicon-copy"></span> Copy Details to Clipboard</button></div>
 </div>
-</div>
+</div>

ui/src/app/tasks/task-definitions/task-definitions.component.html

@@ -29,13 +29,6 @@
   <tr>
     <th style="width: 70px" table-sort sort-property="['DEFINITION_NAME', 'DEFINITION']" sort-state="pageable" sort-order-change-handler="sortChanged">Name</th>
     <th style="width: 300px" table-sort sort-property="['DEFINITION','DEFINITION_NAME']"  sort-state="pageable" sort-order-change-handler="sortChanged">Definition</th>
-    <th style="width: 50px">Status
-      <a #childPopover="bs-popover"
-         [popover]="popTemplate"
-         placement="bottom"
-         (clickOutside)="closePopOver()"
-         title="Available Deployment Statuses"><span class="glyphicon glyphicon-question-sign"></span></a>
-    </th>
     <th style="width: 240px" colspan="1" class="text-center">Actions</th>
   </tr>
   </thead>
@@ -45,7 +38,6 @@
     <tr>
       <td>{{item.name}}</td>
       <td>{{item.dslText}}</td>
-      <td>{{item.status}}</td>
       <td class="action-column">
         <button type="button" (click)="launchTask(item)"
                 class="btn btn-default" title="Launch">
@@ -85,3 +77,4 @@ <h4 class="modal-title pull-left">Confirm Destroy Action</h4>
     </div>
   </div>
 </div>
+

ui/src/app/tasks/task-details/task-details.component.html

@@ -41,9 +41,7 @@
     </tr>
     <tr>
       <td>Job Execution Ids</td>
-      <td>
-        <span *ngFor="let jobExecutionId of taskExecution.jobExecutionIds"><button type="button" class="btn btn-default" (click)="viewJobExecutionDetails(jobExecutionId)" title="Details">{{jobExecutionId}}</button>{{$last ? '' : '&nbsp;'}}</span>
-      </td>
+      <td></td>
     </tr>
     <tr>
       <td>Start Time</td>