1
1
< div class ="row clearfix " [@routerTransition] >
2
- < div class ="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
3
- < div class ="card main-content ">
4
- < div class ="header ">
5
- < h2 > {{ "Users" | localize }}</ h2 >
6
- < ul class ="header-dropdown m-r--5 ">
7
- < li >
8
- < button mat-icon-button [matMenuTriggerFor] ="headerMenu " class ="header-dropdown-mat-icon-button ">
9
- < mat-icon > more_vert</ mat-icon >
10
- </ button >
11
- < mat-menu #headerMenu ="matMenu ">
12
- < button mat-menu-item (click) ="refresh() ">
13
- < mat-icon > refresh</ mat-icon >
14
- < span > {{ "Refresh" | localize }}</ span >
15
- </ button >
16
- </ mat-menu >
17
- </ li >
18
- </ ul >
19
- </ div >
20
- < div class ="body table-responsive ">
21
- <!--query start-->
22
- < div class ="row clearfix ">
23
- < form >
24
- < mat-form-field >
25
- < input matInput [placeholder] ="l('Filter') " [(ngModel)] ="keyword " name ="keyword ">
26
- </ mat-form-field >
2
+ < div class ="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
3
+ < div class ="card main-content ">
4
+ < div class ="header ">
5
+ < h2 > {{ "Users" | localize }}</ h2 >
6
+ < ul class ="header-dropdown m-r--5 ">
7
+ < li >
8
+ < button mat-icon-button [matMenuTriggerFor] ="headerMenu " class ="header-dropdown-mat-icon-button ">
9
+ < mat-icon > more_vert</ mat-icon >
10
+ </ button >
11
+ < mat-menu #headerMenu ="matMenu ">
12
+ < button mat-menu-item (click) ="refresh() ">
13
+ < mat-icon > refresh</ mat-icon >
14
+ < span > {{ "Refresh" | localize }}</ span >
15
+ </ button >
16
+ </ mat-menu >
17
+ </ li >
18
+ </ ul >
19
+ </ div >
20
+ < div class ="body table-responsive ">
21
+ <!--query start-->
22
+ < div class ="row clearfix ">
23
+ < form >
24
+ < mat-form-field >
25
+ < input matInput [placeholder] ="l('Filter') " [(ngModel)] ="keyword " name ="keyword ">
26
+ </ mat-form-field >
27
27
28
- < mat-form-field >
29
- < mat-select [placeholder] ="l('IsActive') " [(ngModel)] ="isActive " name ="isActive ">
30
- < mat-option value =""> {{ 'All' | localize }}</ mat-option >
31
- < mat-option value ="true "> {{ 'Yes' | localize }}</ mat-option >
32
- < mat-option value ="false "> {{ 'No' | localize }}</ mat-option >
33
- </ mat-select >
34
- </ mat-form-field >
28
+ < mat-form-field >
29
+ < mat-select [placeholder] ="l('IsActive') " [(ngModel)] ="isActive " name ="isActive ">
30
+ < mat-option value =""> {{ 'All' | localize }}</ mat-option >
31
+ < mat-option value ="true "> {{ 'Yes' | localize }}</ mat-option >
32
+ < mat-option value ="false "> {{ 'No' | localize }}</ mat-option >
33
+ </ mat-select >
34
+ </ mat-form-field >
35
35
36
- < button mat-raised-button color ="primary " (click) ="getDataPage(1) "> {{ 'Search' | localize }}</ button >
36
+ < button mat-raised-button color ="primary " (click) ="getDataPage(1) "> {{ 'Search' | localize }}</ button >
37
37
38
- </ form >
39
- </ div >
40
- <!--query end-->
41
- < table class ="table table-hover table-striped " [busy] ="isTableLoading ">
42
- < thead >
43
- < tr >
44
- < th > {{ "UserName" | localize }}</ th >
45
- < th > {{ "FullName" | localize }}</ th >
46
- < th > {{ "EmailAddress" | localize }}</ th >
47
- < th >
48
- < div style ="text-align:center "> {{ "IsActive" | localize }}</ div >
49
- </ th >
50
- < th > {{ "Actions" | localize }}</ th >
51
- </ tr >
52
- </ thead >
53
- < tbody >
54
- < tr *ngFor ="
38
+ </ form >
39
+ </ div >
40
+ <!--query end-->
41
+ < table class ="table table-hover table-striped " [busy] ="isTableLoading ">
42
+ < thead >
43
+ < tr >
44
+ < th > {{ "UserName" | localize }}</ th >
45
+ < th > {{ "FullName" | localize }}</ th >
46
+ < th > {{ "EmailAddress" | localize }}</ th >
47
+ < th >
48
+ < div style ="text-align:center "> {{ "IsActive" | localize }}</ div >
49
+ </ th >
50
+ < th > {{ "Actions" | localize }}</ th >
51
+ </ tr >
52
+ </ thead >
53
+ < tbody >
54
+ < tr *ngFor ="
55
55
let user of (users
56
56
| paginate
57
57
: {
@@ -61,43 +61,43 @@ <h2>{{ "Users" | localize }}</h2>
61
61
totalItems: totalItems
62
62
})
63
63
">
64
- < td > {{ user.userName }}</ td >
65
- < td > {{ user.fullName }}</ td >
66
- < td > {{ user.emailAddress }}</ td >
67
- < td align ="center ">
68
- < i class ="material-icons " *ngIf ="user.isActive " style ="color:green; ">
69
- check_box
70
- </ i >
71
- < i class ="material-icons " *ngIf ="!user.isActive " style ="color:red; ">
72
- indeterminate_check_box
73
- </ i >
74
- </ td >
75
- < td >
76
- < button class ="action-button " mat-icon-button [matMenuTriggerFor] ="actionsMenu ">
77
- < mat-icon > menu</ mat-icon >
78
- </ button >
79
- < mat-menu #actionsMenu ="matMenu ">
80
- < button mat-menu-item (click) ="editUser(user) ">
81
- < mat-icon > edit</ mat-icon >
82
- < span > {{ "Edit" | localize }}</ span >
83
- </ button >
84
- < button mat-menu-item (click) ="delete(user) ">
85
- < mat-icon > delete</ mat-icon >
86
- < span > {{ "Delete" | localize }}</ span >
87
- </ button >
88
- </ mat-menu >
89
- </ td >
90
- </ tr >
91
- </ tbody >
92
- </ table >
93
- < div class ="abp-pagination-controls-wrapper " *ngIf ="totalItems > pageSize ">
94
- < abp-pagination-controls (pageChange) ="getDataPage($event) " id ="server ">
95
- </ abp-pagination-controls >
96
- </ div >
97
- < button mat-mini-fab color ="primary " class ="pull-right " (click) ="createUser() ">
98
- < mat-icon > add</ mat-icon >
64
+ < td > {{ user.userName }}</ td >
65
+ < td > {{ user.fullName }}</ td >
66
+ < td > {{ user.emailAddress }}</ td >
67
+ < td align ="center ">
68
+ < i class ="material-icons " *ngIf ="user.isActive " style ="color:green; ">
69
+ check_box
70
+ </ i >
71
+ < i class ="material-icons " *ngIf ="!user.isActive " style ="color:red; ">
72
+ indeterminate_check_box
73
+ </ i >
74
+ </ td >
75
+ < td >
76
+ < button class ="action-button " mat-icon-button [matMenuTriggerFor] ="actionsMenu ">
77
+ < mat-icon > menu</ mat-icon >
99
78
</ button >
100
- </ div >
79
+ < mat-menu #actionsMenu ="matMenu ">
80
+ < button mat-menu-item (click) ="editUser(user) ">
81
+ < mat-icon > edit</ mat-icon >
82
+ < span > {{ "Edit" | localize }}</ span >
83
+ </ button >
84
+ < button mat-menu-item (click) ="delete(user) ">
85
+ < mat-icon > delete</ mat-icon >
86
+ < span > {{ "Delete" | localize }}</ span >
87
+ </ button >
88
+ </ mat-menu >
89
+ </ td >
90
+ </ tr >
91
+ </ tbody >
92
+ </ table >
93
+ < div class ="abp-pagination-controls-wrapper " *ngIf ="totalItems > pageSize ">
94
+ < abp-pagination-controls (pageChange) ="getDataPage($event) " id ="server ">
95
+ </ abp-pagination-controls >
101
96
</ div >
97
+ < button mat-mini-fab color ="primary " class ="pull-right " (click) ="createUser() ">
98
+ < mat-icon > add</ mat-icon >
99
+ </ button >
100
+ </ div >
102
101
</ div >
102
+ </ div >
103
103
</ div >
0 commit comments