blob: 08ae8d4293432efc3e5015aee71612423d47f40f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
<span class="ecomp-spinner" *ngIf="showSpinner"></span>
<div *ngIf="!showChart">
<div class="app-data-table">
<div class="app-data-table-fixed-height">
<div class="example-container">
<table [dataSource]="dataSource" mat-table matSort>
<div *ngFor="let keys of displayedColumns; let i = index">
<ng-container matColumnDef="{{keys}}">
<th *matHeaderCellDef mat-header-cell
mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
<td *matCellDef="let row" mat-cell>
<div *ngIf="row[keys].split('|')[0] == 'linkToReport'"
[ngStyle]="setStyle(row[keys].split('|')[4])">
<a (click)="linkToReport(row[keys].split('|')[1], row[keys].split('|')[2])"
[routerLink]="">{{row[keys].split('|')[3]}}</a>
</div>
<div *ngIf="row[keys].split('|')[0] == 'linkToFeedback'"
[ngStyle]="setStyle(row[keys].split('|')[4])">
<a (click)="linkToFeedback(row[keys].split('|')[1], row[keys].split('|')[2])"
[routerLink]="">{{row[keys].split('|')[3]}}</a>
</div>
<div *ngIf="row[keys].split('|')[0] == 'linkToMail'"
[ngStyle]="setStyle(row[keys].split('|')[3])">
<a (click)="linkToMail(row[keys].split('|')[1])"
[routerLink]="">{{row[keys].split('|')[2]}}</a>
</div>
<div *ngIf="row[keys].split('|')[0] == 'clickToDownload' ">
<mat-icon class="mat-icon-delete" aria-hidden="false" aria-label="play-for-work"
(click)="onClickToDowload(row)">play-for-work</mat-icon>
</div>
<div *ngIf="row[keys].split('|')[0] !== 'linkToReport' && row[keys].split('|')[0] !== 'linkToFeedback' && row[keys].split('|')[0] !== 'linkToMail'
&& row[keys].split('|')[0] !== 'clickToDownload' "
[ngStyle]="setStyle(row[keys].split('|')[1])">
{{row[keys].split('|')[0]}}</div>
</td>
<td *matFooterCellDef align="center"
mat-footer-cell>{{getDisplayTotal(keys)}}</td>
</ng-container>
</div>
<tr *matHeaderRowDef="displayedColumns; sticky: true;"
mat-header-row></tr>
<tr *matRowDef="let row; columns: displayedColumns;" mat-row></tr>
<tr mat-footer-row *matFooterRowDef="displayedColumns; sticky: true;"></tr>
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
</div>
</div>
</div>
</div>
<div *ngIf="showChart" align="center">
<iframe #iframe height="550px" style="border: none" width="100%"></iframe>
</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> -->
|