refactor: resolve some issues after refactoring

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
     ) {}

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>

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>();
 

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