All files / src/app app.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
1x
 
1x
 
 
 
 
 
 
 
1x
 
 
 
 
7x
 
 
 
 
 
 
7x
7x
 
7x
 
 
6x
 
 
 
3x
3x
 
 
 
 
 
 
3x
1x
 
 
3x
 
 
 
import { Component, OnInit } from '@angular/core';
 
import { FlashMessagesService, IFlashMessageOptions } from '../flash-messages/flash-messages.service';
 
@Component({
  // tslint:disable-next-line
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  messageText: string;
  messageClass: string;
  messageTimeout: number;
 
  readonly classList: string[] = [
    'alert-success',
    'alert-info',
    'alert-warning',
    'alert-danger',
  ];
 
  readonly defaultMessage = 'Flash message!';
  readonly defaultClass = 'alert-success';
 
  constructor(private flashMessages: FlashMessagesService) { }
 
  ngOnInit() {
    this.messageClass = this.classList[0];
  }
 
  createFlashMessage() {
    const message = this.messageText || this.defaultMessage;
    const options: IFlashMessageOptions = {
      classes: [
        'alert',
        this.messageClass || this.defaultClass,
      ],
    };
 
    if (this.messageTimeout) {
      options.timeout = this.messageTimeout;
    }
 
    this.flashMessages.show(message, options);
  }
}