private com.vaadin.ui.Component buildFields() {
HorizontalLayout fields = new HorizontalLayout();
fields.setSpacing(true);
fields.addStyleName("fields");
final TextField username = new TextField("Username");
username.setIcon(FontAwesome.USER);
username.addStyleName(ValoTheme.TEXTFIELD_INLINE_ICON);
final PasswordField password = new PasswordField("Password");
password.setIcon(FontAwesome.LOCK);
password.addStyleName(ValoTheme.TEXTFIELD_INLINE_ICON);
final Button signin = new Button("Sign In");
signin.addStyleName(ValoTheme.BUTTON_PRIMARY);
signin.setClickShortcut(ShortcutAction.KeyCode.ENTER);
signin.focus();
fields.addComponents(username, password, signin);
fields.setComponentAlignment(signin, Alignment.BOTTOM_LEFT);
signin.addClickListener(
new Button.ClickListener() {
@Override
public void buttonClick(final Button.ClickEvent event) {
DashboardEventBus.post(
new UserLoginRequestedEvent(username.getValue(), password.getValue()));
}
});
return fields;
}
private Component buildFooter() {
HorizontalLayout footer = new HorizontalLayout();
footer.addStyleName(ValoTheme.WINDOW_BOTTOM_TOOLBAR);
footer.setWidth(100.0f, Unit.PERCENTAGE);
Button ok = new Button("OK");
ok.addStyleName(ValoTheme.BUTTON_PRIMARY);
ok.addClickListener(
event -> {
try {
fieldGroup.commit();
// Updated user should also be persisted to database. But
// not in this demo.
Notification success = new Notification("Profile updated successfully");
success.setDelayMsec(2000);
success.setStyleName("bar success small");
success.setPosition(Position.BOTTOM_CENTER);
success.show(Page.getCurrent());
// DashboardEventBus.post(new ProfileUpdatedEvent());
close();
} catch (CommitException e) {
Notification.show("Error while updating profile", Type.ERROR_MESSAGE);
}
});
ok.focus();
footer.addComponent(ok);
footer.setComponentAlignment(ok, Alignment.TOP_RIGHT);
return footer;
}
public UserSelect() {
loginInfo = new Label("");
loginInfo.addStyleName("error-font");
loginInfo.addStyleName("margin15");
loginInfo.addStyleName("margin-top40");
loginInfo.setVisible(false);
selected = null;
loginField = new PasswordField("");
loginField.setWidth("200px");
loginField.addStyleName("margin15");
loginField.addStyleName("margin-bot40");
loginBut = new Button("login");
loginBut.addStyleName("margin15");
loginBut.addClickListener(
e -> {
if (loginField.getValue().equals(selected.getPassword())) {
hidePass();
Globals.user = selected;
Globals.root.changeScreen(Globals.user);
} else {
loginInfo.setVisible(true);
loginInfo.setValue("Wrong password");
loginField.setValue("");
}
});
loginBox = new HorizontalLayout();
loginBox.addStyleName("popup-box");
loginBox.addComponents(loginField, loginBut, loginInfo);
loginBox.setComponentAlignment(loginField, Alignment.MIDDLE_LEFT);
loginBox.setComponentAlignment(loginBut, Alignment.MIDDLE_CENTER);
loginBox.setComponentAlignment(loginField, Alignment.MIDDLE_RIGHT);
loginBox.setVisible(false);
userIcon = new ThemeResource("icons/user.png");
users = Globals.control.usersData();
vbox = new VerticalLayout();
// vbox.setSizeUndefined();
vbox.setDefaultComponentAlignment(Alignment.MIDDLE_CENTER);
Panel p = new Panel();
p.setSizeFull();
p.setContent(vbox);
// vbox.addStyleName("border-l-r");
this.addComponent(p, "left: 25%; right: 25%; top: 15px");
this.addComponent(loginBox, "left: 25%; right: 25%; top: 40%");
this.addLayoutClickListener(
e -> {
if (!loginBox.isVisible()) return;
System.out.println(e.getClickedComponent());
if (e.getClickedComponent() == null || e.getClickedComponent().equals(vbox)) hidePass();
});
}
private Component createConnectionSelectorLayout() {
final ProfileInfoPanelHolder infoPanelHolder = new ProfileInfoPanelHolder();
profileSelector = createProfileSelector(infoPanelHolder);
HorizontalLayout content = new HorizontalLayout(profileSelector, infoPanelHolder);
content.setSizeFull();
content.setExpandRatio(infoPanelHolder, 1);
Component buttons = createConnectionButtons(infoPanelHolder);
Component profileManagerToolbar = createProfileManagerToolbar(profileSelector);
HorizontalLayout footer = new HorizontalLayout(profileManagerToolbar, buttons);
footer.setWidth("100%");
footer.addStyleName(ValoTheme.WINDOW_BOTTOM_TOOLBAR);
footer.setComponentAlignment(buttons, Alignment.MIDDLE_RIGHT);
VerticalLayout layout = new VerticalLayout(content, footer);
layout.setSizeFull();
layout.setExpandRatio(content, 1);
return layout;
}
private Component buildProfileTab() {
HorizontalLayout root = new HorizontalLayout();
root.setCaption("Profile");
root.setIcon(FontAwesome.USER);
root.setWidth(100.0f, Unit.PERCENTAGE);
root.setSpacing(true);
root.setMargin(true);
root.addStyleName("profile-form");
VerticalLayout pic = new VerticalLayout();
pic.setSizeUndefined();
pic.setSpacing(true);
Image profilePic = new Image(null, new ThemeResource("img/profile-pic-300px.jpg"));
profilePic.setWidth(100.0f, Unit.PIXELS);
pic.addComponent(profilePic);
Button upload =
new Button(
"Change…",
event -> {
Notification.show("Not implemented in this demo");
});
upload.addStyleName(ValoTheme.BUTTON_TINY);
pic.addComponent(upload);
root.addComponent(pic);
FormLayout details = new FormLayout();
details.addStyleName(ValoTheme.FORMLAYOUT_LIGHT);
root.addComponent(details);
root.setExpandRatio(details, 1);
firstNameField = new TextField("First Name");
details.addComponent(firstNameField);
lastNameField = new TextField("Last Name");
details.addComponent(lastNameField);
titleField = new ComboBox("Title");
titleField.setInputPrompt("Please specify");
titleField.addItem("Mr.");
titleField.addItem("Mrs.");
titleField.addItem("Ms.");
titleField.setNewItemsAllowed(true);
details.addComponent(titleField);
sexField = new OptionGroup("Sex");
sexField.addItem(Boolean.FALSE);
sexField.setItemCaption(Boolean.FALSE, "Female");
sexField.addItem(Boolean.TRUE);
sexField.setItemCaption(Boolean.TRUE, "Male");
sexField.addStyleName("horizontal");
details.addComponent(sexField);
Label section = new Label("Contact Info");
section.addStyleName(ValoTheme.LABEL_H4);
section.addStyleName(ValoTheme.LABEL_COLORED);
details.addComponent(section);
emailField = new TextField("Email");
emailField.setWidth("100%");
emailField.setRequired(true);
emailField.setNullRepresentation("");
details.addComponent(emailField);
locationField = new TextField("Location");
locationField.setWidth("100%");
locationField.setNullRepresentation("");
locationField.setComponentError(new UserError("This address doesn't exist"));
details.addComponent(locationField);
phoneField = new TextField("Phone");
phoneField.setWidth("100%");
phoneField.setNullRepresentation("");
details.addComponent(phoneField);
newsletterField = new OptionalSelect<>();
newsletterField.addOption(0, "Daily");
newsletterField.addOption(1, "Weekly");
newsletterField.addOption(2, "Monthly");
details.addComponent(newsletterField);
section = new Label("Additional Info");
section.addStyleName(ValoTheme.LABEL_H4);
section.addStyleName(ValoTheme.LABEL_COLORED);
details.addComponent(section);
websiteField = new TextField("Website");
websiteField.setInputPrompt("http://");
websiteField.setWidth("100%");
websiteField.setNullRepresentation("");
details.addComponent(websiteField);
bioField = new TextArea("Bio");
bioField.setWidth("100%");
bioField.setRows(4);
bioField.setNullRepresentation("");
details.addComponent(bioField);
return root;
}
