D-Net

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

import {FormBuilder, FormGroup} from '@angular/forms';

import {DynamicDialogConfig, DynamicDialogRef} from 'primeng/dynamicdialog';

@Component({

  selector: 'app-preview-unhandled-data-popup',

  templateUrl: './preview-unhandled-data-popup.component.html',

  styleUrls: ['./preview-unhandled-data-popup.component.scss']

})

export class PreviewUnhandledDataPopupComponent implements OnInit {

  invoiceForm: FormGroup;

  constructor(public ref: DynamicDialogRef,

              public config: DynamicDialogConfig, private fb: FormBuilder,

  ) {

    this.config.header = 'Previewing of Unhandled Data';

    this.config.height = 'auto';

    this.config.width = '50vw';

    this.config.closable = false;

  }

  ngOnInit(): void {

    this.invoiceForm = this.fb.group({

      invoiceNumber: this.fb.control({value:null,disabled:true}),

      invoiceType: this.fb.control({value:null,disabled:true}),

      invoiceIssueDate: this.fb.control({value:null,disabled:true}),

      customerName: this.fb.control({value:null,disabled:true}),

      supplierName: this.fb.control({value:null,disabled:true}),

      totalPriceBeforeVat: this.fb.control({value:null,disabled:true}),

      vatRate: this.fb.control({value:null,disabled:true}),

      totalAmount: this.fb.control({value:null,disabled:true})

    });

    console.log(this.config.data);

    this.invoiceForm.patchValue(this.config.data);

  }

}