From b9e75a16d2ffc4b92fc99b3b122b0195909addf0 Mon Sep 17 00:00:00 2001
From: 4gray <4gray@users.noreply.github.com>
Date: Wed, 22 Feb 2023 15:17:33 +0100
Subject: [PATCH] refactor: resolve some issues after refactoring

---
 .../components/video-player/sidebar/sidebar.component.ts       | 2 +-
 .../components/video-player/toolbar/toolbar.component.html     | 2 +-
 .../components/video-player/toolbar/toolbar.component.ts       | 1 +
 .../player/components/video-player/video-player.component.html | 3 ++-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/player/components/video-player/sidebar/sidebar.component.ts b/src/app/player/components/video-player/sidebar/sidebar.component.ts
index 3b8801d28..e56e4aef5 100644
--- a/src/app/player/components/video-player/sidebar/sidebar.component.ts
+++ b/src/app/player/components/video-player/sidebar/sidebar.component.ts
@@ -21,7 +21,7 @@ export class SidebarComponent {
     sidebarView: SidebarView = 'CHANNELS';
 
     constructor(
-        private dataService: DataService,
+        public dataService: DataService,
         private router: Router,
         private store: Store
     ) {}
diff --git a/src/app/player/components/video-player/toolbar/toolbar.component.html b/src/app/player/components/video-player/toolbar/toolbar.component.html
index 89fdb0bb5..fd49bf124 100644
--- a/src/app/player/components/video-player/toolbar/toolbar.component.html
+++ b/src/app/player/components/video-player/toolbar/toolbar.component.html
@@ -25,7 +25,7 @@
     <button
         *ngIf="isEpgAvailable$ | async"
         mat-icon-button
-        (click)="openMultiEpgView()"
+        (click)="multiEpgClicked.emit()"
         [matTooltip]="'TOP_MENU.OPEN_MULTI_EPG' | translate"
     >
         <mat-icon>view_list</mat-icon>
diff --git a/src/app/player/components/video-player/toolbar/toolbar.component.ts b/src/app/player/components/video-player/toolbar/toolbar.component.ts
index 5b83bfdee..d17f63857 100644
--- a/src/app/player/components/video-player/toolbar/toolbar.component.ts
+++ b/src/app/player/components/video-player/toolbar/toolbar.component.ts
@@ -17,6 +17,7 @@ import {
 })
 export class ToolbarComponent {
     @Input() activeChannel!: Channel;
+    @Output() multiEpgClicked = new EventEmitter<void>();
     @Output() toggleLeftDrawerClicked = new EventEmitter<void>();
     @Output() toggleRightDrawerClicked = new EventEmitter<void>();
 
diff --git a/src/app/player/components/video-player/video-player.component.html b/src/app/player/components/video-player/video-player.component.html
index 34fb32b89..92a789537 100644
--- a/src/app/player/components/video-player/video-player.component.html
+++ b/src/app/player/components/video-player/video-player.component.html
@@ -8,7 +8,8 @@
     <mat-drawer-content>
         <ng-container *ngIf="activeChannel$ | async as activeChannel">
             <!-- toolbar with drawer icon -->
-            <app-toolbar (toggleLeftDrawerClicked)="drawer.toggle()" (toggleRightDrawerClicked)="drawerRight.toggle()" [activeChannel]="activeChannel" />
+            <app-toolbar (toggleLeftDrawerClicked)="drawer.toggle()" (toggleRightDrawerClicked)="drawerRight.toggle()" 
+            (multiEpgClicked)="openMultiEpgView()" [activeChannel]="activeChannel" />
 
             <!-- video.js player -->
             <app-vjs-player