feat(category-view): add showCounts input to conditionally display item counts

apps/web/src/app/xtream-tauri/category-view/category-view.component.html

@@ -9,7 +9,9 @@
                 {{
                     item.category_name || $any(item).name || 'No category name'
                 }}
-                <span class="item-count">({{ getItemCount(item) }})</span>
+                @if (showCounts()) {
+                    <span class="item-count">({{ getItemCount(item) }})</span>
+                }
             </mat-list-item>
         } @empty {
             <app-playlist-error-view

apps/web/src/app/xtream-tauri/category-view/category-view.component.ts

@@ -20,6 +20,7 @@ export class CategoryViewComponent {
     readonly items = input([]);
     readonly selectedCategoryId = input<number>();
     readonly itemCounts = input<Map<number, number>>(new Map());
+    readonly showCounts = input<boolean>(false);
 
     readonly categoryClicked = output<XtreamCategory>();
 

apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.html

@@ -30,6 +30,7 @@
             [items]="categories()"
             [itemCounts]="categoryItemCounts()"
             (categoryClicked)="selectCategory($event)"
+            [showCounts]="true"
         />
     }
 </div>

apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.ts

@@ -84,6 +84,13 @@ export class LiveStreamLayoutComponent implements OnInit {
     playLive(item: any) {
         const streamUrl = this.xtreamStore.constructStreamUrl(item);
         this.streamUrl = streamUrl;
+        const isEmbeddedPlayer =
+            this.player() === 'videojs' ||
+            this.player() === 'html5' ||
+            this.player() === 'artplayer';
+        if (isEmbeddedPlayer) {
+            return;
+        }
         this.xtreamStore.openPlayer(streamUrl, item.title, item.poster_url);
     }
 

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

@@ -18,6 +18,7 @@
         [selectedCategoryId]="selectedCategoryId()"
         [itemCounts]="categoryItemCounts()"
         (categoryClicked)="categoryClicked($event)"
+        [showCounts]="true"
     />
 </div>