X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Ffollows%2Ffollowing-list%2Ffollowing-list.component.ts;h=ded616624d02165bf3ce4691fa1c6d1e48914a14;hb=b91bc1d1f3591c35ab4426f6ab594b4bd9f1ef62;hp=7d2c5084b344b6f7e822d8deb30f8f302ea92347;hpb=51548b31815c6f96f314ae96588a9adca150519d;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+admin/follows/following-list/following-list.component.ts b/client/src/app/+admin/follows/following-list/following-list.component.ts index 7d2c5084b..ded616624 100644 --- a/client/src/app/+admin/follows/following-list/following-list.component.ts +++ b/client/src/app/+admin/follows/following-list/following-list.component.ts @@ -1,40 +1,63 @@ import { Component, OnInit } from '@angular/core' - -import { NotificationsService } from 'angular2-notifications' +import { Notifier } from '@app/core' import { SortMeta } from 'primeng/primeng' - -import { ConfirmService } from '../../../core' -import { RestTable, RestPagination } from '../../../shared' -import { Pod } from '../../../../../../shared' -import { FollowService } from '../shared' +import { ActorFollow } from '../../../../../../shared/models/actors/follow.model' +import { ConfirmService } from '../../../core/confirm/confirm.service' +import { RestPagination, RestTable } from '../../../shared' +import { FollowService } from '@app/shared/instance/follow.service' +import { I18n } from '@ngx-translate/i18n-polyfill' @Component({ selector: 'my-followers-list', - templateUrl: './following-list.component.html' + templateUrl: './following-list.component.html', + styleUrls: [ './following-list.component.scss' ] }) -export class FollowingListComponent extends RestTable { - following: Pod[] = [] +export class FollowingListComponent extends RestTable implements OnInit { + following: ActorFollow[] = [] totalRecords = 0 rowsPerPage = 10 sort: SortMeta = { field: 'createdAt', order: 1 } pagination: RestPagination = { count: this.rowsPerPage, start: 0 } constructor ( - private notificationsService: NotificationsService, - private followService: FollowService + private notifier: Notifier, + private confirmService: ConfirmService, + private followService: FollowService, + private i18n: I18n ) { super() } + ngOnInit () { + this.initialize() + } + + async removeFollowing (follow: ActorFollow) { + const res = await this.confirmService.confirm( + this.i18n('Do you really want to unfollow {{host}}?', { host: follow.following.host }), + this.i18n('Unfollow') + ) + if (res === false) return + + this.followService.unfollow(follow).subscribe( + () => { + this.notifier.success(this.i18n('You are not following {{host}} anymore.', { host: follow.following.host })) + this.loadData() + }, + + err => this.notifier.error(err.message) + ) + } + protected loadData () { - this.followService.getFollowing(this.pagination, this.sort) + this.followService.getFollowing(this.pagination, this.sort, this.search) .subscribe( resultList => { this.following = resultList.data this.totalRecords = resultList.total }, - err => this.notificationsService.error('Error', err.message) + err => this.notifier.error(err.message) ) } }