+//- Copyright (c) 2019 AT&T Intellectual Property. #\r
+//- #\r
+//- Licensed under the Apache License, Version 2.0 (the "License"); #\r
+//- you may not use this file except in compliance with the License. #\r
+//- You may obtain a copy of the License at #\r
+//- #\r
+//- http://www.apache.org/licenses/LICENSE-2.0 #\r
+//- #\r
+//- Unless required by applicable law or agreed to in writing, software #\r
+//- distributed under the License is distributed on an "AS IS" BASIS, #\r
+//- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #\r
+//- See the License for the specific language governing permissions and #\r
+//- limitations under the License. #\r
+//- #############################################################################\r
+\r
+\r
+.row.mt-2\r
+ .col-sm-4(*ngIf="data")\r
+ h3 {{ data.testName }}\r
+ p {{ data.testDescription }}\r
+ p.text-muted Updated At {{ data.updatedAt }}\r
+ p.text-muted Created At {{ data.createdAt }}\r
+ .col-sm-8\r
+ mat-card.mb-4\r
+ div(mat-card-image, style="padding: 5% 2px; margin:0px; width:100%; position: relative; cursor: pointer", #canvas, (click)="enlargeBpmn()", [attr.id]="'canvas' + testDefinitionId")\r
+ button(mat-icon-button, color="primary", style="position: absolute; top: 0px; right: 0px; z-index: 100")\r
+ mat-icon zoom_in\r
+\r
+.row(*ngIf="testInstanceList")\r
+ .col-12\r
+ table.mat-elevation-z4(mat-table, [dataSource]="testInstanceList", style="width: 100%")\r
+\r
+ ng-container(matColumnDef="name")\r
+ th(mat-header-cell, *matHeaderCellDef) Instances\r
+ td(mat-cell, *matCellDef="let element")\r
+ a([routerLink]="['/test-instances', {filter: element._id}]") {{ element.testInstanceName}}\r
+\r
+ ng-container(matColumnDef="{{status}}", *ngFor="let status of statusList")\r
+ th(mat-header-cell, *matHeaderCellDef) # {{status.toLowerCase()}}\r
+ td(mat-cell, *matCellDef="let element") \r
+ .dropdown(ngbDropdown, placement="top-right", *ngIf="element[status]")\r
+ a(ngbDropdownToggle) {{ element[status]}}\r
+ .dropdown-menu(ngbDropdownMenu, style="max-height: 200px; overflow-y: scroll")\r
+ div(*ngFor="let execution of testExecutionList | filterBy: {testResult: status}")\r
+ a.dropdown-item([routerLink]="['/control-panel']", [queryParams]="{id: execution._id}", *ngIf="execution.historicTestInstance._id == element._id" )\r
+ i.fa.fa-fw.fa-bar-chart(style="color: orange")\r
+ span.pl-1 {{execution.startTime}}\r
+ \r
+ ng-container(matColumnDef="options", stickyEnd)\r
+ th.optionsColumn(mat-header-cell, *matHeaderCellDef)\r
+ td.optionsColumn(mat-cell, *matCellDef="let element") \r
+ .dropdown.options(ngbDropdown, placement="left", style="margin-right: -20px")\r
+ button(mat-icon-button, ngbDropdownToggle) \r
+ mat-icon more_vert\r
+ .dropdown-menu(ngbDropdownMenu)\r
+ a.dropdown-item((click)='executeTestInstance(element)')\r
+ i.fa.fa-fw.fa-refresh(style="color: green")\r
+ span.pl-1 Execute\r
+\r
+ tr(mat-header-row, *matHeaderRowDef="displayedColumns")\r
+ tr(mat-row, *matRowDef="let row; columns: displayedColumns")\r
+\r
+ mat-paginator([pageSizeOptions]="[5, 10]")
\ No newline at end of file