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

refactor: improvements in favorites list

Browse Source
This commit is contained in:
4gray committed 2020-11-28 23:59:13 +01:00
1 parent ba81cbe022
commit ec4007a39c
1 file changed
+29 -20
Download Patch File Download Diff File Expand all files Collapse all files
src/app/channel-list-container/channel-list-container.component.html
+29 -20
View File
@@ -77,27 +77,36 @@
*ngIf="favorites$ | async as favorites"
id="favorites-list"
>
<mat-list-item
*ngFor="
let channel of favorites | filterBy: searchTerm;
index as i
"
[class.active]="selected?.id === channel.id"
(click)="selectChannel(channel)"
>
<p matLine>
{{ i + 1 + '. ' + channel?.name || 'Unnamed Channel' }}
</p>
<button
mat-icon-button
color="primary"
matTooltip="Remove from favorites"
(click)="toggleFavoriteChannel(channel, $event)"
<ng-container *ngIf="favorites.length > 0; else noFavorites">
<mat-list-item
*ngFor="
let channel of favorites | filterBy: searchTerm;
index as i
"
[class.active]="selected?.id === channel.id"
(click)="selectChannel(channel)"
>
<mat-icon>star</mat-icon>
</button>
<mat-divider></mat-divider>
</mat-list-item>
<p matLine>
{{ i + 1 + '. ' + channel?.name || 'Unnamed Channel' }}
</p>
<button
mat-icon-button
color="primary"
matTooltip="Remove from favorites"
(click)="toggleFavoriteChannel(channel, $event)"
>
<mat-icon>star</mat-icon>
</button>
<mat-divider></mat-divider>
</mat-list-item>
</ng-container>
<ng-template #noFavorites>
<mat-list-item><strong>No favorites yet</strong></mat-list-item>
<mat-list-item>
Please use the "star" icon to add channels to this
list.</mat-list-item
>
</ng-template>
</mat-nav-list>
</mat-tab>
</mat-tab-group>