review-histogram.component.html 601 B

123456789101112131415161718
  1. <div class="bar-container" *ngFor="let bin of bins">
  2. <star-rating [rating]="bin" [showLabel]="false"></star-rating>
  3. <div class="bar">
  4. <div class="fill" [style.width.%]="getPercentage(bin)"></div>
  5. </div>
  6. <div class="frequency">
  7. {{ getFrequency(bin) }}
  8. </div>
  9. <button
  10. class="icon-button filter-button"
  11. title="Filter reviews with this rating"
  12. [class.active]="filteredBin === bin"
  13. (click)="toggleBinFilter(bin)"
  14. [disabled]="getFrequency(bin) === 0"
  15. >
  16. <ng-icon hlm shape="filter-2"></ng-icon>
  17. </button>
  18. </div>