com.vaadin.flow.component.Text Java Examples

@Test
public void showRouteTarget_componentHasNoPush_pushIsDisabled() {
    PushConfiguration pushConfig = setUpInitialPush();
    useV14Bootstrap();

    DeploymentConfiguration deploymentConfiguration = vaadinService
            .getDeploymentConfiguration();
    Mockito.when(deploymentConfiguration.getPushMode())
            .thenReturn(PushMode.AUTOMATIC);

    internals.showRouteTarget(Mockito.mock(Location.class),
            new Text(""), Collections.emptyList());

    Mockito.verify(pushConfig).setPushMode(PushMode.AUTOMATIC);
    Mockito.verify(pushConfig, Mockito.times(0))
            .setTransport(Mockito.any());
}
 

public UsageStatisticsView() {
    NativeButton print = new NativeButton(
            "Print usage statistics to the console", e -> {
                getUI().get().getPage().executeJs(
                        "var basket = localStorage.getItem('vaadin.statistics.basket'); if (basket) basket = JSON.parse(basket); console.log(basket)");
            });
    NativeButton clear = new NativeButton("Clear usage statistics", e -> {
        getUI().get().getPage().executeJs(
                "localStorage.removeItem('vaadin.statistics.basket')");
    });
    NativeButton push = new NativeButton("Enable push", e -> getUI().get()
            .getPushConfiguration().setPushMode(PushMode.AUTOMATIC));
    NativeButton template = new NativeButton("Use PolymerTemplate", e -> {
        add(new HiddenTemplateView());
    });

    add(new Text(
            "View for manually testing usage statistics gathering for Flow features."
                    + " After a feature has been used, the page should be reloaded before verifying that usage info has been gathered."),
            new Div(print, clear, push, template));
}
 

private void createEventLog() {
    eventLog = new Div();
    eventLog.add(new Text("Events:"));
    eventLog.add(new NativeButton("Clear", event -> {
        eventLog.getChildren().filter(component -> component instanceof Div)
                .forEach(eventLog::remove);
        eventCounter = 0;
    }));
    eventLog.add(new NativeButton("Data: " + data, event -> {
        data = !data;
        event.getSource().setText("Data: " + data);
    }));
    eventLog.setHeightFull();
    eventLog.setWidth("400px");
    eventLog.getStyle().set("display", "inline-block").set("border",
            "2px " + "solid");
}
 

public PreserveOnRefreshReAddView() {
    Text text1 = new Text("Text");
    Text text2 = new Text("Another Text");

    Div container = new Div();
    container.setId("container");

    NativeButton setText = new NativeButton("Set text", e -> {
        container.removeAll();
        container.add(text1);
    });
    NativeButton setAnotherText = new NativeButton("Set another text",
            e -> {
                container.removeAll();
                container.add(text2);
            });

    setText.setId("set-text");
    setAnotherText.setId("set-another-text");

    add(setText, setAnotherText, container);
}
 

private void addSyncWithInitialValue() {
    add(new Text("Synchronized on 'change' event with initial value"));
    final Div syncOnChangeInitialValueLabel = new Div();
    syncOnChangeInitialValueLabel.setId("syncOnChangeInitialValueLabel");
    Element syncOnChangeInitialValue = ElementFactory.createInput();
    syncOnChangeInitialValueLabel.setText("Server value on create: "
            + syncOnChangeInitialValue.getProperty("value"));
    syncOnChangeInitialValue.setAttribute("id", "syncOnChangeInitialValue");
    syncOnChangeInitialValue.addPropertyChangeListener("value", "change",
            event -> {
            });
    syncOnChangeInitialValue.addEventListener("change", e -> {
        syncOnChangeInitialValueLabel
                .setText("Server value in change listener: "
                        + syncOnChangeInitialValue.getProperty("value"));
    });
    syncOnChangeInitialValue.setProperty("value", "initial");

    getElement().appendChild(syncOnChangeInitialValue);
    add(syncOnChangeInitialValueLabel);
}
 

