Ombi/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.ts

import { Component, OnInit } from "@angular/core";

import { IssuesService } from "../../../services";

import { IIssueCount, IIssues, IPagenator, IssueStatus } from "../../../interfaces";
import { COLUMNS } from "./issues-list.constants";

@Component({
    templateUrl: "issues-list.component.html",
})
export class IssuesListComponent implements OnInit {

    public columnsToDisplay = COLUMNS

    public pendingIssues: IIssues[];
    public inProgressIssues: IIssues[];
    public resolvedIssues: IIssues[];

    public count: IIssueCount;

    private takeAmount = 10;
    private pendingSkip = 0;
    private inProgressSkip = 0;
    private resolvedSkip = 0;

    constructor(private issueService: IssuesService) { }

    public ngOnInit() {
        this.getPending();
        this.getInProg();
        this.getResolved();
        this.issueService.getIssuesCount().subscribe(x => this.count = x);
    }

    public changePagePending(event: IPagenator) {
        this.pendingSkip = event.first;
        this.getPending();
    }

    public changePageInProg(event: IPagenator) {
        this.inProgressSkip = event.first;
        this.getInProg();
    }

    public changePageResolved(event: IPagenator) {
        this.resolvedSkip = event.first;
        this.getResolved();
    }

    private getPending() {
        this.issueService.getIssuesPage(this.takeAmount, this.pendingSkip, IssueStatus.Pending).subscribe(x => {
            this.pendingIssues = x;
        });
    }

    private getInProg() {
        this.issueService.getIssuesPage(this.takeAmount, this.inProgressSkip, IssueStatus.InProgress).subscribe(x => {
            this.inProgressIssues = x;
        });
    }

    private getResolved() {
        this.issueService.getIssuesPage(this.takeAmount, this.resolvedSkip, IssueStatus.Resolved).subscribe(x => {
            this.resolvedIssues = x;
        });
    }
}