import { Component, OnInit } from '@angular/core';
import { ucapAnimations, StatusBarService } from '@ucap-webmessenger/ui';
import { environment } from '../../../../environments/environment';

@Component({
  selector: 'app-layout-messenger-intro',
  templateUrl: './intro.component.html',
  styleUrls: ['./intro.component.scss'],
  animations: ucapAnimations
})
export class IntroComponent implements OnInit {
  constructor(private statusBarService: StatusBarService) {}

  ngOnInit() {}

  getTitle() {
    return !!environment && !!environment.title
      ? environment.title
      : 'UCapMessenger';
  }

  private toggle = false;
  onClickStatusBar() {
    if (!this.toggle) {
      this.statusBarService.open();
    } else {
      this.statusBarService.dismiss();
    }
    this.toggle = !this.toggle;
  }
}