matrix-dimension/web/app/elements/fullscreen-button/fullscreen-button.component.ts
2017-12-22 21:11:27 -07:00

32 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);
}
}
}