1
|
<!doctype html>
|
2
|
<html>
|
3
|
<head>
|
4
|
<meta charset="UTF-8">
|
5
|
<meta name="design-properties" content="{"RULERS_VISIBLE":true,"GUIDELINES_VISIBLE":false,"SNAP_TO_OBJECTS":true,"SNAP_TO_GRID":true,"SNAPPING_DISTANCE":10,"JAVA_SOURCES_ROOT":"src/main/java","THEME":"edit-valo"}">
|
6
|
<meta name="vaadin-version" content="7.7.0">
|
7
|
</head>
|
8
|
<body>
|
9
|
<vaadin-tab-sheet style-name="framed" size-auto>
|
10
|
<tab caption="Login" selected>
|
11
|
<vaadin-form-layout size-auto margin>
|
12
|
<vaadin-label style-name="tiny" width="190px" plain-text>
|
13
|
Please enter your username and password.
|
14
|
</vaadin-label>
|
15
|
<vaadin-text-field caption="Username" _id="userName"></vaadin-text-field>
|
16
|
<vaadin-password-field caption="Password" _id="password"></vaadin-password-field>
|
17
|
<vaadin-label style-name="tiny" width="190px">
|
18
|
Lost your password? Please use the
|
19
|
<b>Password Recovery</b> tab.
|
20
|
</vaadin-label>
|
21
|
<vaadin-horizontal-layout spacing width-full>
|
22
|
<vaadin-button style-name="primary" plain-text _id="loginButton">
|
23
|
Login
|
24
|
</vaadin-button>
|
25
|
<vaadin-button style-name="danger" plain-text _id="cancelLoginButton">
|
26
|
Cancel
|
27
|
</vaadin-button>
|
28
|
</vaadin-horizontal-layout>
|
29
|
<vaadin-label style-name="tiny" width="190px">
|
30
|
Please use the
|
31
|
<b>Register</b> tab if you are not having a login yet.
|
32
|
</vaadin-label>
|
33
|
</vaadin-form-layout>
|
34
|
</tab>
|
35
|
<tab caption="Register">
|
36
|
<vaadin-form-layout size-auto margin>
|
37
|
<vaadin-text-field caption="Username" _id="userNameSuggestion"></vaadin-text-field>
|
38
|
<vaadin-text-field caption="Email" _id="email"></vaadin-text-field>
|
39
|
<vaadin-horizontal-layout spacing width-full>
|
40
|
<vaadin-button enabled="false" style-name="primary" plain-text _id="registerButton">
|
41
|
Register
|
42
|
</vaadin-button>
|
43
|
<vaadin-button style-name="danger" plain-text _id="cancelRegistrationButton">
|
44
|
Cancel
|
45
|
</vaadin-button>
|
46
|
</vaadin-horizontal-layout>
|
47
|
<vaadin-label style-name="tiny" width="190px">
|
48
|
After clicking
|
49
|
<b class="primary">Register</b> you will receive an E-mail with further instructions.
|
50
|
</vaadin-label>
|
51
|
</vaadin-form-layout>
|
52
|
</tab>
|
53
|
<tab caption="Password Recovery">
|
54
|
<vaadin-form-layout size-auto margin>
|
55
|
<vaadin-label style-name="tiny" size-auto plain-text>
|
56
|
Please enter your username or email adress.
|
57
|
</vaadin-label>
|
58
|
<vaadin-text-field caption="Username / email address" _id="userNameOrEmail"></vaadin-text-field>
|
59
|
<vaadin-button enabled="false" style-name="primary" plain-text _id="sendOnetimeLogin">
|
60
|
E-mail new password
|
61
|
</vaadin-button>
|
62
|
<vaadin-label style-name="tiny" width="190px">
|
63
|
After clicking the above button you will receive an E-mail with further instructions.
|
64
|
</vaadin-label>
|
65
|
</vaadin-form-layout>
|
66
|
</tab>
|
67
|
</vaadin-tab-sheet>
|
68
|
</body>
|
69
|
</html>
|