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

Toggle fullscreen when double click/tap on display area

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
README.md
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 * Designed to look like a real police radio scanner
* Incoming calls are queued for lossless listening * Incoming calls are queued for lossless listening
* Temporarily hold a single system or a single talkgroup * 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 * Easily retrieve and replay past calls
* Easy to install and configure * 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 * (TGID :) Talkgroup ID
* (UID :) Unit ID * (UID :) Unit ID
* Call history of the last five calls * Call history of the last five calls
* Double clicking or tapping this area will toggle fullscreen display
* Control area * Control area
* LIVE FEED: When enabled, incoming calls are place in the queue for playback. The queue will be emptied if it is disabled * 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 ### 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") ![Call Search](./docs/images/rdio_scanner_search.png?raw=true "Call Search")

2
client/src/app/components/rdio-scanner/rdio-scanner.component.html
View file

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

27
client/src/app/components/rdio-scanner/rdio-scanner.component.ts
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 { toggleGroup(name: string): void {
const group = this.groups.find((_group) => _group.name === name); const group = this.groups.find((_group) => _group.name === name);