iptvnator/apps/web/src/app/xtream/xtream-main-container.component.html

<app-navigation-bar
    [breadcrumbs]="breadcrumbs"
    [contentType]="selectedContentType"
    [showCategories]="currentLayout !== 'error-view'"
    (breadcrumbClicked)="breadcrumbClicked($event)"
    (contentTypeChanged)="changeContentType($event)"
    (searchTextChanged)="setSearchPhrase($event)"
    (favoritesClicked)="favoritesClicked()"
    [searchVisible]="
        currentLayout === 'category' || currentLayout === 'category_content'
    "
    [sortVisible]="currentLayout === 'category_content'"
    [favoriteVisible]="
        currentLayout === 'category_content' ||
        currentLayout === 'live-stream-favorites'
    "
    [contentTypeNavigationItems]="navigationContentTypes"
    [activeLiveStream]="activeLiveStream"
    [favoritesLiveStream$]="favoritesLiveStream$"
    (addToFavoritesClicked)="addToFavorites($event)"
    (removeFromFavoritesClicked)="removeFromFavorites($event)"
/>

@if (isLoading) {
    <mat-spinner />
} @else {
    @switch (currentLayout) {
        @case ('error-view') {
            <app-playlist-error-view
                [title]="this.errorViewInfo.title | translate"
                [description]="this.errorViewInfo.message | translate"
            />
        }
        @case ('category') {
            <app-category-view
                (categoryClicked)="categoryClicked($event)"
                [items]="items"
            />
        }
        @case ('category_content') {
            @if (selectedContentType === 'itv') {
                <app-live-stream-layout
                    [channels]="items"
                    [player]="player"
                    [streamUrl]="streamUrl"
                    [epgItems]="epgItems"
                    [activeLiveStream]="activeLiveStream"
                    (itemClicked)="itemClicked($event)"
                />
            } @else {
                <app-category-content-view
                    [items]="items"
                    (itemClicked)="itemClicked($event)"
                />
            }
        }
        @case ('vod-details') {
            <app-vod-details
                [item]="getVodDetailsItem()"
                (playClicked)="onVodPlay($event)"
                (favoriteToggled)="onVodFavoriteToggled($event)"
            />
        }
        @case ('serie-details') {
            <app-serial-details
                [item]="$any(vodDetails)"
                [seriesId]="contentId"
                (playClicked)="playEpisode($event)"
                (addToFavoritesClicked)="addToFavorites($event)"
                (removeFromFavoritesClicked)="removeFromFavorites($event)"
            />
        }
        @case ('favorites') {
            <app-category-content-view
                [items]="favorites$ | async"
                (itemClicked)="itemClicked($event)"
            />
        }
        @case ('live-stream-favorites') {
            <app-live-stream-layout
                [channels]="favoritesLiveStream$ | async"
                [player]="player"
                [streamUrl]="streamUrl"
                [epgItems]="epgItems"
                (itemClicked)="itemClicked($event)"
            />
        }
    }
}