import { Component, OnInit, ViewEncapsulation } from '@angular/core';
declare var requestFullscreen: Function;
declare var exitFullscreen: Function;

@Component({
  selector: 'core-fullscreen',
  templateUrl: './fullscreen.component.html',
  styleUrls: ['./fullscreen.component.css'],
  encapsulation: ViewEncapsulation.None
})
export class FullscreenComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

  isFullScreen: boolean = document.fullscreen;

  fullScreen() {
    requestFullscreen();
    this.isFullScreen = true;
  }

  fullScreenExit() {
    exitFullscreen();
    this.isFullScreen = false;
  }
}