All files / src/app/extensions/rating/shared/product-rating product-rating.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if ((isVariationMaster$ | async) === false) {
  @if (rating$ | async; as rating) {
    <ngb-rating
      [attr.aria-label]="'product.review.rating.score' | translate: { '0': rating.value }"
      [disabled]="true"
      [max]="5"
      [rate]="rating.value"
      [starTemplate]="starTemplate"
    />
    @if (!hideNumberOfReviews) {
      <span class="product-info">({{ numberOfReviews$ | async }})</span>
    }
  }
}
 
<ng-template #starTemplate let-fill="fill">
  @if (fill === 100) {
    <i aria-hidden="true" class="bi bi-star-fill"></i>
  } @else if (fill > 0) {
    <i aria-hidden="true" class="bi bi-star-half"></i>
  } @else {
    <i aria-hidden="true" class="bi bi-star"></i>
  }
</ng-template>