diff options
Diffstat (limited to 'client/src/app/+admin/users/user-list')
3 files changed, 14 insertions, 5 deletions
diff --git a/client/src/app/+admin/users/user-list/user-list.component.html b/client/src/app/+admin/users/user-list/user-list.component.html index e0022d2ba..ea5aca024 100644 --- a/client/src/app/+admin/users/user-list/user-list.component.html +++ b/client/src/app/+admin/users/user-list/user-list.component.html | |||
@@ -14,6 +14,7 @@ | |||
14 | [showCurrentPageReport]="true" i18n-currentPageReportTemplate | 14 | [showCurrentPageReport]="true" i18n-currentPageReportTemplate |
15 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} users" | 15 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} users" |
16 | (onPage)="onPage($event)" [expandedRowKeys]="expandedRows" | 16 | (onPage)="onPage($event)" [expandedRowKeys]="expandedRows" |
17 | [rowStyleClass]="getRowClasses" | ||
17 | > | 18 | > |
18 | <ng-template pTemplate="caption"> | 19 | <ng-template pTemplate="caption"> |
19 | <div class="caption"> | 20 | <div class="caption"> |
@@ -48,7 +49,7 @@ | |||
48 | <th style="width: 120px;" i18n>Role</th> | 49 | <th style="width: 120px;" i18n>Role</th> |
49 | <th style="width: 140px;" pResizableColumn i18n>Auth plugin</th> | 50 | <th style="width: 140px;" pResizableColumn i18n>Auth plugin</th> |
50 | <th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> | 51 | <th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> |
51 | <th style="width: 50px;"></th> | 52 | <th style="width: 60px;"></th> |
52 | </tr> | 53 | </tr> |
53 | </ng-template> | 54 | </ng-template> |
54 | 55 | ||
@@ -75,11 +76,13 @@ | |||
75 | alt="Avatar" | 76 | alt="Avatar" |
76 | > | 77 | > |
77 | <div> | 78 | <div> |
78 | {{ user.account.displayName }} | 79 | <span> |
80 | <span *ngIf="user.blocked" i18n-title title="The user was banned" class="glyphicon glyphicon-ban-circle"></span> | ||
81 | {{ user.account.displayName }} | ||
82 | </span> | ||
79 | <span class="text-muted">{{ user.username }}</span> | 83 | <span class="text-muted">{{ user.username }}</span> |
80 | </div> | 84 | </div> |
81 | </div> | 85 | </div> |
82 | <span i18n *ngIf="user.blocked" class="banned-info">(banned)</span> | ||
83 | </a> | 86 | </a> |
84 | </td> | 87 | </td> |
85 | 88 | ||
diff --git a/client/src/app/+admin/users/user-list/user-list.component.scss b/client/src/app/+admin/users/user-list/user-list.component.scss index 99b22aaea..697b2c11b 100644 --- a/client/src/app/+admin/users/user-list/user-list.component.scss +++ b/client/src/app/+admin/users/user-list/user-list.component.scss | |||
@@ -5,8 +5,8 @@ | |||
5 | @include create-button; | 5 | @include create-button; |
6 | } | 6 | } |
7 | 7 | ||
8 | tr.banned { | 8 | tr.banned > td { |
9 | color: red; | 9 | background-color: lighten($color: $red, $amount: 40) !important; |
10 | } | 10 | } |
11 | 11 | ||
12 | .banned-info { | 12 | .banned-info { |
diff --git a/client/src/app/+admin/users/user-list/user-list.component.ts b/client/src/app/+admin/users/user-list/user-list.component.ts index 8f01c7d51..e167d1432 100644 --- a/client/src/app/+admin/users/user-list/user-list.component.ts +++ b/client/src/app/+admin/users/user-list/user-list.component.ts | |||
@@ -87,6 +87,12 @@ export class UserListComponent extends RestTable implements OnInit { | |||
87 | return 'UserListComponent' | 87 | return 'UserListComponent' |
88 | } | 88 | } |
89 | 89 | ||
90 | getRowClasses (rowData: User) { | ||
91 | return { | ||
92 | banned: rowData.blocked | ||
93 | } | ||
94 | } | ||
95 | |||
90 | openBanUserModal (users: User[]) { | 96 | openBanUserModal (users: User[]) { |
91 | for (const user of users) { | 97 | for (const user of users) { |
92 | if (user.username === 'root') { | 98 | if (user.username === 'root') { |