Toggle fullscreen when double click/tap on display area

This commit is contained in:
Chrystian Huot 2020-01-09 09:07:47 -05:00
parent e36e510ecd
commit 98261dd88e
3 changed files with 31 additions and 3 deletions

View file

@ -23,7 +23,7 @@ For those of you who are already running a previous version of *Rdio Scanner*, t
* Designed to look like a real police radio scanner
* Incoming calls are queued for lossless listening
* Temporarily hold a single system or a single talkgroup
* Select the newsgroups you want to listen to in live streaming mode
* Select the talkgroups you want to listen to in live streaming mode
* Easily retrieve and replay past calls
* Easy to install and configure
@ -53,6 +53,7 @@ Here's where incoming calls are displayed, as long as *LIVE FEED* is enabled.
* (TGID :) Talkgroup ID
* (UID :) Unit ID
* Call history of the last five calls
* Double clicking or tapping this area will toggle fullscreen display
* Control area
* LIVE FEED: When enabled, incoming calls are place in the queue for playback. The queue will be emptied if it is disabled
@ -77,7 +78,7 @@ Enabled talkgroup calls will be queued for listening.
### Search call screen
This screen allows you to browse past calls. You can filter the list by date, system and newsgroup.
This screen allows you to browse past calls. You can filter the list by date, system and talkgroups.
![Call Search](./docs/images/rdio_scanner_search.png?raw=true "Call Search")

View file

@ -192,7 +192,7 @@
<div class="rdio-status" fxLayout="row" fxLayoutAlign="end">
<span class="rdio-led" [ngClass]="{ off: !call, on: call, paused: call && livefeedPaused }"></span>
</div>
<div class="rdio-display">
<div class="rdio-display" (dblclick)="toggleFullscreen()">
<div fxLayout="row" fxLayoutAlign="space-between">
<div>
<span>

View file

@ -437,6 +437,33 @@ export class AppRdioScannerComponent implements OnDestroy, OnInit {
}
}
toggleFullscreen(): void {
if (document.fullscreenElement) {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if ((document as any).mozCancelFullScreen) {
(document as any).mozCancelFullScreen();
} else if ((document as any).msExitFullscreen) {
(document as any).msExitFullscreen();
} else if ((document as any).mozCancelFullScreen) {
(document as any).mozCancelFullScreen();
} else if ((document as any).webkitExitFullscreen) {
(document as any).webkitExitFullscreen();
}
} else {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if ((document.documentElement as any).mozRequestFullScreen) {
(document.documentElement as any).mozRequestFullscreen();
} else if ((document.documentElement as any).msRequestFullscreen) {
(document.documentElement as any).msRequestFullscreen();
} else if ((document.documentElement as any).webkitRequestFullscreen) {
(document.documentElement as any).webkitRequestFullscreen();
}
}
}
toggleGroup(name: string): void {
const group = this.groups.find((_group) => _group.name === name);