@Override
public void showDialog(String caption, Component form) {
	if (caption != null) {
           Div label = new Div(new Text(caption));
           label.getStyle().set("color", "var(--lumo-primary-text-color)");
           formCaptionLayout.removeAll();
           formCaptionLayout.add(label);
           secondComponent.addComponentAtIndex(secondComponent.getComponentCount() - 1, formCaptionLayout);
       } else if (formCaptionLayout.getElement().getParent() != null) {
           formCaptionLayout.getElement().getParent().removeChild(formCaptionLayout.getElement());
       }

       formComponentLayout.removeAll();
       formComponentLayout.add(form);
}
 

@Override
protected void onShow() {
    getElement().getStyle().set("margin", "1em");
    getElement().setAttribute("id", "root");

    Text text = new Text(TEXT);

    Input input = new Input();
    input.setPlaceholder("Synchronized on change event");

    NativeButton button = new NativeButton(BUTTON_TEXT, e -> {
        Div greeting = new Div();
        greeting.addClassName("thankYou");
        String buttonText = e.getSource().getElement().getText();

        greeting.setText("Thank you for clicking \"" + buttonText
                + "\" at (" + e.getClientX() + "," + e.getClientY()
                + ")! The field value is " + input.getValue());

        greeting.addClickListener(e2 -> remove(greeting));
        add(greeting);
    });

    Div helloWorld = new Div();
    helloWorld.setText(DIV_TEXT);
    helloWorld.addClassName("hello");
    helloWorld.setId("hello-world");
    helloWorld.addClickListener(e -> {
        helloWorld.setText("Stop touching me!");
        helloWorld.getElement().getClassList().clear();
    });
    Style s = helloWorld.getElement().getStyle();
    s.set("color", "red");
    s.set("fontWeight", "bold");

    add(text, helloWorld, button, input);
}
 

@Override
protected void onAttach(AttachEvent attachEvent) {
    if (attachEvent.isInitialAttach()) {
        attachEvent.getSession().setErrorHandler(e -> {
            Div div = new Div(
                    new Text("An error occurred: " + e.getThrowable()));
            div.addClassName("error");
            add(div);
        });
    }
}
 

@Override
protected void onAttach(AttachEvent attachEvent) {
    if (attachEvent.isInitialAttach()) {
        attachEvent.getSession().setErrorHandler(e -> {
            Div div = new Div(
                    new Text("An error occurred: " + e.getThrowable()));
            div.addClassName("error");
            add(div);
        });
    }
}
 

public CompositeView() {
    Div name = new Div();
    name.setText("Name on server: ");
    name.setId(CompositeNestedView.NAME_ID);

    NameField nameField = new NameField();
    nameField.setId(CompositeNestedView.NAME_FIELD_ID);
    nameField.addNameChangeListener(e -> {
        name.setText("Name on server: " + nameField.getName());
        String text = "Name value changed to " + nameField.getName()
                + " on the ";
        if (e.isFromClient()) {
            text += "client";
        } else {
            text += "server";
        }
        Div changeMessage = new Div();
        changeMessage.setText(text);
        add(changeMessage);
    });
    add(name, nameField, new Hr());

    Input serverInput = new Input();
    serverInput.setId(SERVER_INPUT_ID);
    NativeButton serverInputButton = createButton("Set",
            SERVER_INPUT_BUTTON_ID, e -> {
        nameField.setName(serverInput.getValue());
        serverInput.clear();
    });
    add(new Text("Enter a value to set the name on the server"),
            serverInput, serverInputButton);

    add(new Hr());

    PaperSliderComposite paperSliderComposite = new PaperSliderComposite();
    paperSliderComposite.setId(COMPOSITE_PAPER_SLIDER);
    add(paperSliderComposite);
}
 

