diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html')
| -rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html new file mode 100644 index 00000000..b8fa314a --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html @@ -0,0 +1,75 @@ + +<div *ngIf="showSpinner"> + <div class="lds-ring"> + <div></div> + <div></div> + <div></div> + <div></div> + </div> +</div> + +<mat-form-field> + <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter Report Data"> + </mat-form-field> + +<div class="app-data-table"> + <div class="app-data-table-fixed-height"> +<div class="example-container"> + <table mat-table [dataSource]="dataSource" matSort> + <div *ngFor="let keys of displayedColumns; let i = index"> + <ng-container matColumnDef="{{keys}}"> + <th mat-header-cell *matHeaderCellDef mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th> + <td mat-cell *matCellDef="let row"> + <div *ngIf="row[keys].split(',')[0] == 'linkToReport'"> + <a [routerLink]="" (click)="linkToReport(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a> + </div> + <div *ngIf="row[keys].split(',')[0] == 'linkToFeedback'"> + <a [routerLink]="" (click)="linkToFeedback(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a> + </div> + <div *ngIf="row[keys].split(',')[0] == 'linkToMail'"> + <a [routerLink]="" (click)="linkToMail(row[keys].split(',')[1])">{{row[keys].split(',')[2]}}</a> + </div> + <div *ngIf="row[keys].split(',')[0] !== 'linkToReport' && row[keys].split(',')[0] !== 'linkToFeedback' && row[keys].split(',')[0] !== 'linkToMail'"> + {{row[keys]}} + </div> + </td> + </ng-container> + </div> + + <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true;"></tr> + <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> + </table> + + <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator> + </div> + </div> +</div> + + + +<!-- <div *ngIf="!showDashboardReport"> + <div class="app-data-table"> + <div class="app-data-table-fixed-height"> + <table mat-table class="full-width-table" matSort aria-label="Elements"> + + <div *ngFor="let keys of displayedColumns; let i = index"> + <ng-container matColumnDef="{{keys}}"> + <th mat-header-cell *matHeaderCellDef mat-sort-header >{{displayedColumnsArr[i].split(",")[0]}}</th> + <td mat-cell *matCellDef="let row">{{row[keys]}}</td> + </ng-container> + </div> + + + <tr mat-header-row *matHeaderRowDef="displayedColumns" ></tr> + <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> + </table> + </div> + <mat-paginator #paginator + [length]="dataSource?.data.length" + [pageIndex]="0" + [pageSize]="15" + [pageSizeOptions]="[15, 25, 50, 100, 250]"> + </mat-paginator> + </div> + </div> --> +
\ No newline at end of file |