]>
Commit | Line | Data |
---|---|---|
cd83ea1b | 1 | <div class="admin-sub-header"> |
b1d40cff | 2 | <div i18n class="form-sub-title">Users list</div> |
dfe3ec6b | 3 | |
4c200caa | 4 | <a class="add-button" routerLink="/admin/users/create"> |
04e0fc48 | 5 | <span class="icon icon-add"></span> |
b1d40cff | 6 | <ng-container i18n>Create user</ng-container> |
04e0fc48 | 7 | </a> |
897ec54d | 8 | </div> |
04e0fc48 | 9 | |
ab998f7b C |
10 | <p-table |
11 | [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" | |
141b177d | 12 | [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id" |
04e0fc48 | 13 | > |
ab998f7b C |
14 | <ng-template pTemplate="header"> |
15 | <tr> | |
141b177d | 16 | <th style="width: 40px"></th> |
b1d40cff C |
17 | <th i18n pSortableColumn="username">Username <p-sortIcon field="username"></p-sortIcon></th> |
18 | <th i18n>Email</th> | |
19 | <th i18n>Video quota</th> | |
20 | <th i18n>Role</th> | |
21 | <th i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> | |
141b177d | 22 | <th style="width: 50px;"></th> |
ab998f7b C |
23 | </tr> |
24 | </ng-template> | |
25 | ||
141b177d C |
26 | <ng-template pTemplate="body" let-expanded="expanded" let-user> |
27 | ||
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> | |
ab998f7b | 38 | <td>{{ user.email }}</td> |
a76138ff | 39 | <td>{{ user.videoQuotaUsed }} / {{ user.videoQuota }}</td> |
ab998f7b C |
40 | <td>{{ user.roleLabel }}</td> |
41 | <td>{{ user.createdAt }}</td> | |
42 | <td class="action-cell"> | |
79bd2632 C |
43 | <my-user-moderation-dropdown [user]="user" (userChanged)="onUserChanged()" (userDeleted)="onUserChanged()"> |
44 | </my-user-moderation-dropdown> | |
141b177d C |
45 | </td> |
46 | </tr> | |
47 | </ng-template> | |
48 | ||
49 | <ng-template pTemplate="rowexpansion" let-user> | |
50 | <tr class="user-blocked-reason"> | |
51 | <td colspan="7"> | |
52 | <span i18n class="ban-reason-label">Ban reason:</span> | |
53 | {{ user.blockedReason }} | |
ab998f7b C |
54 | </td> |
55 | </tr> | |
56 | </ng-template> | |
57 | </p-table> | |
141b177d | 58 |