diff options
Diffstat (limited to 'so-monitoring/so-monitoring-ui/src/main/frontend/src/app/details/details.component.html')
-rw-r--r-- | so-monitoring/so-monitoring-ui/src/main/frontend/src/app/details/details.component.html | 202 |
1 files changed, 101 insertions, 101 deletions
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> |