Hello, how do I insert vaadin-flow-captcha in Login Overlay?
See my code below, I need to insert the recaptcha in the layoutOverlay form and validate by clicking on submit.
How do I do that?
Thanks!
see my code:
public class LoginView extends LoginOverlay implements AfterNavigationObserver, BeforeEnterObserver {
public LoginView() {
LoginI18n i18n = LoginI18n.createDefault();
i18n.setHeader(new LoginI18n.Header());
Image titleComponent = new Image(IMG_PATH + "18.png", "Login");
setTitle(titleComponent);
i18n.getHeader().setDescription(
"Login");
i18n.setAdditionalInformation(null);
i18n.setForm(new LoginI18n.Form());
i18n.getForm().setSubmit("Logar");
//i18n.getForm().setTitle("Logar");
i18n.getForm().setUsername("E-mail");
i18n.getForm().setPassword("Senha");
setI18n(i18n);
setForgotPasswordButtonVisible(true);
setAction("login");
}
private ReCaptcha createCaptcha() {
return new ReCaptcha(
ApiConst.RECAPTCHA_PRIVATE_KEY,
new ReCaptchaOptions() {
{
theme = "ligth";
sitekey = ApiConst.RECAPTCHA_SITE_KEY;
}
});
}
@Override
public void beforeEnter(BeforeEnterEvent event) {
if (SecurityUtils.isUserLoggedIn()) {
event.forwardTo(Home.class);
} else {
setOpened(true);
}
}
}