ngx-editor-plus/src/app/ngx-editor/common/services/message.service.ts

WYSIWYG Editor for Angular Applications

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs/Subject';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

const FIVE_SECONDS = 5000;

@Injectable()
export class MessageService {

  private message: Subject<string> = new Subject();

  constructor() { }

  getMessage(): Observable<string> {
    return this.message.asObservable();
  }

  /**
   * sends message to the editor
   *
   * @param message message to be sent
   */
  sendMessage(message: string): void {
    this.message.next(message);
    this.clearMessageIn(FIVE_SECONDS);
    return;
  }

  /**
   * a short interval to clear message
   *
   * @param milliseconds time in seconds in which the message has to be cleared
   */
  private clearMessageIn(milliseconds: number): void {
    setTimeout(() => {
      this.message.next(undefined);
    }, milliseconds);
    return;
  }

}