From 51548b31815c6f96f314ae96588a9adca150519d Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 15 Nov 2017 10:10:41 +0100 Subject: Add follow tabs Following Follow Followers --- .../followers-list/followers-list.component.html | 16 +++++++++ .../followers-list/followers-list.component.scss | 3 ++ .../followers-list/followers-list.component.ts | 41 ++++++++++++++++++++++ .../src/app/+admin/follows/followers-list/index.ts | 1 + 4 files changed, 61 insertions(+) create mode 100644 client/src/app/+admin/follows/followers-list/followers-list.component.html create mode 100644 client/src/app/+admin/follows/followers-list/followers-list.component.scss create mode 100644 client/src/app/+admin/follows/followers-list/followers-list.component.ts create mode 100644 client/src/app/+admin/follows/followers-list/index.ts (limited to 'client/src/app/+admin/follows/followers-list') diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.html b/client/src/app/+admin/follows/followers-list/followers-list.component.html new file mode 100644 index 000000000..24d75d2b3 --- /dev/null +++ b/client/src/app/+admin/follows/followers-list/followers-list.component.html @@ -0,0 +1,16 @@ +
+
+

Followers list

+ + + + + + + + +
+
diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.scss b/client/src/app/+admin/follows/followers-list/followers-list.component.scss new file mode 100644 index 000000000..0a0f621c6 --- /dev/null +++ b/client/src/app/+admin/follows/followers-list/followers-list.component.scss @@ -0,0 +1,3 @@ +.btn { + margin-top: 10px; +} 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 new file mode 100644 index 000000000..208a0c648 --- /dev/null +++ b/client/src/app/+admin/follows/followers-list/followers-list.component.ts @@ -0,0 +1,41 @@ +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' + +@Component({ + selector: 'my-followers-list', + templateUrl: './followers-list.component.html', + styleUrls: [ './followers-list.component.scss' ] +}) +export class FollowersListComponent extends RestTable { + followers: Pod[] = [] + totalRecords = 0 + rowsPerPage = 10 + sort: SortMeta = { field: 'createdAt', order: 1 } + pagination: RestPagination = { count: this.rowsPerPage, start: 0 } + + constructor ( + private notificationsService: NotificationsService, + private followService: FollowService + ) { + super() + } + + protected loadData () { + this.followService.getFollowers(this.pagination, this.sort) + .subscribe( + resultList => { + this.followers = resultList.data + this.totalRecords = resultList.total + }, + + err => this.notificationsService.error('Error', err.message) + ) + } +} diff --git a/client/src/app/+admin/follows/followers-list/index.ts b/client/src/app/+admin/follows/followers-list/index.ts new file mode 100644 index 000000000..15390cfbe --- /dev/null +++ b/client/src/app/+admin/follows/followers-list/index.ts @@ -0,0 +1 @@ +export * from './followers-list.component' -- cgit v1.2.3