diff options
Diffstat (limited to 'client/src/app/+admin/follows/following-list/following-list.component.html')
-rw-r--r-- | client/src/app/+admin/follows/following-list/following-list.component.html | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html index 856c4a31f..4554bf151 100644 --- a/client/src/app/+admin/follows/following-list/following-list.component.html +++ b/client/src/app/+admin/follows/following-list/following-list.component.html | |||
@@ -9,11 +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}'}} hosts" | 11 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} hosts" |
12 | [(selection)]="selectedFollows" | ||
12 | > | 13 | > |
13 | <ng-template pTemplate="caption"> | 14 | <ng-template pTemplate="caption"> |
14 | <div class="caption"> | 15 | <div class="caption"> |
15 | <div class="left-buttons"> | 16 | <div class="left-buttons"> |
16 | <a class="follow-button" (click)="openFollowModal()" (key.enter)="openFollowModal()"> | 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 | |||
23 | <a *ngIf="!isInSelectionMode()" class="follow-button" (click)="openFollowModal()" (key.enter)="openFollowModal()"> | ||
17 | <my-global-icon iconName="following" aria-hidden="true"></my-global-icon> | 24 | <my-global-icon iconName="following" aria-hidden="true"></my-global-icon> |
18 | <ng-container i18n>Follow</ng-container> | 25 | <ng-container i18n>Follow</ng-container> |
19 | </a> | 26 | </a> |
@@ -27,6 +34,9 @@ | |||
27 | 34 | ||
28 | <ng-template pTemplate="header"> | 35 | <ng-template pTemplate="header"> |
29 | <tr> | 36 | <tr> |
37 | <th style="width: 40px"> | ||
38 | <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> | ||
39 | </th> | ||
30 | <th style="width: 150px;" i18n>Action</th> | 40 | <th style="width: 150px;" i18n>Action</th> |
31 | <th i18n>Following</th> | 41 | <th i18n>Following</th> |
32 | <th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> | 42 | <th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> |
@@ -35,14 +45,18 @@ | |||
35 | </tr> | 45 | </tr> |
36 | </ng-template> | 46 | </ng-template> |
37 | 47 | ||
38 | <ng-template pTemplate="body" let-follow> | 48 | <ng-template pSelectableRow="follow" pTemplate="body" let-follow> |
39 | <tr> | 49 | <tr> |
50 | <td class="checkbox-cell"> | ||
51 | <p-tableCheckbox [value]="follow" ariaLabel="Select this row" i18n-ariaLabel></p-tableCheckbox> | ||
52 | </td> | ||
53 | |||
40 | <td class="action-cell"> | 54 | <td class="action-cell"> |
41 | <my-delete-button label (click)="removeFollowing(follow)"></my-delete-button> | 55 | <my-delete-button label (click)="removeFollowing([ follow ])"></my-delete-button> |
42 | </td> | 56 | </td> |
43 | <td> | 57 | <td> |
44 | <a [href]="follow.following.url" i18n-title title="Open instance in a new tab" target="_blank" rel="noopener noreferrer"> | 58 | <a [href]="follow.following.url" i18n-title title="Open instance in a new tab" target="_blank" rel="noopener noreferrer"> |
45 | {{ follow.following.name + '@' + follow.following.host }} | 59 | {{ buildFollowingName(follow) }} |
46 | <my-global-icon iconName="external-link"></my-global-icon> | 60 | <my-global-icon iconName="external-link"></my-global-icon> |
47 | </a> | 61 | </a> |
48 | </td> | 62 | </td> |
@@ -65,7 +79,7 @@ | |||
65 | 79 | ||
66 | <ng-template pTemplate="emptymessage"> | 80 | <ng-template pTemplate="emptymessage"> |
67 | <tr> | 81 | <tr> |
68 | <td colspan="5"> | 82 | <td colspan="6"> |
69 | <div class="no-results"> | 83 | <div class="no-results"> |
70 | <ng-container *ngIf="search" i18n>No host found matching current filters.</ng-container> | 84 | <ng-container *ngIf="search" i18n>No host found matching current filters.</ng-container> |
71 | <ng-container *ngIf="!search" i18n>Your instance is not following anyone.</ng-container> | 85 | <ng-container *ngIf="!search" i18n>Your instance is not following anyone.</ng-container> |