Directory

Paper Rating - Vaadin Add-on Directory

Flow component based on the web component l2t-paper-rating. Paper Rating - Vaadin Add-on Directory
# Paper Rating ## About this component This Vaadin Flow component uses the paper-rating web component of Link2Twenty as client side to provide a icon based rating element. For more information about stylings,usage,etc.have a look here.https://www.webcomponents.org/element/Link2Twenty/l2t-paper-rating ## Usage To use the component in Java you can either link it from your Polymer template or add it directly per Java. ### Usage as Polymer template element Poylmer Please note the name of the element in Polymer: l2t-paper-rating. ``` ... ... ``` Java ``` public class SomePolymerTemplate extends PolymerTemplate<...>{ @Id("rating") private PaperRating rating; public SomePolymerTemplate(){ rating.setRating(3); rating.addRatingChangedListener(event->System.out.println(event.getRating()); } } ``` ### Adding it per Java ``` public class SomeFlowComponent extends Component implements HasComponents { public SomeFlowComponent() { rating = new PaperRating(3.5); rating.setReadOnly(true); rating.setTitle("Highest rating was..."); add(rating); } } ``` ### Example usage in a Grid ``` private void initGrid(){ // ... init grid grid.addColumn(new ComponentRenderer<>(ratingEntity->{ paperRating rating=new PaperRating(ratingEntity.getRating()); rating.setReadOnly(true); rating.setTitle(buildRatingHint(ratingEntity)); rating.addClassName("rating-readonly"); return rating; })).setHeader("Avg Rating"); } ```