blob: 7bb6729d0fbdc6cef87abd8d707e1d76e4bad1ba (
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
<app-definition-save-dialog-component [(visible)]="showDialog">
<div class="card">
<div class="card-body">
<div class="modalTitle">Remove Report?</div>
<button *ngIf="closable" (click)="close()" aria-label="Close" class="dialog__close-btn">X</button>
<br/>
<label>The selected report will be removed. Do you wish to continue?</label>
</div>
<div class="card-footer">
<button style="font-size: 17px;" (click)="deleteReport();" class="btn btn-alt btn-small">Delete</button> <button style="font-size: 17px;" (click)="close()" class="btn btn-alt btn-small">Cancel</button>
</div>
</div>
</app-definition-save-dialog-component>
<div *ngIf="!toggle1">
<div class="tab-content">
<h3>Report Search</h3>
</div>
<span class="ecomp-spinner" *ngIf="showSpinner"></span>
<div>
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search Report">
</mat-form-field>
<table mat-table [dataSource]="dataSource1" class="full-width-table" matSort aria-label="Elements">>
<!-- Name Column -->
<ng-container matColumnDef="rep_id">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Report Id</th>
<td style="font-weight: bold;" mat-cell *matCellDef="let row">{{row.rep_id}}</td>
</ng-container>
<ng-container matColumnDef="rep_name">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Report Name</th>
<td mat-cell *matCellDef="let row">{{row.rep_name}}</td>
</ng-container>
<ng-container matColumnDef="descr">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
<td mat-cell *matCellDef="let row">{{row.descr}}</td>
</ng-container>
<ng-container matColumnDef="owner">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Report Owner</th>
<td mat-cell *matCellDef="let row">{{row.owner}}</td>
</ng-container>
<ng-container matColumnDef="create_date">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Create Date</th>
<td mat-cell *matCellDef="let row">{{row.create_date}}</td>
</ng-container>
<ng-container matColumnDef="copy">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Copy</th>
<td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="file_copy" (click)="copydisplayReport(row.rep_id)">file_copy</mat-icon></td>
</ng-container>
<ng-container matColumnDef="edit">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Edit</th>
<td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" *ngIf="row.canEdit" (click)="displayReport(row.rep_id)">edit</mat-icon></td>
</ng-container>
<ng-container matColumnDef="delete">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Delete</th>
<td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="delete" *ngIf="row.canDelete" (click)="confirmDelete(row.rep_id)">delete</mat-icon></td>
</ng-container>
<ng-container matColumnDef="schedule">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Schedule</th>
<td mat-cell *matCellDef="let row"><mat-icon *ngIf="row.schedule" aria-hidden="false" aria-label="schedule" (click)="openReportSchedule(row.rep_id)">date_range</mat-icon></td>
</ng-container>
<ng-container matColumnDef="run">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Run</th>
<td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="play" (click)="runReport(row.rep_id)">play_arrow</mat-icon></td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<mat-paginator #paginator
[length]="dataSource1?.data.length"
[pageIndex]="0"
[pageSize]="20"
[pageSizeOptions]="[20,40,60,80,100]">
</mat-paginator>
</div>
</div>
<div *ngIf="toggle1">
<h1>Report Run</h1>
<br/>
<app-run-report [reportId]="reportId"></app-run-report>
</div>
<style scoped>
::ng-deep .mat-sort-header-arrow.ng-trigger.ng-trigger-arrowPosition {
color: black;
opacity: 0;
}
::ng-deep .mat-sort-header-pointer-left.ng-trigger.ng-trigger-leftPointer {
transform: rotate(-45deg);
color: black;
}
::ng-deep .mat-sort-header-pointer-right.ng-trigger.ng-trigger-rightPointer {
transform: rotate(45deg);
color: black;
}
</style>
|