diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-08 14:34:17 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-08 14:34:17 +0100 |
commit | cd83ea1b908efe594c1e03f886c0dc4742b91360 (patch) | |
tree | 7ce95792ede104e5a761830ecd7aaf3ee19fd8dc /client/src/app/+admin/users/user-list | |
parent | 04e0fc488826f505a8de3ce99113f3cb2fcec147 (diff) | |
download | PeerTube-cd83ea1b908efe594c1e03f886c0dc4742b91360.tar.gz PeerTube-cd83ea1b908efe594c1e03f886c0dc4742b91360.tar.zst PeerTube-cd83ea1b908efe594c1e03f886c0dc4742b91360.zip |
Design admin data tables
Diffstat (limited to 'client/src/app/+admin/users/user-list')
-rw-r--r-- | client/src/app/+admin/users/user-list/user-list.component.html | 16 | ||||
-rw-r--r-- | client/src/app/+admin/users/user-list/user-list.component.scss | 10 |
2 files changed, 5 insertions, 21 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 a100ddfaa..5a19edfde 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,4 +1,4 @@ | |||
1 | <div class="sub-header"> | 1 | <div class="admin-sub-header"> |
2 | <div class="admin-sub-title">Users list</div> | 2 | <div class="admin-sub-title">Users list</div> |
3 | 3 | ||
4 | <a class="add-button" routerLink="/admin/users/add"> | 4 | <a class="add-button" routerLink="/admin/users/add"> |
@@ -17,16 +17,10 @@ | |||
17 | <p-column field="videoQuota" header="Video quota"></p-column> | 17 | <p-column field="videoQuota" header="Video quota"></p-column> |
18 | <p-column field="roleLabel" header="Role"></p-column> | 18 | <p-column field="roleLabel" header="Role"></p-column> |
19 | <p-column field="createdAt" header="Created date" [sortable]="true"></p-column> | 19 | <p-column field="createdAt" header="Created date" [sortable]="true"></p-column> |
20 | <p-column header="Edit" styleClass="action-cell"> | 20 | <p-column styleClass="action-cell"> |
21 | <ng-template pTemplate="body" let-user="rowData"> | 21 | <ng-template pTemplate="body" let-user="rowData"> |
22 | <a [routerLink]="getRouterUserEditLink(user)" title="Edit this user"> | 22 | <my-edit-button [routerLink]="getRouterUserEditLink(user)"></my-edit-button> |
23 | <span class="glyphicon glyphicon-pencil glyphicon-black"></span> | 23 | <my-delete-button (click)="removeUser(user)"></my-delete-button> |
24 | </a> | ||
25 | </ng-template> | ||
26 | </p-column> | ||
27 | <p-column header="Delete" styleClass="action-cell"> | ||
28 | <ng-template pTemplate="body" let-user="rowData"> | ||
29 | <span (click)="removeUser(user)" class="glyphicon glyphicon-remove glyphicon-black" title="Remove this user"></span> | ||
30 | </ng-template> | 24 | </ng-template> |
31 | </p-column> | 25 | </p-column> |
32 | </p-dataTable> | 26 | </p-dataTable> |
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 54ecb61b4..8b22f67ff 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 | |||
@@ -1,12 +1,3 @@ | |||
1 | .sub-header { | ||
2 | display: flex; | ||
3 | align-items: center; | ||
4 | margin-bottom: 30px; | ||
5 | |||
6 | .admin-sub-title { | ||
7 | flex-grow: 1; | ||
8 | } | ||
9 | |||
10 | .add-button { | 1 | .add-button { |
11 | @include peertube-button-link; | 2 | @include peertube-button-link; |
12 | @include orange-button; | 3 | @include orange-button; |
@@ -18,4 +9,3 @@ | |||
18 | background-image: url('../../../../assets/images/admin/add.svg'); | 9 | background-image: url('../../../../assets/images/admin/add.svg'); |
19 | } | 10 | } |
20 | } | 11 | } |
21 | } | ||