Add refresh button to following list

This commit is contained in:
Chocobozzz 2024-10-29 15:35:53 +01:00
parent 9bcf810346
commit 306bc7582e
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 16 additions and 12 deletions

View File

@ -27,8 +27,10 @@
</button> </button>
</div> </div>
<div class="ms-auto"> <div class="ms-auto d-flex gap-1">
<my-advanced-input-filter [filters]="searchFilters" (search)="onSearch($event)"></my-advanced-input-filter> <my-advanced-input-filter [filters]="searchFilters" (search)="onSearch($event)"></my-advanced-input-filter>
<my-button i18n-label label="Refresh" icon="refresh" (click)="reloadData()"></my-button>
</div> </div>
</div> </div>
</ng-template> </ng-template>

View File

@ -1,18 +1,19 @@
import { SortMeta, SharedModule } from 'primeng/api' import { DatePipe, NgIf } from '@angular/common'
import { Component, OnInit, ViewChild } from '@angular/core' import { Component, OnInit, ViewChild } from '@angular/core'
import { ConfirmService, Notifier, RestPagination, RestTable } from '@app/core' import { ConfirmService, Notifier, RestPagination, RestTable } from '@app/core'
import { ActorFollow } from '@peertube/peertube-models'
import { FollowModalComponent } from './follow-modal.component'
import { formatICU } from '@app/helpers' import { formatICU } from '@app/helpers'
import { InstanceFollowService } from '@app/shared/shared-instance/instance-follow.service'
import { ActorFollow } from '@peertube/peertube-models'
import { SharedModule, SortMeta } from 'primeng/api'
import { TableModule } from 'primeng/table'
import { AdvancedInputFilter, AdvancedInputFilterComponent } from '../../../shared/shared-forms/advanced-input-filter.component'
import { GlobalIconComponent } from '../../../shared/shared-icons/global-icon.component'
import { ActionDropdownComponent, DropdownAction } from '../../../shared/shared-main/buttons/action-dropdown.component'
import { ButtonComponent } from '../../../shared/shared-main/buttons/button.component'
import { DeleteButtonComponent } from '../../../shared/shared-main/buttons/delete-button.component'
import { AutoColspanDirective } from '../../../shared/shared-main/common/auto-colspan.directive' import { AutoColspanDirective } from '../../../shared/shared-main/common/auto-colspan.directive'
import { RedundancyCheckboxComponent } from '../shared/redundancy-checkbox.component' import { RedundancyCheckboxComponent } from '../shared/redundancy-checkbox.component'
import { DeleteButtonComponent } from '../../../shared/shared-main/buttons/delete-button.component' import { FollowModalComponent } from './follow-modal.component'
import { AdvancedInputFilter, AdvancedInputFilterComponent } from '../../../shared/shared-forms/advanced-input-filter.component'
import { ActionDropdownComponent, DropdownAction } from '../../../shared/shared-main/buttons/action-dropdown.component'
import { NgIf, DatePipe } from '@angular/common'
import { TableModule } from 'primeng/table'
import { GlobalIconComponent } from '../../../shared/shared-icons/global-icon.component'
import { InstanceFollowService } from '@app/shared/shared-instance/instance-follow.service'
@Component({ @Component({
templateUrl: './following-list.component.html', templateUrl: './following-list.component.html',
@ -29,7 +30,8 @@ import { InstanceFollowService } from '@app/shared/shared-instance/instance-foll
RedundancyCheckboxComponent, RedundancyCheckboxComponent,
AutoColspanDirective, AutoColspanDirective,
FollowModalComponent, FollowModalComponent,
DatePipe DatePipe,
ButtonComponent
] ]
}) })
export class FollowingListComponent extends RestTable <ActorFollow> implements OnInit { export class FollowingListComponent extends RestTable <ActorFollow> implements OnInit {