diff options
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 | 57 |
1 files changed, 24 insertions, 33 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 16a8a8033..b3d90ba1e 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 | |||
| @@ -1,35 +1,26 @@ | |||
| 1 | <div class="row"> | 1 | <div class="admin-sub-header"> |
| 2 | <div class="content-padding"> | 2 | <div class="admin-sub-title">Users list</div> |
| 3 | 3 | ||
| 4 | <h3>Users list</h3> | 4 | <a class="add-button" routerLink="/admin/users/add"> |
| 5 | 5 | <span class="icon icon-add"></span> | |
| 6 | <p-dataTable | 6 | Add user |
| 7 | [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" | 7 | </a> |
| 8 | sortField="id" (onLazyLoad)="loadLazy($event)" | ||
| 9 | > | ||
| 10 | <p-column field="id" header="ID" [sortable]="true"></p-column> | ||
| 11 | <p-column field="username" header="Username" [sortable]="true"></p-column> | ||
| 12 | <p-column field="email" header="Email"></p-column> | ||
| 13 | <p-column field="videoQuota" header="Video quota"></p-column> | ||
| 14 | <p-column field="roleLabel" header="Role"></p-column> | ||
| 15 | <p-column field="createdAt" header="Created date" [sortable]="true"></p-column> | ||
| 16 | <p-column header="Edit" styleClass="action-cell"> | ||
| 17 | <ng-template pTemplate="body" let-user="rowData"> | ||
| 18 | <a [routerLink]="getRouterUserEditLink(user)" title="Edit this user"> | ||
| 19 | <span class="glyphicon glyphicon-pencil glyphicon-black"></span> | ||
| 20 | </a> | ||
| 21 | </ng-template> | ||
| 22 | </p-column> | ||
| 23 | <p-column header="Delete" styleClass="action-cell"> | ||
| 24 | <ng-template pTemplate="body" let-user="rowData"> | ||
| 25 | <span (click)="removeUser(user)" class="glyphicon glyphicon-remove glyphicon-black" title="Remove this user"></span> | ||
| 26 | </ng-template> | ||
| 27 | </p-column> | ||
| 28 | </p-dataTable> | ||
| 29 | |||
| 30 | <a class="add-user btn btn-success pull-right" [routerLink]="['/admin/users/add']"> | ||
| 31 | <span class="glyphicon glyphicon-plus"></span> | ||
| 32 | Add user | ||
| 33 | </a> | ||
| 34 | </div> | ||
| 35 | </div> | 8 | </div> |
| 9 | |||
| 10 | <p-dataTable | ||
| 11 | [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" | ||
| 12 | sortField="id" (onLazyLoad)="loadLazy($event)" | ||
| 13 | > | ||
| 14 | <p-column field="id" header="ID" [sortable]="true"></p-column> | ||
| 15 | <p-column field="username" header="Username" [sortable]="true"></p-column> | ||
| 16 | <p-column field="email" header="Email"></p-column> | ||
| 17 | <p-column field="videoQuota" header="Video quota"></p-column> | ||
| 18 | <p-column field="roleLabel" header="Role"></p-column> | ||
| 19 | <p-column field="createdAt" header="Created date" [sortable]="true"></p-column> | ||
| 20 | <p-column styleClass="action-cell"> | ||
| 21 | <ng-template pTemplate="body" let-user="rowData"> | ||
| 22 | <my-edit-button [routerLink]="getRouterUserEditLink(user)"></my-edit-button> | ||
| 23 | <my-delete-button (click)="removeUser(user)"></my-delete-button> | ||
| 24 | </ng-template> | ||
| 25 | </p-column> | ||
| 26 | </p-dataTable> | ||