Подтверждающее диалоговое окно

import { ConfirmDialogModule } from 'primeng/confirmdialog';

import { Component, OnInit } from '@angular/core';
import { ConfirmationService } from 'primeng/api';
import { Message } from 'primeng/api';
import { PrimeNGConfig } from 'primeng/api';
import { MessageService} from 'primeng/api';
 
@Component({
  selector: 'app-prime-confirmdialog',
  templateUrl: './prime-confirmdialog.component.html',
  styleUrls: ['./prime-confirmdialog.component.scss'],
  providers: [ConfirmationService, MessageService]
})
export class PrimeConfirmdialogComponent implements OnInit {
 
  msgs: Message[] = [];
  position = '';
 
  constructor(private confirmationService: ConfirmationService, private primengConfig: PrimeNGConfig, private messageService: MessageService) { }
 
  ngOnInit(): void {
    this.primengConfig.ripple = true;
  }
 
  confirm1() {
    this.confirmationService.confirm({
      message: 'Are you sure that you want to proceed?',
      header: 'Confirmation',
      icon: 'pi pi-exclamation-triangle',
      accept: () => {
        this.msgs = [{ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' }];
      },
      reject: () => {
        this.msgs = [{ severity: 'info', summary: 'Rejected', detail: 'You have rejected' }];
      }
    });
  }
 
  confirm2() {
    this.confirmationService.confirm({
      message: 'Do you want to delete this record?',
      header: 'Delete Confirmation',
      icon: 'pi pi-info-circle',
      accept: () => {
        this.msgs = [{ severity: 'info', summary: 'Confirmed', detail: 'Record deleted' }];
      },
      reject: () => {
        this.msgs = [{ severity: 'info', summary: 'Rejected', detail: 'You have rejected' }];
      }
    });
  }
 
  confirmPosition(position: string) {
    this.position = position;
 
    this.confirmationService.confirm({
      message: 'Do you want to delete this record?',
      header: 'Delete Confirmation',
      icon: 'pi pi-info-circle',
      accept: () => {
        this.msgs = [{ severity: 'info', summary: 'Confirmed', detail: 'Record deleted' }];
      },
      reject: () => {
        this.msgs = [{ severity: 'info', summary: 'Rejected', detail: 'You have rejected' }];
      },
      key: 'positionDialog'
    });
  }
 
}