D-Net

import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';

import {FullInvoiceProcess} from '../../../../shared/models/full-invoice-process.interface';

import {ProcessHistory} from '../../../../shared/models/process-history.interface';

import {Observable} from 'rxjs';

import {InvoiceProcessesService} from '../../../../shared/services/invoice-processes.service';

@Component({

  selector: 'app-process-history',

  templateUrl: './process-history.component.html',

  styleUrls: ['./process-history.component.scss']

})

export class ProcessHistoryComponent implements OnInit, OnChanges {

  @Input() process: FullInvoiceProcess;

  processHistoryData: ProcessHistory[];

  first: number = 0;

  rows: number = 10;

  loading = false;

  constructor(private processService: InvoiceProcessesService) {

  }

  ngOnInit(): void {

    if ( Object.keys(this.process).length > 0 ) {

      this.getProcessHistoryData(this.process.id);

    } else {

      this.processHistoryData = [];

    }

  }

  ngOnChanges(changes: SimpleChanges) {

    if ( Object.keys(this.process).length > 0 ) {

      this.getProcessHistoryData(this.process.id);

    }

  }

  getProcessHistoryData(processId: number): void {

    this.processService.getProcessHistory(processId).subscribe(data => {

      this.processHistoryData = data;

    });

  }

  onPagination(event) {

    this.first = event.first;

  }

}