mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-13 20:56:19 -08:00
4gray
27bcc9d059
- Added WorkspaceShellComponent to manage the main workspace layout and navigation. - Introduced WorkspaceSourcesFiltersPanelComponent for filtering and sorting playlists. - Created WorkspaceSourcesComponent to display playlists with search functionality. - Implemented HTML and SCSS for the new components to ensure proper styling and layout. - Updated typings to include new database method for fetching global favorites.
56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<div class="context-column">
|
|
<header class="context-header">
|
|
<div class="context-header__top">
|
|
<h2>{{ title() }}</h2>
|
|
@if (isXtreamCategories()) {
|
|
<button
|
|
mat-icon-button
|
|
[matTooltip]="'Manage categories'"
|
|
aria-label="Manage categories"
|
|
(click)="openXtreamCategoryManagement()"
|
|
>
|
|
<mat-icon>tune</mat-icon>
|
|
</button>
|
|
}
|
|
</div>
|
|
@if (subtitle(); as text) {
|
|
<span class="context-header__badge">{{ text }}</span>
|
|
}
|
|
</header>
|
|
|
|
<div class="context-divider"></div>
|
|
|
|
@if (isXtreamCategories()) {
|
|
<app-category-view
|
|
[items]="xtreamCategories()"
|
|
[selectedCategoryId]="xtreamSelectedCategoryId()"
|
|
[itemCounts]="xtreamCategoryItemCounts()"
|
|
[showCounts]="true"
|
|
(categoryClicked)="onXtreamCategoryClicked($event)"
|
|
/>
|
|
} @else if (isStalkerCategories()) {
|
|
@if (isStalkerCategoryLoading()) {
|
|
<ngx-skeleton-loader
|
|
count="18"
|
|
[theme]="{
|
|
width: '95%',
|
|
height: '36px',
|
|
borderRadius: '8px',
|
|
}"
|
|
/>
|
|
} @else if (isStalkerCategoryFailed()) {
|
|
<app-playlist-error-view
|
|
[title]="'Unable to load categories'"
|
|
[description]="'Please retry or verify portal settings.'"
|
|
[showActionButtons]="false"
|
|
/>
|
|
} @else {
|
|
<app-category-view
|
|
[items]="stalkerCategories()"
|
|
[selectedCategoryId]="$any(stalkerSelectedCategoryId())"
|
|
(categoryClicked)="onStalkerCategoryClicked($any($event))"
|
|
/>
|
|
}
|
|
}
|
|
</div>
|