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