diff options
author | Kim <1877318+kimsible@users.noreply.github.com> | 2020-07-31 11:30:57 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-07-31 11:30:57 +0200 |
commit | 30814423ae98b6ac5f7407fc53cffe32aae57124 (patch) | |
tree | 8cc300366fdf2c6dc8e3dfc4c1e6c079dfd11571 /client/src/app/+admin/follows/followers-list | |
parent | 8d987ec63e6888c839ad55938d45809869c517c6 (diff) | |
download | PeerTube-30814423ae98b6ac5f7407fc53cffe32aae57124.tar.gz PeerTube-30814423ae98b6ac5f7407fc53cffe32aae57124.tar.zst PeerTube-30814423ae98b6ac5f7407fc53cffe32aae57124.zip |
Improve (accessibility title) and move action-buttons on left in tables (#2980)
* Improve and move action-buttons on left in tables
* Focus on my-delete and my-button
* Correct spaces syntax
* Move user-action dropdown on the left
Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/app/+admin/follows/followers-list')
-rw-r--r-- | client/src/app/+admin/follows/followers-list/followers-list.component.html | 19 |
1 files changed, 9 insertions, 10 deletions
diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.html b/client/src/app/+admin/follows/followers-list/followers-list.component.html index 050fe40fb..622d464e4 100644 --- a/client/src/app/+admin/follows/followers-list/followers-list.component.html +++ b/client/src/app/+admin/follows/followers-list/followers-list.component.html | |||
@@ -24,16 +24,24 @@ | |||
24 | 24 | ||
25 | <ng-template pTemplate="header"> | 25 | <ng-template pTemplate="header"> |
26 | <tr> | 26 | <tr> |
27 | <th style="width: 150px;">Actions</th> | ||
27 | <th i18n>Follower handle</th> | 28 | <th i18n>Follower handle</th> |
28 | <th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> | 29 | <th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> |
29 | <th style="width: 100px;" i18n pSortableColumn="score">Score <p-sortIcon field="score"></p-sortIcon></th> | 30 | <th style="width: 100px;" i18n pSortableColumn="score">Score <p-sortIcon field="score"></p-sortIcon></th> |
30 | <th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> | 31 | <th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> |
31 | <th style="width: 150px;"></th> | ||
32 | </tr> | 32 | </tr> |
33 | </ng-template> | 33 | </ng-template> |
34 | 34 | ||
35 | <ng-template pTemplate="body" let-follow> | 35 | <ng-template pTemplate="body" let-follow> |
36 | <tr> | 36 | <tr> |
37 | <td class="action-cell"> | ||
38 | <ng-container *ngIf="follow.state === 'pending'"> | ||
39 | <my-button i18n-title title="Accept" icon="tick" (click)="acceptFollower(follow)"></my-button> | ||
40 | <my-button i18n-title title="Refuse" icon="cross" (click)="rejectFollower(follow)"></my-button> | ||
41 | </ng-container> | ||
42 | |||
43 | <my-delete-button label *ngIf="follow.state === 'accepted'" (click)="deleteFollower(follow)"></my-delete-button> | ||
44 | </td> | ||
37 | <td> | 45 | <td> |
38 | <a [href]="follow.follower.url" i18n-title title="Open actor page in a new tab" target="_blank" rel="noopener noreferrer"> | 46 | <a [href]="follow.follower.url" i18n-title title="Open actor page in a new tab" target="_blank" rel="noopener noreferrer"> |
39 | {{ follow.follower.name + '@' + follow.follower.host }} | 47 | {{ follow.follower.name + '@' + follow.follower.host }} |
@@ -50,15 +58,6 @@ | |||
50 | 58 | ||
51 | <td>{{ follow.score }}</td> | 59 | <td>{{ follow.score }}</td> |
52 | <td>{{ follow.createdAt | date: 'short' }}</td> | 60 | <td>{{ follow.createdAt | date: 'short' }}</td> |
53 | |||
54 | <td class="action-cell"> | ||
55 | <ng-container *ngIf="follow.state === 'pending'"> | ||
56 | <my-button i18n-title title="Accept" icon="tick" (click)="acceptFollower(follow)"></my-button> | ||
57 | <my-button i18n-title title="Refuse" icon="cross" (click)="rejectFollower(follow)"></my-button> | ||
58 | </ng-container> | ||
59 | |||
60 | <my-delete-button *ngIf="follow.state === 'accepted'" (click)="deleteFollower(follow)"></my-delete-button> | ||
61 | </td> | ||
62 | </tr> | 61 | </tr> |
63 | </ng-template> | 62 | </ng-template> |
64 | 63 | ||