1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
|
package com.vaadin.tests.themes.valo;
import java.time.LocalDate;
import com.vaadin.navigator.View;
import com.vaadin.navigator.ViewChangeListener.ViewChangeEvent;
import com.vaadin.server.UserError;
import com.vaadin.shared.ui.MarginInfo;
import com.vaadin.shared.ui.datefield.DateResolution;
import com.vaadin.tests.components.TestDateField;
import com.vaadin.ui.AbstractDateField;
import com.vaadin.ui.Alignment;
import com.vaadin.ui.Button;
import com.vaadin.ui.CheckBox;
import com.vaadin.ui.FormLayout;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.RichTextArea;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.themes.ValoTheme;
import com.vaadin.v7.ui.ComboBox;
import com.vaadin.v7.ui.OptionGroup;
import com.vaadin.v7.ui.TextArea;
import com.vaadin.v7.ui.TextField;
public class Forms extends VerticalLayout implements View {
private boolean readOnly = true;
public Forms() {
setSpacing(true);
setMargin(true);
Label title = new Label("Forms");
title.addStyleName(ValoTheme.LABEL_H1);
addComponent(title);
final FormLayout form = new FormLayout();
form.setMargin(false);
form.setWidth("800px");
form.addStyleName(ValoTheme.FORMLAYOUT_LIGHT);
addComponent(form);
Label section = new Label("Personal Info");
section.addStyleName(ValoTheme.LABEL_H2);
section.addStyleName(ValoTheme.LABEL_COLORED);
form.addComponent(section);
StringGenerator sg = new StringGenerator();
TextField name = new TextField("Name");
name.setValue(sg.nextString(true) + " " + sg.nextString(true));
name.setWidth("50%");
form.addComponent(name);
AbstractDateField<LocalDate, DateResolution> birthday = new TestDateField(
"Birthday");
birthday.setValue(LocalDate.of(1980, 1, 31));
form.addComponent(birthday);
TextField username = new TextField("Username");
username.setValue(sg.nextString(false) + sg.nextString(false));
username.setRequired(true);
form.addComponent(username);
OptionGroup sex = new OptionGroup("Sex");
sex.addItem("Female");
sex.addItem("Male");
sex.select("Male");
sex.addStyleName(ValoTheme.OPTIONGROUP_HORIZONTAL);
form.addComponent(sex);
section = new Label("Contact Info");
section.addStyleName(ValoTheme.LABEL_H3);
section.addStyleName(ValoTheme.LABEL_COLORED);
form.addComponent(section);
TextField email = new TextField("Email");
email.setValue(
sg.nextString(false) + "@" + sg.nextString(false) + ".com");
email.setWidth("50%");
email.setRequired(true);
form.addComponent(email);
TextField location = new TextField("Location");
location.setValue(sg.nextString(true) + ", " + sg.nextString(true));
location.setWidth("50%");
location.setComponentError(new UserError("This address doesn't exist"));
form.addComponent(location);
TextField phone = new TextField("Phone");
phone.setWidth("50%");
form.addComponent(phone);
HorizontalLayout wrap = new HorizontalLayout();
wrap.setSpacing(true);
wrap.setDefaultComponentAlignment(Alignment.MIDDLE_LEFT);
wrap.setCaption("Newsletter");
CheckBox newsletter = new CheckBox("Subscribe to newsletter", true);
wrap.addComponent(newsletter);
ComboBox period = new ComboBox();
period.setTextInputAllowed(false);
period.addItem("Daily");
period.addItem("Weekly");
period.addItem("Montly");
period.setNullSelectionAllowed(false);
period.select("Weekly");
period.addStyleName(ValoTheme.COMBOBOX_SMALL);
period.setWidth("10em");
wrap.addComponent(period);
form.addComponent(wrap);
section = new Label("Additional Info");
section.addStyleName(ValoTheme.LABEL_H4);
section.addStyleName(ValoTheme.LABEL_COLORED);
form.addComponent(section);
TextField website = new TextField("Website");
website.setInputPrompt("http://");
website.setWidth("100%");
form.addComponent(website);
TextArea shortbio = new TextArea("Short Bio");
shortbio.setValue(
"Quis aute iure reprehenderit in voluptate velit esse. Cras mattis iudicium purus sit amet fermentum.");
shortbio.setWidth("100%");
shortbio.setRows(2);
form.addComponent(shortbio);
final RichTextArea bio = new RichTextArea("Bio");
bio.setWidth("100%");
bio.setValue(
"<div><p><span>Integer legentibus erat a ante historiarum dapibus.</span> <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span> <span>A communi observantia non est recedendum.</span> <span>Morbi fringilla convallis sapien, id pulvinar odio volutpat.</span> <span>Ab illo tempore, ab est sed immemorabili.</span> <span>Quam temere in vitiis, legem sancimus haerentia.</span></p><p><span>Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh.</span> <span>Quam diu etiam furor iste tuus nos eludet?</span> <span>Cum sociis natoque penatibus et magnis dis parturient.</span> <span>Quam diu etiam furor iste tuus nos eludet?</span> <span>Tityre, tu patulae recubans sub tegmine fagi dolor.</span></p><p><span>Curabitur blandit tempus ardua ridiculus sed magna.</span> <span>Phasellus laoreet lorem vel dolor tempus vehicula.</span> <span>Etiam habebis sem dicantur magna mollis euismod.</span> <span>Hi omnes lingua, institutis, legibus inter se differunt.</span></p></div>");
form.addComponent(bio);
bio.setReadOnly(true);
Button edit = new Button("Edit", event -> {
if (readOnly) {
bio.setReadOnly(false);
form.removeStyleName(ValoTheme.FORMLAYOUT_LIGHT);
event.getButton().setCaption("Save");
event.getButton().addStyleName(ValoTheme.BUTTON_PRIMARY);
} else {
bio.setReadOnly(true);
form.addStyleName(ValoTheme.FORMLAYOUT_LIGHT);
event.getButton().setCaption("Edit");
event.getButton().removeStyleName(ValoTheme.BUTTON_PRIMARY);
}
readOnly = !readOnly;
});
HorizontalLayout footer = new HorizontalLayout();
footer.setMargin(new MarginInfo(true, false));
footer.setSpacing(true);
footer.setDefaultComponentAlignment(Alignment.MIDDLE_LEFT);
form.addComponent(footer);
footer.addComponent(edit);
Label lastModified = new Label("Last modified by you a minute ago");
lastModified.addStyleName(ValoTheme.LABEL_LIGHT);
footer.addComponent(lastModified);
}
@Override
public void enter(ViewChangeEvent event) {
// TODO Auto-generated method stub
}
}
|
