From b8a13d62efbe267a997d5e1a120ad5fecf102707 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sat, 6 Feb 2021 19:31:10 +0100
Subject: [PATCH] refactor: some improvements in epg-list cmp

---
 .../epg-list/epg-list.component.html          |  3 +++
 .../epg-list/epg-list.component.scss          |  1 -
 .../epg-list/epg-list.component.spec.ts       | 19 +++++++++++++++++--
 .../components/epg-list/epg-list.component.ts | 11 ++++++-----
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/app/player/components/epg-list/epg-list.component.html b/src/app/player/components/epg-list/epg-list.component.html
index a401b9524..df3570557 100644
--- a/src/app/player/components/epg-list/epg-list.component.html
+++ b/src/app/player/components/epg-list/epg-list.component.html
@@ -65,6 +65,9 @@
                         item.start > timeshiftUntil
                     )
                 "
+                [disabled]="
+                    item.start < timeshiftUntil || item.start >= timeNow
+                "
             >
                 <div matLine>
                     <span class="time"
diff --git a/src/app/player/components/epg-list/epg-list.component.scss b/src/app/player/components/epg-list/epg-list.component.scss
index aba256211..f3772a324 100644
--- a/src/app/player/components/epg-list/epg-list.component.scss
+++ b/src/app/player/components/epg-list/epg-list.component.scss
@@ -11,7 +11,6 @@
 
 .active {
     border-bottom: 1px dashed #666;
-    background: linear-gradient(to top, #d2d2d2 0%, #d6d6d6 20%, rgba(255, 255, 255, 0) 100%)
 }
 
 .time {
diff --git a/src/app/player/components/epg-list/epg-list.component.spec.ts b/src/app/player/components/epg-list/epg-list.component.spec.ts
index 7d241d25e..8f1a2721a 100644
--- a/src/app/player/components/epg-list/epg-list.component.spec.ts
+++ b/src/app/player/components/epg-list/epg-list.component.spec.ts
@@ -7,7 +7,7 @@ import { ElectronService } from '../../../services/electron.service';
 import { ElectronServiceStub } from '../../../home/home.component.spec';
 import * as moment from 'moment';
 import { EPG_GET_PROGRAM_DONE } from '../../../shared/ipc-commands';
-import { ChannelStore } from '../../../state';
+import { Channel, ChannelStore } from '../../../state';
 import { MomentDatePipe } from '../../../shared/pipes/moment-date.pipe';
 import { MatIconModule } from '@angular/material/icon';
 
@@ -73,6 +73,10 @@ describe('EpgListComponent', () => {
                     'http://imageswoapi.whatsonindia.com/WhatsOnTV/images/ProgramImages/xlarge/38B4DE4E9A7132257749051B6C8B4F699DB264F4V.jpg',
                 ],
                 audio: [],
+                _attributes: {
+                    start: moment(Date.now()).format('YYYYMMDD'),
+                    stop: moment(Date.now()).format('YYYYMMDD'),
+                },
             },
         ],
     };
@@ -92,6 +96,15 @@ describe('EpgListComponent', () => {
         component = fixture.componentInstance;
         electronService = TestBed.inject(ElectronService);
         channelStore = TestBed.inject(ChannelStore);
+        channelStore.setActiveChannel(({
+            id: '',
+            url: '',
+            name: '',
+            group: { title: '' },
+            tvg: {
+                rec: '3',
+            },
+        } as unknown) as Channel);
         fixture.detectChanges();
     });
 
@@ -131,7 +144,7 @@ describe('EpgListComponent', () => {
 
     it('should set epg program as active', () => {
         spyOn(channelStore, 'setActiveEpgProgram');
-        component.setEpgProgram(MOCKED_PROGRAMS.items[0], false);
+        component.setEpgProgram(MOCKED_PROGRAMS.items[0], false, true);
         expect(channelStore.setActiveEpgProgram).toHaveBeenCalledTimes(1);
         expect(channelStore.setActiveEpgProgram).toHaveBeenCalledWith(
             MOCKED_PROGRAMS.items[0]
@@ -142,5 +155,7 @@ describe('EpgListComponent', () => {
         spyOn(channelStore, 'resetActiveEpgProgram');
         component.setEpgProgram(MOCKED_PROGRAMS.items[0], true);
         expect(channelStore.resetActiveEpgProgram).toHaveBeenCalledTimes(1);
+        component.setEpgProgram(MOCKED_PROGRAMS.items[0], true, true);
+        expect(channelStore.resetActiveEpgProgram).toHaveBeenCalledTimes(2);
     });
 });
diff --git a/src/app/player/components/epg-list/epg-list.component.ts b/src/app/player/components/epg-list/epg-list.component.ts
index 3f26bbeeb..f5282266e 100644
--- a/src/app/player/components/epg-list/epg-list.component.ts
+++ b/src/app/player/components/epg-list/epg-list.component.ts
@@ -163,11 +163,12 @@ export class EpgListComponent {
         isLive?: boolean,
         timeshift?: boolean
     ): void {
-        console.log(timeshift);
-        if (!timeshift) return;
-        isLive
-            ? this.channelStore.resetActiveEpgProgram()
-            : this.channelStore.setActiveEpgProgram(program);
+        if (isLive) {
+            this.channelStore.resetActiveEpgProgram();
+        } else {
+            if (!timeshift) return;
+            this.channelStore.setActiveEpgProgram(program);
+        }
         this.playingNow = program;
     }