-
Notifications
You must be signed in to change notification settings - Fork 341
/
guide.component.html
33 lines (33 loc) · 1.48 KB
/
guide.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div *ngIf="(m_guideData$ | async)?.ProgramGuide as pg; else loading">
<p-dataView [value]="pg.Channels" [totalRecords]="pg.TotalAvailable">
<ng-template pTemplate="header" styleClass="timeHeader">
<div class="col-12">
Time Selector goes here
</div>
</ng-template>
<ng-template let-channelrow let-i="rowIndex" pTemplate="listItem">
<ng-container *ngIf="( i % 5 ) == 0">
<div class="col-12 p-3">
<app-guide-timebar [startTime]="pg.StartTime"></app-guide-timebar>
</div>
</ng-container>
<div class="grid col-12 p-3">
<div class="col-1">
<app-guide-channelicon [channel]=channelrow></app-guide-channelicon>
</div>
<div class="col">
<ng-container *ngFor="let program of channelrow.Programs">
<div *ngIf="inDisplayWindow(program.StartTime, pg.EndTime)">
<app-guide-programentry [program]="program"
[guideStartTime]="pg.StartTime" [guideEndTime]="pg.EndTime">
</app-guide-programentry>
</div>
</ng-container>
</div>
</div>
</ng-template>
</p-dataView>
</div>
<ng-template #loading>
<p-progressSpinner [style]="{width: '30px', height: '30px'}"></p-progressSpinner>
</ng-template>