transfer-history.component.html
1.66 KB
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
<mat-expansion-panel>
<mat-expansion-panel-header [expandedHeight]="expandedHeight" [collapsedHeight]="collapsedHeight">
<mat-panel-title>Transfer History</mat-panel-title>
</mat-expansion-panel-header>
<ng-template matExpansionPanelContent>
</ng-template>
<mat-form-field class="pr-1">
<mat-select placeholder="Transaction Type">
<mat-option value="MW > PT">MW > PT</mat-option>
<mat-option value="PT > MW">PT > MW</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<input matInput [matDatepicker]="startDate" placeholder="Start Date" [disabled]="inputDisabled">
<mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
<mat-datepicker #startDate [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<input matInput [matDatepicker]="endDate" placeholder="End Date" [disabled]="inputDisabled">
<mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
<mat-datepicker #endDate [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Username">
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Remark">
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
</mat-expansion-panel>
<ngx-datatable class="material" [rows]="rows" [columns]="[
{name:'Transfer ID'},
{name:'Username'},
{name:'Transaction Type'},
{name:'Amount'},
{name:'Before'},
{name:'After'},
{name:'CreateTime'},
{name:'Remark'}]" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" [limit]="10">
</ngx-datatable>