org.ikasan.designer.menu.ShapeContextMenu Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of ikasan-designer Show documentation
Integration of vis.js library for Ikasan platform
The newest version!
package org.ikasan.designer.menu;


import com.vaadin.flow.component.AbstractField;
import com.vaadin.flow.component.HasValue;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.dialog.Dialog;
import com.vaadin.flow.component.html.Image;
import com.vaadin.flow.component.orderedlayout.FlexLayout;
import com.vaadin.flow.component.select.Select;
import com.vaadin.flow.component.textfield.NumberField;
import com.vaadin.flow.data.renderer.ComponentRenderer;
import org.ikasan.designer.Designer;
import org.ikasan.designer.model.Figure;


public class ShapeContextMenu extends Dialog {

    public ShapeContextMenu(Designer designer, Figure figure, int x, int y) {
        this.setWidth("200px");
        this.getElement().executeJs("this.$.overlay.$.overlay.style[$0]=$1", "align-self", "flex-start");
        this.getElement().executeJs("this.$.overlay.$.overlay.style[$0]=$1", "position", "absolute");
        this.getElement().executeJs("this.$.overlay.$.overlay.style[$0]=$1", "left", x + "px");
        this.getElement().executeJs("this.$.overlay.$.overlay.style[$0]=$1", "top", y + "px");

        Select select = new Select<>();
        select.setWidth("90%");

        select.setItems(new Image("frontend/images/separator.png", "EMPTY"),
            new Image("frontend/images/separator.png", "-"),
            new Image("frontend/images/separator.png", "."),
            new Image("frontend/images/separator.png", "-."),
            new Image("frontend/images/separator.png", "-.."),
            new Image("frontend/images/separator.png", "- "),
            new Image("frontend/images/separator.png", "--"),
            new Image("frontend/images/separator.png", "- ."),
            new Image("frontend/images/separator.png", "--."),
            new Image("frontend/images/separator.png", "--.."));
        select.setRenderer(new ComponentRenderer<>(image -> {
            FlexLayout wrapper = new FlexLayout();
            image.setWidth("5px");
            wrapper.add(image);
            return wrapper;
        }));

        select.addValueChangeListener((HasValue.ValueChangeListener, Image>>)
            selectImageComponentValueChangeEvent -> designer.setLineType(selectImageComponentValueChangeEvent.getValue().getAlt().get()));

        NumberField numberField = new NumberField(getTranslation("label.corner-radius", UI.getCurrent().getLocale()));
//        numberField.setHasControls(true);

        Number size = figure.getAttributeNumberValue("radius");
        numberField.setValue(size.doubleValue());

        numberField.addValueChangeListener((HasValue.ValueChangeListener>)
            numberFieldDoubleComponentValueChangeEvent -> designer.setRadius(numberFieldDoubleComponentValueChangeEvent.getValue()));

        NumberField strokeField = new NumberField(getTranslation("label.line-width", UI.getCurrent().getLocale()));
//        strokeField.setHasControls(true);
        strokeField.setValue(0d);

        Number stroke = figure.getAttributeNumberValue("stroke");
        strokeField.setValue(stroke.doubleValue());

        strokeField.addValueChangeListener((HasValue.ValueChangeListener>)
            numberFieldDoubleComponentValueChangeEvent -> designer.setStroke(numberFieldDoubleComponentValueChangeEvent.getValue().intValue()));


        this.add(select, numberField, strokeField);

    }
}