Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

15 lines
691 B

<div class="stars-container">
<ng-container *ngIf="maximumStars > 0 && maximumStars <= 15; else noStars">
<span class="stars" (mouseleave)="stopPreview()" [class.disabled]="snapshot.isDisabled">
<span class="star" *ngFor="let star of snapshot.starsArray" (mouseenter)="setPreview(star)" (click)="setValue(star)" [class.selected]="star <= snapshot.stars"></span>
</span>
<button type="button" class="btn btn-text" [class.hidden]="!snapshot.value" (click)="reset()">Clear</button>
</ng-container>
<ng-template #noStars>
<div class="many-stars">
Must not have more more than 15 stars
</div>
</ng-template>
</div>