D-Net

import { NotificationsHandlingService } from './../../../../shared/services/notifications-handling/notifications-handling.service';

import { environment } from 'src/environments/environment';

import {

  Component,

  ComponentRef,

  ElementRef,

  Input,

  OnInit,

  Output,

  Pipe,

  PipeTransform,

  ViewChild,

  EventEmitter,

  HostListener,

  OnChanges

} from '@angular/core';

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

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

import {DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';

@Component({

  selector: 'app-data-capturing-and-verification',

  templateUrl: './data-capturing-and-verification.component.html',

  styleUrls: ['./data-capturing-and-verification.component.scss']

})

export class DataCapturingAndVerificationComponent implements OnInit {

  private _process: FullInvoiceProcess;

  get process(): FullInvoiceProcess {

    return this._process;

  }

  @Input()

  set process(value: FullInvoiceProcess) {

    this._process = value;

    if (value && value.processStatus.name == "Process Needs Capturing Verification") {

      this.initializer();

    }

  }

  @Output() processCompleted = new EventEmitter();

  @ViewChild('iframe', {static: false})

  iframe: HTMLIFrameElement;

  sanitizeUrl: SafeResourceUrl;

  constructor(private processService: InvoiceProcessesService, public sanitizer: DomSanitizer, public notifications: NotificationsHandlingService) {

  }

  ngOnInit(): void {

  }

  refreshIFrame(): void {

    this.sanitizeUrl = this.sanitizer.bypassSecurityTrustResourceUrl((document.getElementById('theIFrame') as HTMLIFrameElement).src);

  }

  initializer(): void {

    this.processService.getIframe(String(this._process.id)).subscribe(url => {

      this.sanitizeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);

    });

  }

  @HostListener('window:message', ['$event'])

  onMessage(event): void {

    const result = event && event.data ? JSON.parse(event.data) : null;

    if (result && result.eventName === 'FC_Verification_TaskClosed'){

      this.updateVerificationCompleted();

      this.sanitizeUrl = null;

    }

  }

  private updateVerificationCompleted(): void {

    this.processService.updateVerificationCompletedForProcess(this.process.id).subscribe(() => {

      this.notifications.showVerificationCompletedSuccess();

      this.processCompleted.emit(this.process.id);

    });

  }

}