diff options
Diffstat (limited to 'client/src/app/+admin/follows/followers-list/followers-list.component.html')
-rw-r--r-- | client/src/app/+admin/follows/followers-list/followers-list.component.html | 26 |
1 files changed, 21 insertions, 5 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 4f11f261d..8fe0d2348 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 | |||
@@ -9,9 +9,18 @@ | |||
9 | [lazy]="true" (onLazyLoad)="loadLazy($event)" [lazyLoadOnInit]="false" | 9 | [lazy]="true" (onLazyLoad)="loadLazy($event)" [lazyLoadOnInit]="false" |
10 | [showCurrentPageReport]="true" i18n-currentPageReportTemplate | 10 | [showCurrentPageReport]="true" i18n-currentPageReportTemplate |
11 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} followers" | 11 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} followers" |
12 | [(selection)]="selectedFollows" | ||
12 | > | 13 | > |
13 | <ng-template pTemplate="caption"> | 14 | <ng-template pTemplate="caption"> |
14 | <div class="caption"> | 15 | <div class="caption"> |
16 | <div class="left-buttons"> | ||
17 | <my-action-dropdown | ||
18 | *ngIf="isInSelectionMode()" i18n-label label="Batch actions" theme="orange" | ||
19 | [actions]="bulkFollowsActions" [entry]="selectedFollows" | ||
20 | > | ||
21 | </my-action-dropdown> | ||
22 | </div> | ||
23 | |||
15 | <div class="ms-auto"> | 24 | <div class="ms-auto"> |
16 | <my-advanced-input-filter [filters]="searchFilters" (search)="onSearch($event)"></my-advanced-input-filter> | 25 | <my-advanced-input-filter [filters]="searchFilters" (search)="onSearch($event)"></my-advanced-input-filter> |
17 | </div> | 26 | </div> |
@@ -20,6 +29,9 @@ | |||
20 | 29 | ||
21 | <ng-template pTemplate="header"> | 30 | <ng-template pTemplate="header"> |
22 | <tr> | 31 | <tr> |
32 | <th style="width: 40px"> | ||
33 | <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> | ||
34 | </th> | ||
23 | <th style="width: 150px;" i18n>Actions</th> | 35 | <th style="width: 150px;" i18n>Actions</th> |
24 | <th i18n>Follower</th> | 36 | <th i18n>Follower</th> |
25 | <th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> | 37 | <th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> |
@@ -30,15 +42,19 @@ | |||
30 | 42 | ||
31 | <ng-template pTemplate="body" let-follow> | 43 | <ng-template pTemplate="body" let-follow> |
32 | <tr> | 44 | <tr> |
45 | <td class="checkbox-cell"> | ||
46 | <p-tableCheckbox [value]="follow" ariaLabel="Select this row" i18n-ariaLabel></p-tableCheckbox> | ||
47 | </td> | ||
48 | |||
33 | <td class="action-cell"> | 49 | <td class="action-cell"> |
34 | <my-button *ngIf="follow.state !== 'accepted'" i18n-title title="Accept" icon="tick" (click)="acceptFollower(follow)"></my-button> | 50 | <my-button *ngIf="follow.state !== 'accepted'" i18n-title title="Accept" icon="tick" (click)="acceptFollower([ follow ])"></my-button> |
35 | <my-button *ngIf="follow.state !== 'rejected'" i18n-title title="Refuse" icon="cross" (click)="rejectFollower(follow)"></my-button> | 51 | <my-button *ngIf="follow.state !== 'rejected'" i18n-title title="Reject" icon="cross" (click)="rejectFollower([ follow ])"></my-button> |
36 | 52 | ||
37 | <my-delete-button *ngIf="follow.state === 'rejected'" (click)="deleteFollower(follow)"></my-delete-button> | 53 | <my-delete-button *ngIf="follow.state === 'rejected'" (click)="deleteFollowers([ follow ])"></my-delete-button> |
38 | </td> | 54 | </td> |
39 | <td> | 55 | <td> |
40 | <a [href]="follow.follower.url" i18n-title title="Open actor page in a new tab" target="_blank" rel="noopener noreferrer"> | 56 | <a [href]="follow.follower.url" i18n-title title="Open actor page in a new tab" target="_blank" rel="noopener noreferrer"> |
41 | {{ follow.follower.name + '@' + follow.follower.host }} | 57 | {{ buildFollowerName(follow) }} |
42 | <my-global-icon iconName="external-link"></my-global-icon> | 58 | <my-global-icon iconName="external-link"></my-global-icon> |
43 | </a> | 59 | </a> |
44 | </td> | 60 | </td> |
@@ -56,7 +72,7 @@ | |||
56 | 72 | ||
57 | <ng-template pTemplate="emptymessage"> | 73 | <ng-template pTemplate="emptymessage"> |
58 | <tr> | 74 | <tr> |
59 | <td colspan="5"> | 75 | <td colspan="6"> |
60 | <div class="no-results"> | 76 | <div class="no-results"> |
61 | <ng-container *ngIf="search" i18n>No follower found matching current filters.</ng-container> | 77 | <ng-container *ngIf="search" i18n>No follower found matching current filters.</ng-container> |
62 | <ng-container *ngIf="!search" i18n>Your instance doesn't have any follower.</ng-container> | 78 | <ng-container *ngIf="!search" i18n>Your instance doesn't have any follower.</ng-container> |