diff options
author | Chocobozzz <me@florianbigard.com> | 2018-08-09 17:51:25 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-08-09 17:55:05 +0200 |
commit | 141b177db088891e84040f68aa95008fb52f1d44 (patch) | |
tree | 20168077514c920f5b4da4696707db55f51b158d /client/src/app/+admin/users/user-list/user-list.component.html | |
parent | 63347a0ff966c7863e5b7431effa1cb0668df893 (diff) | |
download | PeerTube-141b177db088891e84040f68aa95008fb52f1d44.tar.gz PeerTube-141b177db088891e84040f68aa95008fb52f1d44.tar.zst PeerTube-141b177db088891e84040f68aa95008fb52f1d44.zip |
Add ability to ban/unban users
Diffstat (limited to 'client/src/app/+admin/users/user-list/user-list.component.html')
-rw-r--r-- | client/src/app/+admin/users/user-list/user-list.component.html | 33 |
1 files changed, 26 insertions, 7 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 ef5a6c648..a92fe95ef 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 | |||
@@ -9,31 +9,50 @@ | |||
9 | 9 | ||
10 | <p-table | 10 | <p-table |
11 | [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" | 11 | [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" |
12 | [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" | 12 | [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id" |
13 | > | 13 | > |
14 | <ng-template pTemplate="header"> | 14 | <ng-template pTemplate="header"> |
15 | <tr> | 15 | <tr> |
16 | <th style="width: 40px"></th> | ||
16 | <th i18n pSortableColumn="username">Username <p-sortIcon field="username"></p-sortIcon></th> | 17 | <th i18n pSortableColumn="username">Username <p-sortIcon field="username"></p-sortIcon></th> |
17 | <th i18n>Email</th> | 18 | <th i18n>Email</th> |
18 | <th i18n>Video quota</th> | 19 | <th i18n>Video quota</th> |
19 | <th i18n>Role</th> | 20 | <th i18n>Role</th> |
20 | <th i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> | 21 | <th i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> |
21 | <th></th> | 22 | <th style="width: 50px;"></th> |
22 | </tr> | 23 | </tr> |
23 | </ng-template> | 24 | </ng-template> |
24 | 25 | ||
25 | <ng-template pTemplate="body" let-user> | 26 | <ng-template pTemplate="body" let-expanded="expanded" let-user> |
26 | <tr> | 27 | |
27 | <td>{{ user.username }}</td> | 28 | <tr [ngClass]="{ banned: user.blocked }"> |
29 | <td> | ||
30 | <span *ngIf="user.blockedReason" class="expander" [pRowToggler]="user"> | ||
31 | <i [ngClass]="expanded ? 'glyphicon glyphicon-menu-down' : 'glyphicon glyphicon-menu-right'"></i> | ||
32 | </span> | ||
33 | </td> | ||
34 | <td> | ||
35 | {{ user.username }} | ||
36 | <span *ngIf="user.blocked" class="banned-info">(banned)</span> | ||
37 | </td> | ||
28 | <td>{{ user.email }}</td> | 38 | <td>{{ user.email }}</td> |
29 | <td>{{ user.videoQuota }}</td> | 39 | <td>{{ user.videoQuota }}</td> |
30 | <td>{{ user.roleLabel }}</td> | 40 | <td>{{ user.roleLabel }}</td> |
31 | <td>{{ user.createdAt }}</td> | 41 | <td>{{ user.createdAt }}</td> |
32 | <td class="action-cell"> | 42 | <td class="action-cell"> |
33 | <my-action-dropdown i18n-label label="Actions" [actions]="userActions" [entry]="user"></my-action-dropdown> | 43 | <my-action-dropdown i18n-label label="Actions" [actions]="userActions" [entry]="user"></my-action-dropdown> |
34 | <!--<my-edit-button [routerLink]="getRouterUserEditLink(user)"></my-edit-button>--> | 44 | </td> |
35 | <!--<my-delete-button (click)="removeUser(user)"></my-delete-button>--> | 45 | </tr> |
46 | </ng-template> | ||
47 | |||
48 | <ng-template pTemplate="rowexpansion" let-user> | ||
49 | <tr class="user-blocked-reason"> | ||
50 | <td colspan="7"> | ||
51 | <span i18n class="ban-reason-label">Ban reason:</span> | ||
52 | {{ user.blockedReason }} | ||
36 | </td> | 53 | </td> |
37 | </tr> | 54 | </tr> |
38 | </ng-template> | 55 | </ng-template> |
39 | </p-table> | 56 | </p-table> |
57 | |||
58 | <my-user-ban-modal #userBanModal (userBanned)="onUserBanned()"></my-user-ban-modal> \ No newline at end of file | ||