31 lines
785 B
TypeScript
31 lines
785 B
TypeScript
import { Component, OnDestroy, OnInit } from "@angular/core";
|
|
import * as screenfull from 'screenfull';
|
|
|
|
@Component({
|
|
selector: "my-fullscreen-button",
|
|
templateUrl: "fullscreen-button.component.html",
|
|
styleUrls: ["fullscreen-button.component.scss"],
|
|
})
|
|
export class FullscreenButtonComponent implements OnDestroy, OnInit {
|
|
|
|
public isFullscreen = false;
|
|
|
|
private listener = null;
|
|
|
|
constructor() {
|
|
// Do stuff
|
|
}
|
|
|
|
public ngOnInit(): void {
|
|
this.listener = screenfull.on('change', () => {
|
|
this.isFullscreen = screenfull.isFullscreen;
|
|
});
|
|
this.isFullscreen = screenfull.isFullscreen;
|
|
}
|
|
|
|
public ngOnDestroy(): void {
|
|
if (this.listener) {
|
|
screenfull.off(this.listener);
|
|
}
|
|
}
|
|
}
|