diff --git a/apps/web/src/app/home/video-player/video-player.component.html b/apps/web/src/app/home/video-player/video-player.component.html index a6880df8b..e3d6d3c95 100644 --- a/apps/web/src/app/home/video-player/video-player.component.html +++ b/apps/web/src/app/home/video-player/video-player.component.html @@ -16,7 +16,9 @@ (toggleLeftDrawerClicked)="drawer.toggle()" (toggleRightDrawerClicked)="drawerRight.toggle()" (multiEpgClicked)="openMultiEpgView()" + (infoOverlayClicked)="toggleInfoOverlay()" [activeChannel]="activeChannel" + [isLeftDrawerOpened]="drawer.opened" (settingsClicked)="openSettings()" /> @if (activeChannel.radio === 'true') { diff --git a/apps/web/src/assets/i18n/en.json b/apps/web/src/assets/i18n/en.json index dd3c0e9fb..061a5513b 100644 --- a/apps/web/src/assets/i18n/en.json +++ b/apps/web/src/assets/i18n/en.json @@ -198,7 +198,8 @@ "OPEN_CHANNELS_LIST": "Open channel list", "TOGGLE_FAVORITE_FLAG": "Toggle favorite flag", "OPEN_EPG_LIST": "Open EPG list", - "OPEN_MULTI_EPG": "Open Multi-EPG view" + "OPEN_MULTI_EPG": "Open Multi-EPG view", + "SHOW_INFO": "Show program info (Press I)" }, "EPG": { "TITLE": "Electronic Program Guide", diff --git a/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts b/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts index abf7f4b6f..838af02c4 100644 --- a/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts +++ b/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts @@ -80,4 +80,23 @@ export class InfoOverlayComponent implements OnChanges { .duration(this.stop.diff(timeNow)) .asMilliseconds(); } + + /** + * Manually shows the overlay (triggered by user action like 'I' key or info button) + * Toggles visibility if already shown, or shows for 10 seconds if hidden + */ + showOverlay(): void { + if (this.isVisible) { + // If already visible, hide it (toggle behavior) + clearTimeout(this.currentTimeout); + this.isVisible = false; + } else { + // Show overlay for 10 seconds + clearTimeout(this.currentTimeout); + this.isVisible = true; + this.currentTimeout = setTimeout(() => { + this.isVisible = false; + }, 10000); + } + } } diff --git a/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html b/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html index 98fd2f5ba..8b14a972a 100644 --- a/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html +++ b/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html @@ -5,7 +5,7 @@ [matTooltip]="'TOP_MENU.OPEN_CHANNELS_LIST' | translate" class="sidenav-toggle-button" > - menu + {{ isLeftDrawerOpened ? 'menu' : 'menu_open' }} @if ((playlistId$ | async) !== 'GLOBAL_FAVORITES') { } + {{ activeChannel?.name }}