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
18
19
20
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ngIf="category$ | async as category">
  <!-- category with subcategories -->
  <ng-container *ngIf="category.hasChildren; else productListing">
    <ish-category-categories [category]="category" [deviceType]="deviceType$ | async" />
  </ng-container>
 
  <!-- category with products -->
  <ng-template #productListing>
    <ng-container *ngIf="category.hasOnlineProducts">
      <ish-category-products [category]="category" [deviceType]="deviceType$ | async" />
    </ng-container>
  </ng-template>
 
  <!-- empty category without subcategories and without products -->
  <ng-container *ngIf="!category.hasChildren && !category.hasOnlineProducts">
    <!-- TODO: decide how to handle empty categories -->
    <h1>{{ category.name }}</h1>
  </ng-container>
</ng-container>