private void addSyncMultipleProperties() {
    add(new Text(
            "Synchronize 'value' on 'input' event and 'valueAsNumber' on 'blur'"));
    Div valueLabel = new Div();
    valueLabel.setId("multiSyncValueLabel");
    Div valueAsNumberLabel = new Div();
    valueAsNumberLabel.setId("multiSyncValueAsNumberLabel");

    Element multiSync = ElementFactory.createInput("number");
    multiSync.setAttribute("id", "multiSyncValue");
    multiSync.addPropertyChangeListener("valueAsNumber", "blur", event -> {
    });
    multiSync.addPropertyChangeListener("value", "input", event -> {
    });

    multiSync.addEventListener("input", e -> {
        valueLabel
                .setText("Server value: " + multiSync.getProperty("value"));
    });
    multiSync.addEventListener("blur", e -> {
        valueAsNumberLabel.setText("Server valueAsNumber: "
                + multiSync.getProperty("valueAsNumber"));
    });

    getElement().appendChild(multiSync);
    add(valueLabel, valueAsNumberLabel);
}
 

private void addSimpleSync() {
    add(new Text("Synchronized on 'change' event"));
    Div label = new Div();
    label.setId("syncOnChangeLabel");
    InputSync syncOnChange = new InputSync(label, "change");
    syncOnChange.setId("syncOnChange");
    add(syncOnChange);
    add(label);
}
 

public ClientUpdateModeView() {
    ClientUpdateModeTemplate template = new ClientUpdateModeTemplate();
    add(template);

    Element element = template.getElement();
    Stream.of("value", "indirectAllowed", "indirect", "twoWayDenied")
            .forEach(propertyName -> {
                element.addPropertyChangeListener(propertyName,
                        event -> add(
                                new Text(propertyName + " changed to "
                                        + event.getValue()),
                                new Html("<br>")));
            });

}
 

@Override
protected void init(VaadinRequest request) {
    NativeButton b = new NativeButton("Hello", e -> {
        add(new Text("Hello!"));
    });
    add(b);
}
 

@ClientCallable
private void changeValue() {
    getModel().setValue("<!-- <SCRIPT>");
    getElement().removeAllChildren();
    Div slot = new Div(new Text("<!-- <SCRIPT> --><!-- <SCRIPT></SCRIPT>"));
    slot.setId("slot-2");
    getElement().appendChild(slot.getElement());
}
 

@Override
protected void onShow() {
    add(new Text(
            "This test initially loads a stylesheet which makes all text red, a JavaScript for logging window messages, a JavaScript for handling body click events and an HTML which sends a window message"),
            new Hr(), new Hr());

    Div clickBody = new Div();
    clickBody.setText("Hello, click the body please");
    clickBody.setId("hello");
    add(clickBody);

    NativeButton jsOrder = new NativeButton("Test JS order", e -> {
        getPage().addJavaScript("/test-files/js/set-global-var.js");
        getPage().addJavaScript("/test-files/js/read-global-var.js",
                LoadMode.LAZY);
    });
    jsOrder.setId("loadJs");

    NativeButton allBlue = new NativeButton(
            "Load 'everything blue' stylesheet", e -> {
                getPage().addStyleSheet(
                        "/test-files/css/allblueimportant.css");

            });
    allBlue.setId("loadBlue");

    NativeButton loadUnavailableResources = new NativeButton(
            "Load unavailable resources", e -> {
                getPage().addStyleSheet("/not-found.css");
                getPage().addJavaScript("/not-found.js");
            });
    loadUnavailableResources.setId("loadUnavailableResources");

    Div log = new Div();
    log.setId("log");

    add(jsOrder, allBlue, loadUnavailableResources, new Hr(), log);
}
 

public ServerSideForwardView() {
    add(new Text("Server view forward"));
    setId("serverForwardView");

    final NativeButton forwardViewButton = new NativeButton(
            "Open Server View which does forward to Client View",
            buttonClickEvent -> {
                final UI ui = buttonClickEvent.getSource().getUI().get();

                ui.navigate(ForwardView.class);
            });
    forwardViewButton.setId("goToServerForwardView");
    add(forwardViewButton);
}
 

public DnDCustomComponentView() {
    Stream.of(EffectAllowed.values()).map(DraggableItem::new)
            .forEach(this::add);

    dropTarget = new Div();
    dropTarget.add(new Text("Drop Here"));
    dropTarget.setWidth("200px");
    dropTarget.setHeight("200px");
    dropTarget.getStyle().set("border", "solid 1px pink");
    add(dropTarget);

    DropTarget.create(dropTarget).addDropListener(event -> event.getSource()
            .add(new Span(event.getDragData().get().toString())));
}
 

