Simple Rating Stars in Vaadin

-
package com.example.DemoProject;

import java.util.ArrayList;
import java.util.List;

import com.vaadin.annotations.Theme;
import com.vaadin.icons.VaadinIcons;
import com.vaadin.navigator.View;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.Button.ClickListener;
import com.vaadin.ui.CssLayout;
import com.vaadin.ui.CustomComponent;
import com.vaadin.ui.Label;

@Theme("RatingStars")
public class RatingStars extends CustomComponent implements View {

    Button b1 = new Button();
    Button b2 = new Button();
    Button b3 = new Button();
    Button b4 = new Button();
    Button b5 = new Button();
    Label status = new Label("Review us");

    private ClickListener listener;
    public RatingStars() {

        listener = this::test;
     
        b1.setIcon(VaadinIcons.STAR_O);
        b2.setIcon(VaadinIcons.STAR_O);
        b3.setIcon(VaadinIcons.STAR_O);
        b4.setIcon(VaadinIcons.STAR_O);
        b5.setIcon(VaadinIcons.STAR_O);

        b1.addClickListener(listener);
        b2.addClickListener(listener);
        b3.addClickListener(listener);
        b4.addClickListener(listener);
        b5.addClickListener(listener);

        List<Button> lstbtn = new ArrayList<>();
        lstbtn.add(b1);
        lstbtn.add(b2);
        lstbtn.add(b3);
        lstbtn.add(b4);
        lstbtn.add(b5);

        CssLayout hlyt = new CssLayout();
        status.setVisible(false);
        hlyt.addComponents(b1, b2, b3, b4, b5, status);
        addStyleName("RatingStars");
        hlyt.setSizeFull();
        setCompositionRoot(hlyt);
    }

    public void test(ClickEvent event) {
        if (event.getButton() == b1) {
            b1.setIcon(VaadinIcons.STAR);
            b2.setIcon(VaadinIcons.STAR_O);
            b3.setIcon(VaadinIcons.STAR_O);
            b4.setIcon(VaadinIcons.STAR_O);
            b5.setIcon(VaadinIcons.STAR_O);
            status.setValue("worst");
            status.setVisible(true);
        } else if (event.getButton() == b2) {
            b1.setIcon(VaadinIcons.STAR);
            b2.setIcon(VaadinIcons.STAR);
            b3.setIcon(VaadinIcons.STAR_O);
            b4.setIcon(VaadinIcons.STAR_O);
            b5.setIcon(VaadinIcons.STAR_O);
            status.setValue("bad");
            status.setVisible(true);
        } else if (event.getButton() == b3) {
            b1.setIcon(VaadinIcons.STAR);
            b2.setIcon(VaadinIcons.STAR);
            b3.setIcon(VaadinIcons.STAR);
            b4.setIcon(VaadinIcons.STAR_O);
            b5.setIcon(VaadinIcons.STAR_O);
            status.setValue("OK");
            status.setVisible(true);
        } else if (event.getButton() == b4) {
            b3.setIcon(VaadinIcons.STAR);
            b2.setIcon(VaadinIcons.STAR);
            b1.setIcon(VaadinIcons.STAR);
            b4.setIcon(VaadinIcons.STAR);
            b5.setIcon(VaadinIcons.STAR_O);
            status.setValue("better");
            status.setVisible(true);
        } else if (event.getButton() == b5) {
            b4.setIcon(VaadinIcons.STAR);
            b3.setIcon(VaadinIcons.STAR);
            b2.setIcon(VaadinIcons.STAR);
            b1.setIcon(VaadinIcons.STAR);
            b5.setIcon(VaadinIcons.STAR);
            status.setValue("best");
            status.setVisible(true);
        }

    }

    }




Comments

Post a Comment

Popular posts from this blog

Navigation in Vaadin.

-
Plain Vaadin applications do not have normal web page navigation as they usually run on a single page, as all Ajax applications do. Quite commonly, however, applications have different views between which the user should be able to navigate. The  Navigator  in Vaadin can be used for most cases of navigation. Views managed by the navigator automatically get a distinct URI fragment, which can be used to be able to bookmark the views and their states and to go back and forward in the browser history. The  Navigator  class manages a collection of  views  that implement the  View  interface. SO the class in which you are defining Navigation must implement with a  View  interface. addView() i s the method by which you can register Your View . You can add your view at any point ,Your View must have   name identifier and be added to a  View . Once registered, you can navigate to them with  navigateTo() . Navig...
Read more

How to Edit Vaadin 8 Grid.

-
Image
Here goes the short snippet of the code for Editing Grid in Vaadin Code does following. Takes Grid. populates Grid. makes Grid editable property true. sets component what one needs to add when grid is edited. identifies column at the time of adding column or getting column. grid = new Grid<> (); lst = new ArrayList<> (); provider = new ListDataProvider < >(lst) ; lst.add(new Company(1, "Java" )) ; grid.setDataProvider(provider) ; grid.addColumn(Company::getSerialNo).setCaption( "Sr.no" ) ; TextField tf = new TextField (); grid.getEditor ().setEnabled( true ); HorizontalLayout hlyt = new HorizontalLayout (); grid.addColumn(Company::getName).setEditorComponent(tf, Company::setName).setCaption( "Name" ).setExpandRatio(2) ; hlyt.addComponent(grid) ; Hope it works cheers .
Read more

Drag and drop items from one Grid to another

-
Following is a short example to drag and drop similar type of items from one Grid to another Grid in Vaadin 8 . package com . example . demo ; import java . util . ArrayList ; import java . util . List ; import java . util . Optional ; import com . vaadin . data . provider . ListDataProvider ; import com . vaadin . shared . ui . dnd . DropEffect ; import com . vaadin . shared . ui . dnd . EffectAllowed ; import com . vaadin . shared . ui . grid . DropMode ; import com . vaadin . ui . CustomComponent ; import com . vaadin . ui . Grid ; import com . vaadin . ui . HorizontalLayout ; import com . vaadin . ui . components . grid . GridDragSource ; import com . vaadin . ui . components . grid . GridDropTarget ; import com . vaadin . ui . renderers . ButtonRenderer ; public class DragAndDropFromGrid extends CustomComponent { /**       *      */ private static final long serialVersionUID = ...
Read more