Уведомления

import { ToastModule } from 'primeng/toast';

import { Component, OnInit } from '@angular/core';
import { MessageService } from 'primeng/api';
 
@Component({
  selector: 'app-prime-toast',
  templateUrl: './prime-toast.component.html',
  styleUrls: ['./prime-toast.component.scss'],
  providers: [MessageService]
})
export class PrimeToastComponent implements OnInit {
 
  constructor(private messageService: MessageService) { }
 
  showSuccess() {
    this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
  }
 
  showInfo() {
    this.messageService.add({ severity: 'info', summary: 'Info', detail: 'Message Content' });
  }
 
  showWarn() {
    this.messageService.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content' });
  }
 
  showError() {
    this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Message Content' });
  }
 
  showCustom() {
    this.messageService.add({ severity: 'custom', summary: 'Custom', detail: 'Message Content', icon: 'pi-file' });
  }
 
  showTopLeft() {
    this.messageService.add({ key: 'tl', severity: 'info', summary: 'Info', detail: 'Message Content' });
  }
 
  showTopCenter() {
    this.messageService.add({ key: 'tc', severity: 'warn', summary: 'Warn', detail: 'Message Content' });
  }
 
  showBottomCenter() {
    this.messageService.add({ key: 'bc', severity: 'success', summary: 'Success', detail: 'Message Content' });
  }
 
  showConfirm() {
    this.messageService.clear();
    this.messageService.add({ key: 'c', sticky: true, severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' });
  }
 
  showMultiple() {
    this.messageService.addAll([
      { severity: 'success', summary: 'Message 1', detail: 'Message Content' },
      { severity: 'info', summary: 'Message 2', detail: 'Message Content' },
      { severity: 'warn', summary: 'Message 3', detail: 'Message Content' }
    ]);
  }
 
  showSticky() {
    this.messageService.add({ severity: 'info', summary: 'Sticky', detail: 'Message Content', sticky: true });
  }
 
  onConfirm() {
    this.messageService.clear('c');
  }
 
  onReject() {
    this.messageService.clear('c');
  }
 
  clear() {
    this.messageService.clear();
  }
 
  ngOnInit(): void {
  }
}