x15904151985/iptvnator
1
0 Fork 0
mirror of https://github.com/4gray/iptvnator.git synced 2026-10-11 02:46:16 -08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: convert *ngFor to control-flow @for loops in channel list

Browse Source
This commit is contained in:
4gray committed 2025-09-27 16:31:01 +02:00
1 parent bce4717de6
commit 0e2ba6b138
1 file changed
+34 -31
Download Patch File Download Diff File Expand all files Collapse all files
src/app/player/components/channel-list-container/channel-list-container.component.html
+34 -31
View File
@@ -57,7 +57,10 @@
</ng-template>
<mat-nav-list id="groups-list">
<mat-accordion multi>
@for (groups of groupedChannels | keyvalue: groupsComparator; track $index) {
@for (
groups of groupedChannels | keyvalue: groupsComparator;
track $index
) {
@if (groups.value.length > 0) {
<mat-expansion-panel>
<mat-expansion-panel-header>
@@ -70,13 +73,11 @@
</mat-expansion-panel-header>
<ng-template matExpansionPanelContent>
<ng-container
*ngFor="
let channel of groups.value;
index as i;
trackBy: trackByFn
"
>
@for (
channel of groups.value;
track trackByFn($index, channel);
let i = $index
) {
<app-channel-list-item
[name]="
i +
@@ -92,7 +93,7 @@
selected?.id === channel.id
"
></app-channel-list-item>
</ng-container>
}
</ng-template>
</mat-expansion-panel>
}
@@ -118,28 +119,30 @@
id="favorites-list"
>
@if (favorites.length > 0) {
<app-channel-list-item
*ngFor="
let channel of favorites;
index as i;
trackBy: trackByFn
"
[name]="
i +
1 +
'. ' +
(channel?.name || 'CHANNELS.UNNAMED_CHANNEL'
| translate)
"
[isDraggable]="true"
[logo]="channel?.tvg?.logo"
(clicked)="selectChannel(channel)"
[selected]="selected?.id === channel?.id"
[showFavoriteButton]="true"
(favoriteToggled)="
toggleFavoriteChannel(channel, $event)
"
/>
@for (
channel of favorites;
track trackByFn($index, channel);
let i = $index
) {
<app-channel-list-item
[name]="
i +
1 +
'. ' +
(channel?.name ||
'CHANNELS.UNNAMED_CHANNEL'
| translate)
"
[isDraggable]="true"
[logo]="channel?.tvg?.logo"
(clicked)="selectChannel(channel)"
[selected]="selected?.id === channel?.id"
[showFavoriteButton]="true"
(favoriteToggled)="
toggleFavoriteChannel(channel, $event)
"
/>
}
} @else {
<mat-list-item
><strong>{{