@Test
public void getLocale_localeComesFromComponentUI() {
    UI.setCurrent(null);

    UI ui = new UI();
    ui.setLocale(Locale.GERMAN);

    Text text = new Text("");
    ui.add(text);
    ValueContext context = new ValueContext(text);

    Assert.assertEquals(Locale.GERMAN, context.getLocale().get());
}
 

public InjectScriptTagView() {
    getModel().setValue("<!-- <script>");
    Div slot = new Div(new Text("<!-- <script> --><!-- <script></script>"));
    slot.setId("slot-1");
    getElement().appendChild(slot.getElement());
}
 

public ComponentWithExternalJavaScript() {
    add(new Text("A component with external JavaScript"));
}
 

@Test
public void createWithComponent() {
    Anchor anchor = new Anchor("#", new Text("Home"));
    Assert.assertEquals(anchor.getElement().getAttribute("href"), "#");
    Assert.assertEquals(anchor.getElement().getText(), "Home");
}
 

public DnDView() {
    setWidth("1000px");
    setHeight("800px");
    getStyle().set("display", "flex");

    eventLog = new Div();
    eventLog.add(new Text("Events:"));
    eventLog.add(new NativeButton("Clear", event -> {
        eventLog.getChildren().filter(component -> component instanceof Div)
                .forEach(eventLog::remove);
        eventCounter = 0;
    }));
    eventLog.add(new NativeButton("Data: " + data, event -> {
        data = !data;
        event.getSource().setText("Data: " + data);
    }));
    eventLog.setHeightFull();
    eventLog.setWidth("400px");
    eventLog.getStyle().set("display", "inline-block").set("border",
            "2px " + "solid");
    add(eventLog);

    Div startLane = createLane("start");
    startLane.add(createDraggableBox(null));
    Stream.of(EffectAllowed.values()).map(this::createDraggableBox)
            .forEach(startLane::add);

    Div noEffectLane = createDropLane(null);
    Div copyDropLane = createDropLane(DropEffect.COPY);
    Div moveDropLane = createDropLane(DropEffect.MOVE);
    Div linkDropLane = createDropLane(DropEffect.LINK);
    Div noneDropLane = createDropLane(DropEffect.NONE);

    Div deactivatedLane = createDropLane(DropEffect.COPY);
    deactivatedLane.setId("lane-deactivated");
    deactivatedLane.getChildren().findFirst().ifPresent(
            component -> component.getElement().setText("deactivated"));
    DropTarget.configure(deactivatedLane, false);

    eventLog.add(createToggleDropTargetsButton(noEffectLane, copyDropLane,
            moveDropLane, linkDropLane, noneDropLane));
    eventLog.add(createToggleDragSourcesButton(startLane));

    add(startLane, noEffectLane, copyDropLane, moveDropLane, linkDropLane,
            noneDropLane, deactivatedLane);
}
 

public NativeRadioButtonGroup(String caption) {
    getContent().add(new Text(caption));
    this.group = caption.replaceAll(" ", "").toLowerCase();
}
 

public ComponentWithExternalJsModule() {
    add(new Text("A component with external JsModule"));
}
 

@Override
protected void init(VaadinRequest request) {
    NativeButton button = new NativeButton("Hello", e -> add(new Text("Hello")));
    button.setId("hello");
    add(button);
}
 

public NativeRadioButtonGroup(String caption) {
    getContent().add(new Text(caption));
    this.group = caption.replaceAll(" ", "").toLowerCase();
    getContent().getStyle().set("display", "block");
}
 

public MainLayout() {
    add(new Text("Main layout"));
    setId("mainLayout");
}
 

public EmptyUI() {
    setId("emptyUi");
    add(new Text("Empty view"));
}
 

public PushView() {
    setId("pushView");
    add(new Text("Push View"));
}