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

<div class="sidebar">
    <div class="sidebar-header">
        <button mat-icon-button disabled>
            <mat-icon>list</mat-icon>
        </button>
        <h2>{{ 'PORTALS.ALL_CATEGORIES' | translate }}</h2>
    </div>
    <app-category-view
        [items]="categories()"
        [selectedCategoryId]="selectedCategoryId()"
        (categoryClicked)="categoryClicked($event)"
    />
</div>

<div class="main-content">
    <div class="content-header">
        <h2>
            @if (xtreamStore.selectedItem()) {
                <button mat-icon-button (click)="historyBack()">
                    <mat-icon>chevron_left</mat-icon>
                </button>
            } @else {
                <button mat-icon-button disabled>
                    <mat-icon>category</mat-icon>
                </button>
            }
            {{ getContentLabel() }}
        </h2>
    </div>
    <div class="scrollable-content">
        <router-outlet />
    </div>
    <app-mpv-player-bar />
</div>