1 import { SortMeta } from 'primeng/api'
2 import { Component, OnInit, ViewChild } from '@angular/core'
3 import { ConfirmService, Notifier, RestPagination, RestTable } from '@app/core'
4 import { AdvancedInputFilter } from '@app/shared/shared-forms'
5 import { InstanceFollowService } from '@app/shared/shared-instance'
6 import { ActorFollow } from '@shared/models'
7 import { FollowModalComponent } from './follow-modal.component'
8 import { DropdownAction } from '@app/shared/shared-main'
9 import { prepareIcu } from '@app/helpers'
12 templateUrl: './following-list.component.html',
13 styleUrls: [ './following-list.component.scss' ]
15 export class FollowingListComponent extends RestTable <ActorFollow> implements OnInit {
16 @ViewChild('followModal') followModal: FollowModalComponent
18 following: ActorFollow[] = []
20 sort: SortMeta = { field: 'createdAt', order: -1 }
21 pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
23 searchFilters: AdvancedInputFilter[] = []
25 bulkActions: DropdownAction<ActorFollow[]>[] = []
28 private notifier: Notifier,
29 private confirmService: ConfirmService,
30 private followService: InstanceFollowService
38 this.searchFilters = this.followService.buildFollowsListFilters()
42 label: $localize`Delete`,
43 handler: follows => this.removeFollowing(follows)
49 return 'FollowingListComponent'
53 this.followModal.openModal()
56 isInstanceFollowing (follow: ActorFollow) {
57 return follow.following.name === 'peertube'
60 buildFollowingName (follow: ActorFollow) {
61 return follow.following.name + '@' + follow.following.host
64 async removeFollowing (follows: ActorFollow[]) {
65 const icuParams = { count: follows.length, entryName: this.buildFollowingName(follows[0]) }
67 const message = prepareIcu($localize`Do you really want to unfollow {count, plural, =1 {{entryName}?} other {{count} entries?}}`)(
69 $localize`Do you really want to unfollow these entries?`
72 const res = await this.confirmService.confirm(message, $localize`Unfollow`)
73 if (res === false) return
75 this.followService.unfollow(follows)
78 // eslint-disable-next-line max-len
79 const message = prepareIcu($localize`You are not following {count, plural, =1 {{entryName} anymore.} other {these {count} entries anymore.}}`)(
81 $localize`You are not following them anymore.`
84 this.notifier.success(message)
88 error: err => this.notifier.error(err.message)
92 protected reloadDataInternal () {
93 this.followService.getFollowing({ pagination: this.pagination, sort: this.sort, search: this.search })
96 this.following = resultList.data
97 this.totalRecords = resultList.total
100 error: err => this.notifier.error(err.message)