D-Net

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

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

import { DialogService } from 'primeng/dynamicdialog';

import {ConfirmationService, LazyLoadEvent} from 'primeng/api';

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

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

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

import { Table } from 'primeng/table';

import { InvoiceProcessCriteriaInterface } from 'src/app/shared/models/invoice-process-search-criteria.interface';

import {AuthService} from '../../../../shared/services/auth.service';

import {FileViewerPopupComponent} from '../../../inbox/inbox-management/inbox-dialogs/file-viewer-popup/file-viewer-popup.component';

import {TranslateService} from '@ngx-translate/core';

import { SearchListStateService } from 'src/app/shared/back-button/search-list-state.service';

import { InvoiceProcessManagementComponent } from '../invoice-process-management.component';

@Component({

  selector: 'app-invoice-process-table',

  templateUrl: './invoice-process-table.component.html',

  styleUrls: ['./invoice-process-table.component.scss']

})

export class InvoiceProcessTableComponent implements OnInit, OnChanges {

  constructor(public dialogService: DialogService, private invoiceProcessService: InvoiceProcessesService,

              private router: Router, public auth: AuthService,

              private confirmationService: ConfirmationService,

              private translate: TranslateService,

              private searchListState: SearchListStateService) {

  }

  @Output() documentRequestOutput = new EventEmitter<InvoiceProcessCriteriaInterface>();

  @Input() documentRequest: InvoiceProcessCriteriaInterface;

  @ViewChild('pTable') pTable: Table;

  invoices = [];

  totalRecords: any;

  rows = 10;

  loading: any = true;

  lastPageVisit : number = 0;

  ngOnInit(): void {

    if (this.searchListState?.getLastPageVisit() == this.searchListState?.getPage()) {

      if (Object.keys(this.searchListState.getState()).length > 0) {

        this.documentRequestOutput.emit(this.searchListState.getState());

        this.documentRequest = this.searchListState.getState();

    }

      this.loadProcesses(this.searchListState.getEvent());

    }

  }

  ngOnChanges(changes: SimpleChanges): void {

    if (this.documentRequest && this.searchListState?.getLastPageVisit() != this.searchListState?.getPage()) {

      this.loadProcesses(null);

    }

  }

  ngAfterContentChecked(): void {

    if(this.pTable && this.searchListState.getLastPageVisit() == this.searchListState.getPage()){

      this.pTable.first = this.searchListState.getLastPageVisit() * 10;

      this.pTable.firstChange.emit(this.pTable.first);

    }

  }

  processingRedirect(document: InvoiceProcess): void {

    this.router.navigate(['/pages/processes/' + document.id]);

    console.log(this.pTable.first);

    this.searchListState.setLastPageVisit(this.lastPageVisit);

    this.searchListState.setPage(this.lastPageVisit);

    this.searchListState.setState(this.documentRequest);

  }

  onAssignClick(process: InvoiceProcess): void {

    this.confirmationService.confirm({

      message: this.translate.instant('ASSIGN-PROCESS-MESSAGE'),

      header: this.translate.instant('ASSIGN-PROCESS-CONFIRMATION'),

      accept: () => {

        this.assignToMe(process);

      }, reject: () => {

      }

    });

  }

  onUnassignClick(process: InvoiceProcess): void {

    this.confirmationService.confirm({

      message: this.translate.instant('UNASSIGN-PROCESS-MESSAGE'),

      header: this.translate.instant('UNASSIGN-PROCESS-CONFIRMATION'),

      accept: () => {

        this.unassignFromMe(process);

      }, reject: () => {

      }

    });

  }

  assignToMe(process: InvoiceProcess): void {

    this.invoiceProcessService.assignProcess(process.id, this.auth.userDetails.name).subscribe(result => {

      this.invoices.forEach((invoice, index) => {

        if (invoice.id === process.id) {

          this.invoices[index].userId = this.auth.userDetails.name;

        }

      });

    });

  }

  unassignFromMe(process: InvoiceProcess): void {

    this.invoiceProcessService.unassignProcess(process.id).subscribe(result => {

      this.invoices.forEach((invoice, index) => {

        if (invoice.id === process.id) {

          this.invoices[index].userId = null;

        }

      });

    });

  }

  showOrDownloadFile(document: any) {

    this.dialogService.open(FileViewerPopupComponent, {data: document});

  }

  loadProcesses(event: LazyLoadEvent): void {

    if(event && this.documentRequest){

    this.loading = true;

    this.invoiceProcessService.searchByCriteriaPaged(

      event.first / event.rows,

      event.rows,

      this.documentRequest,

      'search')

      .subscribe(x => {

        console.log(x);

        this.lastPageVisit = event.first / event.rows;

        this.searchListState.setEvent(event);

        this.setTableDataFromPage(x);

      });

  }else if(event == null && this.documentRequest){

    this.loading = true;

    this.invoiceProcessService.searchByCriteriaPaged(

      0,

      10,

      this.documentRequest,

      'search')

      .subscribe(x => {

        console.log(x);

        this.lastPageVisit = 0;

        this.searchListState.setEvent(null);

        this.setTableDataFromPage(x);

      });

  }}

  setTableDataFromPage(pageInvoiceProcess: Page<InvoiceProcess>): void {

    this.invoices = [];

    pageInvoiceProcess?.data?.forEach(process => {

      process.filesPerProcess.forEach(file => {

        const invoice = {

          receivedFile: null,

          id: null,

          documentClassificationId: null,

          processCreationDatetime: null,

          processStatus: null,

          userId: null,

        };

        invoice.receivedFile = file.receivedFile;

        invoice.id = process.id;

        invoice.documentClassificationId = process.documentClassificationId;

        invoice.processCreationDatetime = process.processCreationDatetime;

        invoice.processStatus = process.processStatus;

        invoice.userId = process.userId;

        this.invoices.push(invoice);

      });

    });

    this.totalRecords = pageInvoiceProcess.totalElements;

    this.loading = false;

  }

}