All files / src/app/pages/category category-page.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (category$ | async; as category) {
  <!-- category with subcategories -->
  @if (category.hasChildren) {
    <ish-category-categories [category]="category" [deviceType]="deviceType$ | async" />
  } @else {
    @if (category.hasOnlineProducts) {
      <ish-category-products [category]="category" [deviceType]="deviceType$ | async" />
    }
  }
  <!-- category with products -->
  <!-- empty category without subcategories and without products -->
  @if (!category.hasChildren && !category.hasOnlineProducts) {
    <!-- TODO: decide how to handle empty categories -->
    <h1>{{ category.name }}</h1>
  }
}