X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Ffollows%2Ffollowers-list%2Ffollowers-list.component.ts;h=329e3bcc7071bd0ace53255f541deec7f90cd487;hb=eeae81428e933b923dc9d9b6c9ce5c9fcf0de1a7;hp=208a0c648464c82371770361b128847bac5fe98f;hpb=51548b31815c6f96f314ae96588a9adca150519d;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.ts b/client/src/app/+admin/follows/followers-list/followers-list.component.ts
index 208a0c648..329e3bcc7 100644
--- a/client/src/app/+admin/follows/followers-list/followers-list.component.ts
+++ b/client/src/app/+admin/follows/followers-list/followers-list.component.ts
@@ -1,41 +1,101 @@
+import { SortMeta } from 'primeng/api'
 import { Component, OnInit } from '@angular/core'
-
-import { NotificationsService } from 'angular2-notifications'
-import { SortMeta } from 'primeng/primeng'
-
-import { ConfirmService } from '../../../core'
-import { RestTable, RestPagination } from '../../../shared'
-import { Pod } from '../../../../../../shared'
-import { FollowService } from '../shared'
+import { ConfirmService, Notifier, RestPagination, RestTable } from '@app/core'
+import { InstanceFollowService } from '@app/shared/shared-instance'
+import { ActorFollow } from '@shared/models'
 
 @Component({
   selector: 'my-followers-list',
   templateUrl: './followers-list.component.html',
   styleUrls: [ './followers-list.component.scss' ]
 })
-export class FollowersListComponent extends RestTable {
-  followers: Pod[] = []
+export class FollowersListComponent extends RestTable implements OnInit {
+  followers: ActorFollow[] = []
   totalRecords = 0
-  rowsPerPage = 10
-  sort: SortMeta = { field: 'createdAt', order: 1 }
+  sort: SortMeta = { field: 'createdAt', order: -1 }
   pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
 
   constructor (
-    private notificationsService: NotificationsService,
-    private followService: FollowService
+    private confirmService: ConfirmService,
+    private notifier: Notifier,
+    private followService: InstanceFollowService
   ) {
     super()
   }
 
-  protected loadData () {
-    this.followService.getFollowers(this.pagination, this.sort)
-                      .subscribe(
-                        resultList => {
+  ngOnInit () {
+    this.initialize()
+  }
+
+  getIdentifier () {
+    return 'FollowersListComponent'
+  }
+
+  acceptFollower (follow: ActorFollow) {
+    follow.state = 'accepted'
+
+    this.followService.acceptFollower(follow)
+      .subscribe({
+        next: () => {
+          const handle = follow.follower.name + '@' + follow.follower.host
+          this.notifier.success($localize`${handle} accepted in instance followers`)
+        },
+
+        error: err => {
+          follow.state = 'pending'
+          this.notifier.error(err.message)
+        }
+      })
+  }
+
+  async rejectFollower (follow: ActorFollow) {
+    const message = $localize`Do you really want to reject this follower?`
+    const res = await this.confirmService.confirm(message, $localize`Reject`)
+    if (res === false) return
+
+    this.followService.rejectFollower(follow)
+        .subscribe({
+          next: () => {
+            const handle = follow.follower.name + '@' + follow.follower.host
+            this.notifier.success($localize`${handle} rejected from instance followers`)
+
+            this.reloadData()
+          },
+
+          error: err => {
+            follow.state = 'pending'
+            this.notifier.error(err.message)
+          }
+        })
+  }
+
+  async deleteFollower (follow: ActorFollow) {
+    const message = $localize`Do you really want to delete this follower?`
+    const res = await this.confirmService.confirm(message, $localize`Delete`)
+    if (res === false) return
+
+    this.followService.removeFollower(follow)
+        .subscribe({
+          next: () => {
+            const handle = follow.follower.name + '@' + follow.follower.host
+            this.notifier.success($localize`${handle} removed from instance followers`)
+
+            this.reloadData()
+          },
+
+          error: err => this.notifier.error(err.message)
+        })
+  }
+
+  protected reloadData () {
+    this.followService.getFollowers({ pagination: this.pagination, sort: this.sort, search: this.search })
+                      .subscribe({
+                        next: resultList => {
                           this.followers = resultList.data
                           this.totalRecords = resultList.total
                         },
 
-                        err => this.notificationsService.error('Error', err.message)
-                      )
+                        error: err => this.notifier.error(err.message)
+                      })
   }
 }