-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathbuild.html
183 lines (172 loc) · 14.7 KB
/
build.html
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
171
172
173
174
175
176
177
178
179
180
181
182
183
<div data-login-ds-id="{{id}}" data-login-ds-uuid="{{uuid}}">
{{#if heading}}
<h1 class="text-center">{{heading}}</h1>
{{/if}}
<div class="fl-login-holder" ontouchstart="">
<div class="fl-login-header">
<p class="instruction" data-translate="widgets.login.dataSource.login.instruction">Enter your access details below</p>
</div>
<div class="fl-login-form">
<form class="form-horizontal form-login">
<div class="form-group clearfix ">
<div class="col-sm-12 fl-email">
<label for="email-{{id}}" data-translate="[placeholder]widgets.login.dataSource.login.emailLabel">
<span class="sr-only">Email</span>
<i class="fa fa-envelope" aria-hidden="true"></i>
</label>
<input type="email" id="email-{{id}}" class="form-control profile_email focus-outline" name="Email" data-translate="[placeholder]widgets.login.dataSource.login.emailPlaceholder" placeholder="Enter your email" autocomplete="false" required />
</div>
</div>
<div class="form-group clearfix">
<div class="col-sm-12 fl-password">
<label for="password-{{id}}" data-translate="[placeholder]widgets.login.dataSource.login.passwordLabel">
<span class="sr-only">Password</span>
<i class="fa fa-lock" aria-hidden="true"></i>
</label>
<input type="password" id="password-{{id}}" class="form-control profile_password focus-outline" name="Password" data-translate="[placeholder]widgets.login.dataSource.login.passwordPlaceholder" placeholder="Enter your password" autocomplete="new-password" required />
{{#if allowShowPassword}}
<button type="button" role="switch" aria-checked="false" class="toggle-password-visibility">
<span class="sr-only">Show password</span>
<svg class="icon eye-open" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12" fill="currentColor">
<path d="M9.72528 3.505C10.7861 3.505 11.8036 3.92643 12.5537 4.67657C13.3039 5.42672 13.7253 6.44413 13.7253 7.505C13.7253 8.56587 13.3039 9.58328 12.5537 10.3334C11.8036 11.0836 10.7861 11.505 9.72528 11.505C8.66442 11.505 7.647 11.0836 6.89686 10.3334C6.14671 9.58328 5.72528 8.56587 5.72528 7.505C5.72528 6.44413 6.14671 5.42672 6.89686 4.67657C7.647 3.92643 8.66442 3.505 9.72528 3.505ZM9.72528 3.74842e-07C14.3383 3.74842e-07 18.3213 3.15 19.4263 7.564C19.4747 7.75695 19.4445 7.96122 19.3423 8.13187C19.24 8.30253 19.0742 8.4256 18.8813 8.474C18.6883 8.5224 18.4841 8.49217 18.3134 8.38997C18.1428 8.28776 18.0197 8.12195 17.9713 7.929C17.5083 6.09247 16.4455 4.46306 14.9513 3.29913C13.4572 2.1352 11.6172 1.50338 9.72322 1.50384C7.82923 1.5043 5.9896 2.13702 4.49601 3.30167C3.00243 4.46632 1.94039 6.09625 1.47828 7.933C1.45445 8.0286 1.41202 8.11857 1.35341 8.19778C1.29481 8.27698 1.22117 8.34387 1.13672 8.39461C1.05226 8.44536 0.95864 8.47898 0.861193 8.49354C0.763747 8.50811 0.664386 8.50333 0.568784 8.4795C0.473182 8.45566 0.38321 8.41323 0.304006 8.35463C0.224803 8.29602 0.157918 8.22239 0.107171 8.13793C0.0564234 8.05348 0.0228077 7.95986 0.00824284 7.86241C-0.00632199 7.76496 -0.0015509 7.6656 0.022284 7.57C0.564125 5.40704 1.81333 3.48722 3.57139 2.11563C5.32945 0.744046 7.49548 -0.000609927 9.72528 3.74842e-07Z"/>
</svg>
<svg class="icon eye-closed hidden" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="15" viewBox="0 0 20 15" fill="currentColor">
<rect x="2" y="0.707031" width="1" height="20" rx="0.5" transform="rotate(-45 2 0.707031)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.31613 2.73019C4.7021 3.03158 4.11709 3.39692 3.57139 3.82266C1.81333 5.19425 0.564125 7.11407 0.022284 9.27703C-0.0015509 9.37263 -0.00632199 9.472 0.00824284 9.56944C0.0228077 9.66689 0.0564234 9.76051 0.107171 9.84497C0.157918 9.92942 0.224803 10.0031 0.304006 10.0617C0.38321 10.1203 0.473182 10.1627 0.568784 10.1865C0.664386 10.2104 0.763747 10.2151 0.861193 10.2006C0.95864 10.186 1.05226 10.1524 1.13672 10.1016C1.22117 10.0509 1.29481 9.98401 1.35341 9.90481C1.41202 9.82561 1.45445 9.73563 1.47828 9.64003C1.94039 7.80328 3.00243 6.17335 4.49601 5.0087C5.09814 4.53918 5.75651 4.15611 6.452 3.86607L5.31613 2.73019ZM8.1299 5.54396C7.67419 5.74216 7.25505 6.02541 6.89686 6.38361C6.14671 7.13375 5.72528 8.15117 5.72528 9.21203C5.72528 10.2729 6.14671 11.2903 6.89686 12.0405C7.647 12.7906 8.66442 13.212 9.72528 13.212C10.7861 13.212 11.8036 12.7906 12.5537 12.0405C12.9119 11.6823 13.1952 11.2631 13.3934 10.8074L8.1299 5.54396ZM13.6959 9.69579L9.24153 5.24138C9.40122 5.22193 9.56274 5.21203 9.72528 5.21203C10.7861 5.21203 11.8036 5.63346 12.5537 6.38361C13.3039 7.13375 13.7253 8.15117 13.7253 9.21203C13.7253 9.37457 13.7154 9.53609 13.6959 9.69579ZM7.50577 3.50562L6.30815 2.308C7.39609 1.91278 8.55186 1.70671 9.72528 1.70703C14.3383 1.70703 18.3213 4.85703 19.4263 9.27103C19.4747 9.46398 19.4445 9.66825 19.3423 9.8389C19.24 10.0096 19.0742 10.1326 18.8813 10.181C18.6883 10.2294 18.4841 10.1992 18.3134 10.097C18.1428 9.99479 18.0197 9.82898 17.9713 9.63603C17.5083 7.7995 16.4455 6.17009 14.9513 5.00616C13.4572 3.84224 11.6172 3.21041 9.72322 3.21087C8.96933 3.21105 8.22404 3.31141 7.50577 3.50562Z"/>
</svg>
</button>
{{/if}}
</div>
</div>
<div class="form-btns clearfix">
<p class="text-danger login-error hidden" data-translate="widgets.login.dataSource.login.mismatch">The details you entered don’t match our records. Please try again.</p>
<p><button class="btn btn-primary btn-login focus-outline" type="submit">
<span class="btn-label" data-translate="widgets.login.dataSource.login.action">Log in</span>
<span class="loader" data-translate="widgets.login.dataSource.loading">Loading...</span>
</button></p>
{{#if hasSignupScreen}}
<p>
<button class="btn btn-secondary btn-signup focus-outline" type="button">
<span class="btn-label">{{ signupButtonLabel }}</span>
</button>
</p>
{{/if}}
{{#if allowReset}}
<p><span class="btn btn-link btn-forget-pass focus-outline" tabindex="0" data-translate="widgets.login.dataSource.login.forgotPassword">Forgot your password?</span></p>
{{/if}}
</div>
<div class="alert alert-warning signup-warning hidden" role="alert"><strong data-translate="widgets.login.dataSource.login.signupWarningBoldMessage">Registration button seems to be hidden.</strong> <span data-translate="widgets.login.dataSource.login.signupWarningMessage">Please ensure the registration button is visible. Until the registration button is restored the log in feature won't work.</span></div>
</form>
</div>
</div>
{{#if allowReset}}
<div class="fl-restore-pass" ontouchstart="">
<div class="state start" data-state="verify-email">
<form class="form-horizontal form-verify-email">
<p class="instruction" data-translate="widgets.login.dataSource.restore.instruction">To reset your password you must verify your email address.</p>
<div class="input-wrapper">
<input type="email" class="form-control reset-email-field focus-outline" data-translate="[placeholder]widgets.login.dataSource.verify.emailPlaceholder" placeholder="Enter your email" autocomplete="false" />
</div>
<p class="text-danger reset-email-error hidden" data-translate="widgets.login.dataSource.restore.emailNotFound">Your email address cannot be found. Please try again.</p>
<p>
<span class="btn btn-link back-login focus-outline" tabindex="0" data-translate="widgets.login.dataSource.restore.back">Back to Login</span>
<button class="btn btn-primary verify-identity focus-outline" tabindex="0" type="submit">
<span class="btn-label" data-translate="widgets.login.dataSource.restore.action">Verify email</span>
<span class="loader" data-translate="widgets.login.dataSource.loading">Loading...</span>
</button>
</p>
<p><span class="btn btn-link have-code hidden" data-translate="widgets.login.dataSource.restore.hasVerificationCode">I have a verification code</span></p>
</form>
</div>
<div class="state future" data-state="verify-code">
<form class="form-horizontal form-verify-code">
<p class="instruction" data-translate="[html]widgets.login.dataSource.verify.instruction">A verification code was sent to <span class="verify-user-email"></span>.</p>
<div class="input-wrapper">
<input type="text" class="form-control pin-code-field focus-outline" data-translate="[placeholder]widgets.login.dataSource.verify.codePlaceholder" placeholder="Enter verification code" />
<span class="text-primary fa fa-angle-left back start"></span>
</div>
<p class="text-danger pin-verify-error hidden" data-translate="widgets.login.dataSource.verify.mismatch">You entered the wrong code or the code expired. Please try again or request a new code.</p>
<p class="text-danger pin-sent-error hidden"></p>
<p>
<span class="btn btn-link resend-code hidden" data-translate="widgets.login.dataSource.verify.resend">Resend verification code</span>
<button class="btn btn-primary authenticate focus-outline" type="submit">
<span class="btn-label" data-translate="widgets.login.dataSource.verify.action">Verify</span>
<span class="loader" data-translate="widgets.login.dataSource.loading">Loading...</span>
</button>
</p>
<p class="text-success pin-sent-success hidden" data-translate="widgets.login.dataSource.verify.resendSuccess">A new code was sent to your email.</p>
</form>
</div>
<div class="state future" data-state="reset-password">
<form class="form-horizontal form-reset-password">
<p class="instruction" data-translate="widgets.login.dataSource.reset.instruction">Enter your new password below.</p>
<div class="input-wrapper">
<input type="password" class="form-control new-password focus-outline" data-translate="[placeholder]widgets.login.dataSource.reset.newPasswordPlaceholder" placeholder="Enter your new password" autocomplete="new-password" />
<div class="panel password-checker hidden">
<div class="panel-heading" data-translate="widgets.login.dataSource.reset.requirementHeading">Password requirements</div>
<div class="panel-body">
<div class="requirement">
<input type="checkbox" class="hidden password-length" readonly="readonly" tabindex="-1" />
<label class="requirement-marker">
<i class="fa fa-check"></i>
</label>
<span data-translate="widgets.login.dataSource.validation.minLength">Password must be at least 8 characters.</span>
</div>
<div class="requirement">
<input type="checkbox" class="hidden password-uppercase" readonly="readonly" tabindex="-1"/>
<label class="requirement-marker">
<i class="fa fa-check"></i>
</label>
<span data-translate="widgets.login.dataSource.validation.uppercase">Password must contain at least 1 uppercase character.</span>
</div>
<div class="requirement">
<input type="checkbox" class="hidden password-lowercase" readonly="readonly" tabindex="-1" />
<label class="requirement-marker">
<i class="fa fa-check"></i>
</label>
<span data-translate="widgets.login.dataSource.validation.lowercase">Password must contain at least 1 lowercase character.</span>
</div>
<div class="requirement">
<input type="checkbox" class="hidden password-number" readonly="readonly" tabindex="-1" />
<label class="requirement-marker">
<i class="fa fa-check"></i>
</label>
<span data-translate="widgets.login.dataSource.validation.number">Password must contain at least 1 number.</span>
</div>
<div class="requirement">
<input type="checkbox" class="hidden password-special" readonly="readonly" tabindex="-1" />
<label class="requirement-marker">
<i class="fa fa-check"></i>
</label>
<span data-translate="widgets.login.dataSource.validation.symbol">Password must contain at least 1 symbol.</span>
</div>
</div>
</div>
<input type="password" class="form-control confirm-password focus-outline" data-translate="[placeholder]widgets.login.dataSource.reset.confirmPasswordPlaceholder" placeholder="Confirm your new password" autocomplete="new-password" />
<div class="panel password-checker password-confirmation hidden">
<div class="panel-heading" data-translate="widgets.login.dataSource.reset.confirmHeading">Password confirmation</div>
<div class="panel-body">
<div class="requirement">
<input type="checkbox" class="hidden password-confirmation-check" readonly="readonly" tabindex="-1" />
<label class="requirement-marker">
<i class="fa fa-check"></i>
</label>
<span data-translate="widgets.login.dataSource.validation.confirm">Password confirmation must match.</span>
</div>
</div>
</div>
</div>
<p class="text-danger reset-password-error hidden" data-translate="widgets.login.dataSource.reset.mismatch">Passwords don't match. Please try again.</p>
<p><button class="btn btn-primary update-password focus-outline" tabindex="0" type="submit">
<span class="btn-label" data-translate="widgets.login.dataSource.reset.action">Reset password</span>
<span class="loader" data-translate="widgets.login.dataSource.loading">Loading...</span>
</button></p>
</form>
</div>
<div class="state future" data-state="all-done">
<p class="instruction" data-translate="widgets.login.dataSource.reset.success">You can now log in using your email address and new password.</p>
<p><span class="btn btn-primary back-login focus-outline" tabindex="0" data-translate="widgets.login.dataSource.login.action">Log in</span></p>
</div>
</div>
{{/if}}
</div>