Archive/rdio-scanner
1
0
Fork 0
mirror of https://github.com/chuot/rdio-scanner.git synced 2026-08-13 16:33:01 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fullscreen request on component instead of document

Browse source
This commit is contained in:
Chrystian Huot 2020-01-30 08:43:44 -05:00
parent 56d3fbe0c8
commit 123a104cd1
1 changed files with 24 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
client/src/app/components/rdio-scanner/rdio-scanner.component.ts
View file

@ -131,6 +131,7 @@ export class AppRdioScannerComponent implements OnDestroy, OnInit {
private appRdioScannerConfigQuery: AppRdioScannerConfigQueryService, private appRdioScannerConfigQuery: AppRdioScannerConfigQueryService,
private appRdioScannerSystemsQuery: AppRdioScannerSystemsQueryService, private appRdioScannerSystemsQuery: AppRdioScannerSystemsQueryService,
private appRdioScannerSystemsSubscription: AppRdioScannerSystemsSubscriptionService, private appRdioScannerSystemsSubscription: AppRdioScannerSystemsSubscriptionService,
private ngElementRef: ElementRef,
private ngFormBuilder: FormBuilder, private ngFormBuilder: FormBuilder,
private ngZone: NgZone, private ngZone: NgZone,
) { } ) { }
@ -457,28 +458,33 @@ export class AppRdioScannerComponent implements OnDestroy, OnInit {
} }
toggleFullscreen(): void { toggleFullscreen(): void {
if (document.fullscreenElement) { if (document.fullscreenElement) {
if (document.exitFullscreen) { const el: any = document;
document.exitFullscreen();
} else if ((document as any).mozCancelFullScreen) { if (el.exitFullscreen) {
(document as any).mozCancelFullScreen(); el.exitFullscreen();
} else if ((document as any).msExitFullscreen) { } else if (el.mozCancelFullScreen) {
(document as any).msExitFullscreen(); el.mozCancelFullScreen();
} else if ((document as any).mozCancelFullScreen) { } else if (el.msExitFullscreen) {
(document as any).mozCancelFullScreen(); el.msExitFullscreen();
} else if ((document as any).webkitExitFullscreen) { } else if (el.mozCancelFullScreen) {
(document as any).webkitExitFullscreen(); el.mozCancelFullScreen();
} else if (el.webkitExitFullscreen) {
el.webkitExitFullscreen();
} }
} else { } else {
if (document.documentElement.requestFullscreen) { const el = this.ngElementRef.nativeElement;
document.documentElement.requestFullscreen();
} else if ((document.documentElement as any).mozRequestFullScreen) { if (el.requestFullscreen) {
(document.documentElement as any).mozRequestFullscreen(); el.requestFullscreen();
} else if ((document.documentElement as any).msRequestFullscreen) { } else if (el.mozRequestFullScreen) {
(document.documentElement as any).msRequestFullscreen(); el.mozRequestFullscreen();
} else if ((document.documentElement as any).webkitRequestFullscreen) { } else if (el.msRequestFullscreen) {
(document.documentElement as any).webkitRequestFullscreen(); el.msRequestFullscreen();
} else if (el.webkitRequestFullscreen) {
el.webkitRequestFullscreen();
} }
} }
} }