I'm trying to use your component in a grid like this: ``` grid.addColumn(ne

Directory Paper Rating
1

I’m trying to use your component in a grid like this:

grid.addColumn(new ComponentRenderer<>(it -> {
    double rating = it.getRatings().stream()
            .mapToDouble(SOULPatchRating::getStars)
            .average().orElse(0d);
    PaperRating paperRating = new PaperRating(rating);
    paperRating.setReadOnly(true);
    paperRating.setTitle(format("rating %s", rating));
    paperRating.addClassName("rating-readonly");
    return paperRating;
})).setHeader("PaperRating");

but when I look at the grid, the column appears empty.
If I check the html, one of the cells of the PaperRating column looks like this:

<vaadin-grid-cell-content slot="vaadin-grid-cell-content-5"><flow-component-renderer appid="ROOT" style=""><l2t-paper-rating class="rating-readonly" title="rating 3.5"></l2t-paper-rating></flow-component-renderer></vaadin-grid-cell-content>

I’m using Vaadin flow 14.

How do I get anything (preferrably stars) to show?

2

I must have overlooked the following log output:

2020-07-19 08:54:01.899 ERROR 7820 --- [nio-8080-exec-8]
 c.v.f.c.internal.ComponentMetaData       : 
org.vaadin.stefan.PaperRating has only @HtmlImport annotation(s) which is ignored in Vaadin 14+. This annotation is only useful in compatibility mode. In order to use a Polymer template inside a component in Vaadin 14+, @JsModule annotation should be used. And to use a css file, {@link CssImport} should be used. If you want to be able to use your component in both compatibility mode and normal mode of Vaadin 14+ you need to have @HtmlImport along with @JsModule and/or @CssImport annotations.Go to Vaadin 14 Migration Guide (https://vaadin.com/docs/v14/flow/v14-migration/v14-migration-guide.html#3-convert-polymer-2-to-polymer-3) to see how to migrate templates from Polymer 2 to Polymer 3.
3

Hi Philipp, this component is for V10-13 only. I don’t think that it will work with V14+ which uses js modules instead of html imports. But feel free to take the old implementation as a basis to implement your own version with Polymer 3 / V14 :)