web app: Update for V17

Fix Program Guide not working after Angular upgrade.
MythTV · Feb 27, 2025 · b3fdff2 · b3fdff2
1 parent dbdc047
commit b3fdff2
Showing 1 changed file with 23 additions and 21 deletions.
diff --git a/mythtv/html/backend/src/app/guide/guide.component.html b/mythtv/html/backend/src/app/guide/guide.component.html
@@ -108,29 +108,31 @@ <h2>{{ 'dashboard.programguide' | translate }} </h2>
                 [totalRecords]="m_programGuide.ProgramGuide.TotalAvailable">
                 <ng-template pTemplate="header" styleClass="timeHeader">
                 </ng-template>
-                <ng-template let-channelrow let-i="rowIndex" pTemplate="listItem">
+                <ng-template let-channels pTemplate="list">
                     <div class="grid col-12 p-3">
-                        <ng-container *ngIf="( i % 5 ) == 0">
-                            <div class="col-12">
-                                <app-guide-timebar [guide]="this"></app-guide-timebar>
-                            </div>
-                        </ng-container>
-                        <div class="grid flex-grow-1">
-                            <div class="col-1">
-                                <app-guide-channelicon [channel]=channelrow
-                                    [guideComponent]="this"></app-guide-channelicon>
-                            </div>
-                            <div class="col">
-                                <ng-container *ngFor="let program of channelrow.Programs">
-                                    <ng-container
-                                        *ngIf="!timeChange && inDisplayWindow(program.StartTime, program.EndTime)">
-                                        <app-guide-programentry [program]="program"
-                                            [guideStartTime]="m_programGuide.ProgramGuide.StartTime"
-                                            [guideEndTime]="m_programGuide.ProgramGuide.EndTime" [guideComponent]="this"
-                                            [channel]="channelrow">
-                                        </app-guide-programentry>
+                        <div class="col-12" *ngFor="let channelrow of channels; index as i">
+                            <ng-container *ngIf="( i % 5 ) == 0">
+                                <div class="col-12">
+                                    <app-guide-timebar [guide]="this"></app-guide-timebar>
+                                </div>
+                            </ng-container>
+                            <div class="grid flex-grow-1">
+                                <div class="col-1">
+                                    <app-guide-channelicon [channel]=channelrow
+                                        [guideComponent]="this"></app-guide-channelicon>
+                                </div>
+                                <div class="col">
+                                    <ng-container *ngFor="let program of channelrow.Programs">
+                                        <ng-container
+                                            *ngIf="!timeChange && inDisplayWindow(program.StartTime, program.EndTime)">
+                                            <app-guide-programentry [program]="program"
+                                                [guideStartTime]="m_programGuide.ProgramGuide.StartTime"
+                                                [guideEndTime]="m_programGuide.ProgramGuide.EndTime"
+                                                [guideComponent]="this" [channel]="channelrow">
+                                            </app-guide-programentry>
+                                        </ng-container>
                                     </ng-container>
-                                </ng-container>
+                                </div>
                             </div>
                         </div>
                     </div>