X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=so-monitoring%2Fso-monitoring-ui%2Fsrc%2Fmain%2Ffrontend%2Fsrc%2Fapp%2Fdetails%2Fdetails.component.html;h=a98095ca007efc985a9f74cb2cc9d4eca850b91b;hb=0e61beb7943db4e0f915a1a6d30315cb30b91696;hp=45301c7945b17542f1cc6150f8c6a8422e2c72e5;hpb=4edcfbb503366cf099a531b27c653d06a3ba32b8;p=so.git

diff --git a/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/details/details.component.html b/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/details/details.component.html
index 45301c7945..a98095ca00 100644
--- a/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/details/details.component.html
+++ b/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/details/details.component.html
@@ -1,101 +1,101 @@
-<!--
-============LICENSE_START=======================================================
- Copyright (C) 2018 Ericsson. All rights reserved.
-================================================================================
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
- limitations under the License.
-
-SPDX-License-Identifier: Apache-2.0
-============LICENSE_END=========================================================
-
-@authors: ronan.kenny@ericsson.com, waqas.ikram@ericsson.com
--->
-
-<div class="completeForm">
-  <div class="topCanvas">
-    <section class="canvas" id="canvas"></section>
-    <mat-card class="besideCanvas" id="besideCanvas">
-      <mat-card-title>Process Information</mat-card-title>
-      <br />
-      <mat-card-content>Process Instance Id: </mat-card-content>
-      <mat-card-content>{{ processInstanceID }}</mat-card-content>
-      <br />
-      <mat-card-content>Process Definition Id: </mat-card-content>
-      <mat-card-content>{{ processDefinitionID }}</mat-card-content>
-      <br />
-      <mat-card-content>Process Definition Name: </mat-card-content>
-      <mat-card-content>{{ processDefinitionName }}</mat-card-content>
-    </mat-card>
-  </div>
-  <br />
-
-  <div class="example-container mat-elevation-z8">
-    <mat-tab-group class="tab-group">
-      <mat-tab label="Activity Instances">
-        <mat-table [dataSource]="activityInstance">
-          <ng-container matColumnDef="activityId">
-            <mat-header-cell *matHeaderCellDef> Activity Id </mat-header-cell>
-            <mat-cell *matCellDef="let activity"> {{ activity.activityId }} </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="activityName">
-            <mat-header-cell *matHeaderCellDef> Activity Name </mat-header-cell>
-            <mat-cell *matCellDef="let activity">
-              <div [ngSwitch]="!!activity.calledProcessInstanceId">
-                <div *ngSwitchCase="false"><a> {{ activity.activityName }} </a></div>
-                <div *ngSwitchCase="true"><a [routerLink]="['/details', activity.calledProcessInstanceId]"> {{ activity.activityName }} </a></div>
-              </div>
-            </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="activityType">
-            <mat-header-cell *matHeaderCellDef> Activity Type </mat-header-cell>
-            <mat-cell *matCellDef="let activity"> {{ activity.activityType }} </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="startTime">
-            <mat-header-cell *matHeaderCellDef> Start Time </mat-header-cell>
-            <mat-cell *matCellDef="let activity"> {{ activity.startTime }} </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="endTime">
-            <mat-header-cell *matHeaderCellDef> End Time </mat-header-cell>
-            <mat-cell *matCellDef="let activity"> {{ activity.endTime }} </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="durationInMillis">
-            <mat-header-cell *matHeaderCellDef> Duration (ms) </mat-header-cell>
-            <mat-cell *matCellDef="let activity"> {{ activity.durationInMillis }} </mat-cell>
-          </ng-container>
-          <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-          <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
-        </mat-table>
-      </mat-tab>
-
-      <mat-tab label="Variable Instances">
-        <mat-table [dataSource]="variableInstance">
-          <ng-container matColumnDef="name">
-            <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
-            <mat-cell *matCellDef="let variable"> {{ variable.name }} </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="type">
-            <mat-header-cell *matHeaderCellDef> Type </mat-header-cell>
-            <mat-cell *matCellDef="let variable"> {{ variable.type }} </mat-cell>
-          </ng-container>
-          <ng-container matColumnDef="value">
-            <mat-header-cell *matHeaderCellDef> Value </mat-header-cell>
-            <mat-cell *matCellDef="let variable"> {{ variable.value }} </mat-cell>
-          </ng-container>
-          <mat-header-row *matHeaderRowDef="displayedColumnsVariable"></mat-header-row>
-          <mat-row *matRowDef="let row; columns: displayedColumnsVariable;"></mat-row>
-        </mat-table>
-      </mat-tab>
-    </mat-tab-group>
-  </div>
-</div>
-
-<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="large" color="#00285f" type="ball-spin-clockwise-fade-rotating"></ngx-spinner>
+<!--
+============LICENSE_START=======================================================
+ Copyright (C) 2018 Ericsson. All rights reserved.
+================================================================================
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+ limitations under the License.
+
+SPDX-License-Identifier: Apache-2.0
+============LICENSE_END=========================================================
+
+@authors: ronan.kenny@ericsson.com, waqas.ikram@ericsson.com
+-->
+
+<div class="completeForm">
+  <div class="topCanvas">
+    <section class="canvas" id="canvas"></section>
+    <mat-card class="besideCanvas" id="besideCanvas">
+      <mat-card-title>Process Information</mat-card-title>
+      <br />
+      <mat-card-content>Process Instance Id: </mat-card-content>
+      <mat-card-content>{{ processInstanceID }}</mat-card-content>
+      <br />
+      <mat-card-content>Process Definition Id: </mat-card-content>
+      <mat-card-content>{{ processDefinitionID }}</mat-card-content>
+      <br />
+      <mat-card-content>Process Definition Name: </mat-card-content>
+      <mat-card-content>{{ processDefinitionName }}</mat-card-content>
+    </mat-card>
+  </div>
+  <br />
+
+  <div class="example-container mat-elevation-z8">
+    <mat-tab-group class="tab-group">
+      <mat-tab label="Activity Instances">
+        <mat-table [dataSource]="activityInstance">
+          <ng-container matColumnDef="activityId">
+            <mat-header-cell *matHeaderCellDef> Activity Id </mat-header-cell>
+            <mat-cell *matCellDef="let activity"> {{ activity.activityId }} </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="activityName">
+            <mat-header-cell *matHeaderCellDef> Activity Name </mat-header-cell>
+            <mat-cell *matCellDef="let activity">
+              <div [ngSwitch]="!!activity.calledProcessInstanceId">
+                <div *ngSwitchCase="false"><a> {{ activity.activityName }} </a></div>
+                <div *ngSwitchCase="true"><a [routerLink]="['/details', activity.calledProcessInstanceId]"> {{ activity.activityName }} </a></div>
+              </div>
+            </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="activityType">
+            <mat-header-cell *matHeaderCellDef> Activity Type </mat-header-cell>
+            <mat-cell *matCellDef="let activity"> {{ activity.activityType }} </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="startTime">
+            <mat-header-cell *matHeaderCellDef> Start Time </mat-header-cell>
+            <mat-cell *matCellDef="let activity"> {{ (activity.startTime | date:'yyyy-MM-dd HH:mm:sss Z') }} </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="endTime">
+            <mat-header-cell *matHeaderCellDef> End Time </mat-header-cell>
+            <mat-cell *matCellDef="let activity"> {{ (activity.endTime | date:'yyyy-MM-dd HH:mm:sss Z') }} </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="durationInMillis">
+            <mat-header-cell *matHeaderCellDef> Duration (ms) </mat-header-cell>
+            <mat-cell *matCellDef="let activity"> {{ activity.durationInMillis }} </mat-cell>
+          </ng-container>
+          <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+          <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
+        </mat-table>
+      </mat-tab>
+
+      <mat-tab label="Variable Instances">
+        <mat-table [dataSource]="variableInstance">
+          <ng-container matColumnDef="name">
+            <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
+            <mat-cell *matCellDef="let variable"> {{ variable.name }} </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="type">
+            <mat-header-cell *matHeaderCellDef> Type </mat-header-cell>
+            <mat-cell *matCellDef="let variable"> {{ variable.type }} </mat-cell>
+          </ng-container>
+          <ng-container matColumnDef="value">
+            <mat-header-cell *matHeaderCellDef> Value </mat-header-cell>
+            <mat-cell *matCellDef="let variable"> {{ variable.value }} </mat-cell>
+          </ng-container>
+          <mat-header-row *matHeaderRowDef="displayedColumnsVariable"></mat-header-row>
+          <mat-row *matRowDef="let row; columns: displayedColumnsVariable;"></mat-row>
+        </mat-table>
+      </mat-tab>
+    </mat-tab-group>
+  </div>
+</div>
+
+<ngx-spinner bdColor="rgba(51, 51, 51, 0.8)" size="large" color="#00285f" type="ball-spin-clockwise-fade-rotating"></ngx-spinner>