Migrate to $localize

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / follows / followers-list / followers-list.component.ts

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 208a0c648464c82371770361b128847bac5fe98f..904e3c338a90d06aab05a810c851daf8b0e525fd 100644 (file)
--- 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' ]
+  styleUrls: [ '../follows.component.scss', './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()
   }
 
+  ngOnInit () {
+    this.initialize()
+  }
+
+  getIdentifier () {
+    return 'FollowersListComponent'
+  }
+
+  acceptFollower (follow: ActorFollow) {
+    follow.state = 'accepted'
+
+    this.followService.acceptFollower(follow)
+      .subscribe(
+        () => {
+          const handle = follow.follower.name + '@' + follow.follower.host
+          this.notifier.success($localize`${handle} accepted in instance followers`)
+        },
+
+        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(
+          () => {
+            const handle = follow.follower.name + '@' + follow.follower.host
+            this.notifier.success($localize`${handle} rejected from instance followers`)
+
+            this.loadData()
+          },
+
+          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(
+          () => {
+            const handle = follow.follower.name + '@' + follow.follower.host
+            this.notifier.success($localize`${handle} removed from instance followers`)
+
+            this.loadData()
+          },
+
+          err => this.notifier.error(err.message)
+        )
+  }
+
   protected loadData () {
-    this.followService.getFollowers(this.pagination, this.sort)
+    this.followService.getFollowers({ pagination: this.pagination, sort: this.sort, search: this.search })
                       .subscribe(
                         resultList => {
                           this.followers = resultList.data
                           this.totalRecords = resultList.total
                         },
 
-                        err => this.notificationsService.error('Error', err.message)
+                        err => this.notifier.error(err.message)
                       )
   }
 }