D-Net

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';

import { Router } from '@angular/router';

import { LazyLoadEvent } from 'primeng/api';

import { ProcessesPerClient } from './../../../shared/models/dashboard-section.interface';

import { Page } from './../../../shared/models/paging/page.interface';

import { DocumentClassification } from './../../../shared/models/document-classification.interface';

import { DashboardSection } from './../../../shared/models/dashboard-section.interface';

@Component({

  selector: 'app-dashboard-processes-per-client',

  templateUrl: './dashboard-processes-per-client.component.html',

  styleUrls: ['./dashboard-processes-per-client.component.scss']

})

export class DashboardProcessesPerClientComponent implements OnInit {

  numOfClientsPresentedList: number[] = [3, 5, 10];

  // Inputs

  @Input() section: DashboardSection;

  @Input() documentClassifications: DocumentClassification[];

  // Outputs

  @Output() paginationEvent = new EventEmitter<{ sectionType: string, sectionPage: number, sectionOffset: number }>();

  @Output() onTotalElementsChanged = new EventEmitter<number>();

  constructor(private router: Router) { }

  ngOnInit(): void {

  }  

  totalElementsChanged(val) {

    this.onTotalElementsChanged.emit(val);

  }

  onLazyLoad(event: LazyLoadEvent) {

    let pageToRequest = Math.floor(event.first / event.rows);

    let pageSize = event.rows;

    this.paginationEvent.emit({ sectionType: this.section.type, sectionPage: pageToRequest, sectionOffset: pageSize });

  }

  preview(client) {

    if (this.documentClassifications?.length) {

      const classificationId = this.documentClassifications.find(dc => dc.classificationName === this.section.type).classificationId;

      this.router.navigate(['/pages/processes', { clientId: client.clientId, type: classificationId }]);

    }

  }

}