11< 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 >
2727
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 >
3535
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 >
3737
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 ="
5555 let user of (users
5656 | paginate
5757 : {
@@ -61,43 +61,43 @@ <h2>{{ "Users" | localize }}</h2>
6161 totalItems: totalItems
6262 })
6363 ">
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 >
9978 </ 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 >
10196 </ div >
97+ < button mat-mini-fab color ="primary " class ="pull-right " (click) ="createUser() ">
98+ < mat-icon > add</ mat-icon >
99+ </ button >
100+ </ div >
102101 </ div >
102+ </ div >
103103</ div >
0 commit comments