import { Component, OnInit } from '@angular/core';
import { MessageService } from '../../services/message.service';
import { Subscription } from 'rxjs';

@Component({
  selector: 'core-alert',
  templateUrl: './alert.component.html',
  styleUrls: ['./alert.component.css']
})
export class AlertComponent implements OnInit {
  private subscription: Subscription;
  message: any;
  constructor(private messageService: MessageService) { }

  ngOnInit() {
    this.subscription = this.messageService.getMessage()
      .subscribe(message => {
        this.message = message;
        setTimeout(() => this.message = null, this.message.duration * 1000);
      });
  }

  clear() {
    this.message = null;
  }

}