wickes-css2 2.116.0 → 2.117.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/pages/checkout-new.css +1 -1
- package/build/css/pages/checkout.css +1 -1
- package/build/css/pages/tradePro-signup.css +1 -1
- package/build/css/pdp-main-non-critical.css +1 -1
- package/build/img/file-pdf-solid-full.svg +3 -0
- package/build/img/lorem_ipsum.pdf +150 -0
- package/build/js/emulation.min.js +151 -11
- package/build/js/pdf-preview.min.js +1 -0
- package/package.json +1 -1
- package/src/components/modal-capture.hbs +1 -1
- package/src/components/modal-id-type.hbs +271 -0
- package/src/components/modal-pdf-preview.hbs +70 -0
- package/src/components/partner-signup-form.hbs +1 -231
- package/src/img/file-pdf-solid-full.svg +3 -0
- package/src/img/lorem_ipsum.pdf +150 -0
- package/src/js/emulation/tradepro-id-pdf.js +182 -0
- package/src/js/libs/pdf-preview.js +1177 -0
- package/src/page_checkout_confirmation-billie.html +5 -231
- package/src/page_checkout_confirmation-clearpay.html +5 -231
- package/src/page_checkout_confirmation-new-apple.html +5 -231
- package/src/page_checkout_confirmation-new-google.html +5 -231
- package/src/page_checkout_confirmation-new-klarna.html +5 -231
- package/src/page_checkout_confirmation-new-paypal.html +5 -231
- package/src/page_pdf-preview-example.html +955 -0
- package/src/page_tradePro-checkout-summary-klarna.html +4 -231
- package/src/page_tradePro-checkout-summary.html +4 -231
- package/src/page_tradePro-signup.html +5 -0
- package/src/scss/components/_id-type-modal.scss +39 -0
- package/src/scss/components/_pdf-preview-modal.scss +122 -0
- package/src/scss/pages/_checkout-tradepro.scss +1 -0
- package/src/scss/pages/tradePro-signup.scss +1 -0
- package/src/sitemap.html +1 -0
|
@@ -54,237 +54,7 @@
|
|
|
54
54
|
<div class="signup-tradepro__attach checkout-tradepro__attach_id">
|
|
55
55
|
{{> attach-make make-attachment=true}}
|
|
56
56
|
{{> modal id="attac"}}
|
|
57
|
-
{{
|
|
58
|
-
{{#content "sections"}}
|
|
59
|
-
|
|
60
|
-
{{#extend "modal-body-section" customSectionClass="id-type-signup"}}
|
|
61
|
-
{{#content "body"}}
|
|
62
|
-
{{> notifications notification-page.warning withCloseBtn="true"
|
|
63
|
-
text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
|
|
64
|
-
<div class="signup-tradepro__modal-info">
|
|
65
|
-
Select two forms of ID.
|
|
66
|
-
<div class="tradepro-id-counter_wrap">
|
|
67
|
-
<span>1</span>
|
|
68
|
-
of
|
|
69
|
-
<span>2</span>
|
|
70
|
-
</div>
|
|
71
|
-
ID's chosen
|
|
72
|
-
</div>
|
|
73
|
-
<div class="signup-tradepro__modal-fields">
|
|
74
|
-
<div class="tradepro-field">
|
|
75
|
-
<span class="icon icon__link inactive-el">
|
|
76
|
-
<i class="far fa-link"></i>
|
|
77
|
-
</span>
|
|
78
|
-
<a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
|
|
79
|
-
<div class="signup-tradepro__modal-action">
|
|
80
|
-
<div class="form-row" data-row-required="">
|
|
81
|
-
<label class="form-row__label"></label>
|
|
82
|
-
<div class="form-row__field">
|
|
83
|
-
{{> input need-pattern=true}}
|
|
84
|
-
<div class="form-row__error">{{error}}</div>
|
|
85
|
-
</div>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="signup-tradepro__modal-buttons">
|
|
88
|
-
<div class="row">
|
|
89
|
-
<div class="button-done">
|
|
90
|
-
<button class="btn btn-primary">
|
|
91
|
-
Done
|
|
92
|
-
</button>
|
|
93
|
-
</div>
|
|
94
|
-
<div class="button-cancel">
|
|
95
|
-
<button class="btn btn-secondary">
|
|
96
|
-
Cancel
|
|
97
|
-
</button>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
<div class="tradepro-field">
|
|
104
|
-
<span class="icon icon__link">
|
|
105
|
-
<i class="far fa-link"></i>
|
|
106
|
-
</span>
|
|
107
|
-
<span class="icon icon__pencil">
|
|
108
|
-
<i class="far fa-pencil"></i>
|
|
109
|
-
</span>
|
|
110
|
-
<a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
|
|
111
|
-
<div class="signup-tradepro__modal-action">
|
|
112
|
-
<div class="form-row" data-row-required="">
|
|
113
|
-
<label class="form-row__label"></label>
|
|
114
|
-
<div class="form-row__field">
|
|
115
|
-
{{> input need-pattern=true}}
|
|
116
|
-
<div class="form-row__error">{{error}}</div>
|
|
117
|
-
</div>
|
|
118
|
-
</div>
|
|
119
|
-
<div class="signup-tradepro__modal-buttons">
|
|
120
|
-
<div class="row">
|
|
121
|
-
<div class="button-done">
|
|
122
|
-
<button class="btn btn-primary">
|
|
123
|
-
Done
|
|
124
|
-
</button>
|
|
125
|
-
</div>
|
|
126
|
-
<div class="button-cancel">
|
|
127
|
-
<button class="btn btn-secondary">
|
|
128
|
-
Cancel
|
|
129
|
-
</button>
|
|
130
|
-
</div>
|
|
131
|
-
</div>
|
|
132
|
-
</div>
|
|
133
|
-
</div>
|
|
134
|
-
</div>
|
|
135
|
-
<div class="tradepro-field">
|
|
136
|
-
<span class="icon icon__link">
|
|
137
|
-
<i class="far fa-link"></i>
|
|
138
|
-
</span>
|
|
139
|
-
<a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
|
|
140
|
-
<span class="icon icon__notification">
|
|
141
|
-
<span class="fas fa-check-circle"></span>
|
|
142
|
-
</span>
|
|
143
|
-
<div class="signup-tradepro__modal-action">
|
|
144
|
-
<div class="form-row" data-row-required="">
|
|
145
|
-
<label class="form-row__label"></label>
|
|
146
|
-
<div class="form-row__field">
|
|
147
|
-
{{> input need-pattern=true}}
|
|
148
|
-
<div class="form-row__error">{{error}}</div>
|
|
149
|
-
</div>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="signup-tradepro__modal-buttons">
|
|
152
|
-
<div class="row">
|
|
153
|
-
<div class="button-done">
|
|
154
|
-
<button class="btn btn-primary">
|
|
155
|
-
Done
|
|
156
|
-
</button>
|
|
157
|
-
</div>
|
|
158
|
-
<div class="button-cancel">
|
|
159
|
-
<button class="btn btn-secondary">
|
|
160
|
-
Cancel
|
|
161
|
-
</button>
|
|
162
|
-
</div>
|
|
163
|
-
</div>
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
</div>
|
|
167
|
-
<div class="tradepro-field">
|
|
168
|
-
<span class="icon icon__link">
|
|
169
|
-
<i class="far fa-link"></i>
|
|
170
|
-
</span>
|
|
171
|
-
<a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
|
|
172
|
-
<div class="signup-tradepro__modal-action">
|
|
173
|
-
<div class="form-row" data-row-required="">
|
|
174
|
-
<label class="form-row__label"></label>
|
|
175
|
-
<div class="form-row__field">
|
|
176
|
-
{{> input need-pattern=true}}
|
|
177
|
-
<div class="form-row__error">{{error}}</div>
|
|
178
|
-
</div>
|
|
179
|
-
</div>
|
|
180
|
-
<div class="signup-tradepro__modal-buttons">
|
|
181
|
-
<div class="row">
|
|
182
|
-
<div class="button-done">
|
|
183
|
-
<button class="btn btn-primary">
|
|
184
|
-
Done
|
|
185
|
-
</button>
|
|
186
|
-
</div>
|
|
187
|
-
<div class="button-cancel">
|
|
188
|
-
<button class="btn btn-secondary">
|
|
189
|
-
Cancel
|
|
190
|
-
</button>
|
|
191
|
-
</div>
|
|
192
|
-
</div>
|
|
193
|
-
</div>
|
|
194
|
-
</div>
|
|
195
|
-
</div>
|
|
196
|
-
<div class="tradepro-field">
|
|
197
|
-
<span class="icon icon__paperclip">
|
|
198
|
-
<i class="far fa-paperclip"></i>
|
|
199
|
-
</span>
|
|
200
|
-
{{> attach-make make-capture=true}}
|
|
201
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
202
|
-
</div>
|
|
203
|
-
<div class="tradepro-field">
|
|
204
|
-
<img src="img/placeholders/thumbnail-sm.png"/>
|
|
205
|
-
<span class="icon icon__paperclip">
|
|
206
|
-
<i class="far fa-paperclip"></i>
|
|
207
|
-
</span>
|
|
208
|
-
<span class="icon icon__camera">
|
|
209
|
-
<i class="far fa-camera"></i>
|
|
210
|
-
</span>
|
|
211
|
-
<a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
|
|
212
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
213
|
-
</div>
|
|
214
|
-
<div class="tradepro-field">
|
|
215
|
-
<span class="icon icon__paperclip">
|
|
216
|
-
<i class="far fa-paperclip"></i>
|
|
217
|
-
</span>
|
|
218
|
-
<span class="icon icon__camera">
|
|
219
|
-
<i class="far fa-camera"></i>
|
|
220
|
-
</span>
|
|
221
|
-
<a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
|
|
222
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
223
|
-
</div>
|
|
224
|
-
<div class="tradepro-field">
|
|
225
|
-
<span class="icon icon__edit">
|
|
226
|
-
<i class="fas fa-edit"></i>
|
|
227
|
-
</span>
|
|
228
|
-
<a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
|
|
229
|
-
<div class="signup-tradepro__modal-action">
|
|
230
|
-
<div class="form-row" data-row-required="">
|
|
231
|
-
<label class="form-row__label"></label>
|
|
232
|
-
<div class="form-row__field">
|
|
233
|
-
{{> input need-pattern=true}}
|
|
234
|
-
<div class="form-row__error">{{error}}</div>
|
|
235
|
-
</div>
|
|
236
|
-
</div>
|
|
237
|
-
<div class="signup-tradepro__modal-buttons">
|
|
238
|
-
<div class="row">
|
|
239
|
-
<div class="button-done">
|
|
240
|
-
<button class="btn btn-primary">
|
|
241
|
-
Done
|
|
242
|
-
</button>
|
|
243
|
-
</div>
|
|
244
|
-
<div class="button-cancel">
|
|
245
|
-
<button class="btn btn-secondary">
|
|
246
|
-
Cancel
|
|
247
|
-
</button>
|
|
248
|
-
</div>
|
|
249
|
-
</div>
|
|
250
|
-
</div>
|
|
251
|
-
</div>
|
|
252
|
-
</div>
|
|
253
|
-
<div class="tradepro-field">
|
|
254
|
-
<span class="icon icon__edit">
|
|
255
|
-
<i class="fas fa-edit"></i>
|
|
256
|
-
</span>
|
|
257
|
-
<a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
|
|
258
|
-
<div class="signup-tradepro__modal-action">
|
|
259
|
-
<div class="form-row" data-row-required="">
|
|
260
|
-
<label class="form-row__label"></label>
|
|
261
|
-
<div class="form-row__field">
|
|
262
|
-
{{> input need-pattern=true}}
|
|
263
|
-
<div class="form-row__error">{{error}}</div>
|
|
264
|
-
</div>
|
|
265
|
-
</div>
|
|
266
|
-
<div class="signup-tradepro__modal-buttons">
|
|
267
|
-
<div class="row">
|
|
268
|
-
<div class="button-done">
|
|
269
|
-
<button class="btn btn-primary">
|
|
270
|
-
Done
|
|
271
|
-
</button>
|
|
272
|
-
</div>
|
|
273
|
-
<div class="button-cancel">
|
|
274
|
-
<button class="btn btn-secondary">
|
|
275
|
-
Cancel
|
|
276
|
-
</button>
|
|
277
|
-
</div>
|
|
278
|
-
</div>
|
|
279
|
-
</div>
|
|
280
|
-
</div>
|
|
281
|
-
</div>
|
|
282
|
-
</div>
|
|
283
|
-
{{/content}}
|
|
284
|
-
{{/extend}}
|
|
285
|
-
|
|
286
|
-
{{/content}}
|
|
287
|
-
{{/extend}}
|
|
57
|
+
{{> modal-id-type }}
|
|
288
58
|
</div>
|
|
289
59
|
<div class="chosen-form-container">
|
|
290
60
|
<div class="chosen-form-wrap">
|
|
@@ -335,8 +105,11 @@
|
|
|
335
105
|
</div>
|
|
336
106
|
{{/content}}
|
|
337
107
|
{{#content "foot" mode="append"}}
|
|
108
|
+
<script src="./js/pdf-preview.min.js"></script>
|
|
338
109
|
<!--<script defer src="js/page/checkout-confirmation.js"></script>-->
|
|
339
110
|
{{/content}}
|
|
340
111
|
{{/extend}}
|
|
341
112
|
|
|
342
113
|
{{> modal-capture }}
|
|
114
|
+
{{> modal-pdf-preview }}
|
|
115
|
+
{{> loader hidden=true modifier="basket-loader tradepro-id-loader"}}
|
|
@@ -54,237 +54,7 @@
|
|
|
54
54
|
<div class="signup-tradepro__attach checkout-tradepro__attach_id">
|
|
55
55
|
{{> attach-make make-attachment=true}}
|
|
56
56
|
{{> modal id="attac"}}
|
|
57
|
-
{{
|
|
58
|
-
{{#content "sections"}}
|
|
59
|
-
|
|
60
|
-
{{#extend "modal-body-section" customSectionClass="id-type-signup"}}
|
|
61
|
-
{{#content "body"}}
|
|
62
|
-
{{> notifications notification-page.warning withCloseBtn="true"
|
|
63
|
-
text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
|
|
64
|
-
<div class="signup-tradepro__modal-info">
|
|
65
|
-
Select two forms of ID.
|
|
66
|
-
<div class="tradepro-id-counter_wrap">
|
|
67
|
-
<span>1</span>
|
|
68
|
-
of
|
|
69
|
-
<span>2</span>
|
|
70
|
-
</div>
|
|
71
|
-
ID's chosen
|
|
72
|
-
</div>
|
|
73
|
-
<div class="signup-tradepro__modal-fields">
|
|
74
|
-
<div class="tradepro-field">
|
|
75
|
-
<span class="icon icon__link inactive-el">
|
|
76
|
-
<i class="far fa-link"></i>
|
|
77
|
-
</span>
|
|
78
|
-
<a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
|
|
79
|
-
<div class="signup-tradepro__modal-action">
|
|
80
|
-
<div class="form-row" data-row-required="">
|
|
81
|
-
<label class="form-row__label"></label>
|
|
82
|
-
<div class="form-row__field">
|
|
83
|
-
{{> input need-pattern=true}}
|
|
84
|
-
<div class="form-row__error">{{error}}</div>
|
|
85
|
-
</div>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="signup-tradepro__modal-buttons">
|
|
88
|
-
<div class="row">
|
|
89
|
-
<div class="button-done">
|
|
90
|
-
<button class="btn btn-primary">
|
|
91
|
-
Done
|
|
92
|
-
</button>
|
|
93
|
-
</div>
|
|
94
|
-
<div class="button-cancel">
|
|
95
|
-
<button class="btn btn-secondary">
|
|
96
|
-
Cancel
|
|
97
|
-
</button>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
<div class="tradepro-field">
|
|
104
|
-
<span class="icon icon__link">
|
|
105
|
-
<i class="far fa-link"></i>
|
|
106
|
-
</span>
|
|
107
|
-
<span class="icon icon__pencil">
|
|
108
|
-
<i class="far fa-pencil"></i>
|
|
109
|
-
</span>
|
|
110
|
-
<a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
|
|
111
|
-
<div class="signup-tradepro__modal-action">
|
|
112
|
-
<div class="form-row" data-row-required="">
|
|
113
|
-
<label class="form-row__label"></label>
|
|
114
|
-
<div class="form-row__field">
|
|
115
|
-
{{> input need-pattern=true}}
|
|
116
|
-
<div class="form-row__error">{{error}}</div>
|
|
117
|
-
</div>
|
|
118
|
-
</div>
|
|
119
|
-
<div class="signup-tradepro__modal-buttons">
|
|
120
|
-
<div class="row">
|
|
121
|
-
<div class="button-done">
|
|
122
|
-
<button class="btn btn-primary">
|
|
123
|
-
Done
|
|
124
|
-
</button>
|
|
125
|
-
</div>
|
|
126
|
-
<div class="button-cancel">
|
|
127
|
-
<button class="btn btn-secondary">
|
|
128
|
-
Cancel
|
|
129
|
-
</button>
|
|
130
|
-
</div>
|
|
131
|
-
</div>
|
|
132
|
-
</div>
|
|
133
|
-
</div>
|
|
134
|
-
</div>
|
|
135
|
-
<div class="tradepro-field">
|
|
136
|
-
<span class="icon icon__link">
|
|
137
|
-
<i class="far fa-link"></i>
|
|
138
|
-
</span>
|
|
139
|
-
<a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
|
|
140
|
-
<span class="icon icon__notification">
|
|
141
|
-
<span class="fas fa-check-circle"></span>
|
|
142
|
-
</span>
|
|
143
|
-
<div class="signup-tradepro__modal-action">
|
|
144
|
-
<div class="form-row" data-row-required="">
|
|
145
|
-
<label class="form-row__label"></label>
|
|
146
|
-
<div class="form-row__field">
|
|
147
|
-
{{> input need-pattern=true}}
|
|
148
|
-
<div class="form-row__error">{{error}}</div>
|
|
149
|
-
</div>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="signup-tradepro__modal-buttons">
|
|
152
|
-
<div class="row">
|
|
153
|
-
<div class="button-done">
|
|
154
|
-
<button class="btn btn-primary">
|
|
155
|
-
Done
|
|
156
|
-
</button>
|
|
157
|
-
</div>
|
|
158
|
-
<div class="button-cancel">
|
|
159
|
-
<button class="btn btn-secondary">
|
|
160
|
-
Cancel
|
|
161
|
-
</button>
|
|
162
|
-
</div>
|
|
163
|
-
</div>
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
</div>
|
|
167
|
-
<div class="tradepro-field">
|
|
168
|
-
<span class="icon icon__link">
|
|
169
|
-
<i class="far fa-link"></i>
|
|
170
|
-
</span>
|
|
171
|
-
<a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
|
|
172
|
-
<div class="signup-tradepro__modal-action">
|
|
173
|
-
<div class="form-row" data-row-required="">
|
|
174
|
-
<label class="form-row__label"></label>
|
|
175
|
-
<div class="form-row__field">
|
|
176
|
-
{{> input need-pattern=true}}
|
|
177
|
-
<div class="form-row__error">{{error}}</div>
|
|
178
|
-
</div>
|
|
179
|
-
</div>
|
|
180
|
-
<div class="signup-tradepro__modal-buttons">
|
|
181
|
-
<div class="row">
|
|
182
|
-
<div class="button-done">
|
|
183
|
-
<button class="btn btn-primary">
|
|
184
|
-
Done
|
|
185
|
-
</button>
|
|
186
|
-
</div>
|
|
187
|
-
<div class="button-cancel">
|
|
188
|
-
<button class="btn btn-secondary">
|
|
189
|
-
Cancel
|
|
190
|
-
</button>
|
|
191
|
-
</div>
|
|
192
|
-
</div>
|
|
193
|
-
</div>
|
|
194
|
-
</div>
|
|
195
|
-
</div>
|
|
196
|
-
<div class="tradepro-field">
|
|
197
|
-
<span class="icon icon__paperclip">
|
|
198
|
-
<i class="far fa-paperclip"></i>
|
|
199
|
-
</span>
|
|
200
|
-
{{> attach-make make-capture=true}}
|
|
201
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
202
|
-
</div>
|
|
203
|
-
<div class="tradepro-field">
|
|
204
|
-
<img src="img/placeholders/thumbnail-sm.png"/>
|
|
205
|
-
<span class="icon icon__paperclip">
|
|
206
|
-
<i class="far fa-paperclip"></i>
|
|
207
|
-
</span>
|
|
208
|
-
<span class="icon icon__camera">
|
|
209
|
-
<i class="far fa-camera"></i>
|
|
210
|
-
</span>
|
|
211
|
-
<a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
|
|
212
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
213
|
-
</div>
|
|
214
|
-
<div class="tradepro-field">
|
|
215
|
-
<span class="icon icon__paperclip">
|
|
216
|
-
<i class="far fa-paperclip"></i>
|
|
217
|
-
</span>
|
|
218
|
-
<span class="icon icon__camera">
|
|
219
|
-
<i class="far fa-camera"></i>
|
|
220
|
-
</span>
|
|
221
|
-
<a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
|
|
222
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
223
|
-
</div>
|
|
224
|
-
<div class="tradepro-field">
|
|
225
|
-
<span class="icon icon__edit">
|
|
226
|
-
<i class="fas fa-edit"></i>
|
|
227
|
-
</span>
|
|
228
|
-
<a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
|
|
229
|
-
<div class="signup-tradepro__modal-action">
|
|
230
|
-
<div class="form-row" data-row-required="">
|
|
231
|
-
<label class="form-row__label"></label>
|
|
232
|
-
<div class="form-row__field">
|
|
233
|
-
{{> input need-pattern=true}}
|
|
234
|
-
<div class="form-row__error">{{error}}</div>
|
|
235
|
-
</div>
|
|
236
|
-
</div>
|
|
237
|
-
<div class="signup-tradepro__modal-buttons">
|
|
238
|
-
<div class="row">
|
|
239
|
-
<div class="button-done">
|
|
240
|
-
<button class="btn btn-primary">
|
|
241
|
-
Done
|
|
242
|
-
</button>
|
|
243
|
-
</div>
|
|
244
|
-
<div class="button-cancel">
|
|
245
|
-
<button class="btn btn-secondary">
|
|
246
|
-
Cancel
|
|
247
|
-
</button>
|
|
248
|
-
</div>
|
|
249
|
-
</div>
|
|
250
|
-
</div>
|
|
251
|
-
</div>
|
|
252
|
-
</div>
|
|
253
|
-
<div class="tradepro-field">
|
|
254
|
-
<span class="icon icon__edit">
|
|
255
|
-
<i class="fas fa-edit"></i>
|
|
256
|
-
</span>
|
|
257
|
-
<a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
|
|
258
|
-
<div class="signup-tradepro__modal-action">
|
|
259
|
-
<div class="form-row" data-row-required="">
|
|
260
|
-
<label class="form-row__label"></label>
|
|
261
|
-
<div class="form-row__field">
|
|
262
|
-
{{> input need-pattern=true}}
|
|
263
|
-
<div class="form-row__error">{{error}}</div>
|
|
264
|
-
</div>
|
|
265
|
-
</div>
|
|
266
|
-
<div class="signup-tradepro__modal-buttons">
|
|
267
|
-
<div class="row">
|
|
268
|
-
<div class="button-done">
|
|
269
|
-
<button class="btn btn-primary">
|
|
270
|
-
Done
|
|
271
|
-
</button>
|
|
272
|
-
</div>
|
|
273
|
-
<div class="button-cancel">
|
|
274
|
-
<button class="btn btn-secondary">
|
|
275
|
-
Cancel
|
|
276
|
-
</button>
|
|
277
|
-
</div>
|
|
278
|
-
</div>
|
|
279
|
-
</div>
|
|
280
|
-
</div>
|
|
281
|
-
</div>
|
|
282
|
-
</div>
|
|
283
|
-
{{/content}}
|
|
284
|
-
{{/extend}}
|
|
285
|
-
|
|
286
|
-
{{/content}}
|
|
287
|
-
{{/extend}}
|
|
57
|
+
{{> modal-id-type }}
|
|
288
58
|
</div>
|
|
289
59
|
<div class="chosen-form-container">
|
|
290
60
|
<div class="chosen-form-wrap">
|
|
@@ -335,8 +105,11 @@
|
|
|
335
105
|
</div>
|
|
336
106
|
{{/content}}
|
|
337
107
|
{{#content "foot" mode="append"}}
|
|
108
|
+
<script src="./js/pdf-preview.min.js"></script>
|
|
338
109
|
<!--<script defer src="js/page/checkout-confirmation.js"></script>-->
|
|
339
110
|
{{/content}}
|
|
340
111
|
{{/extend}}
|
|
341
112
|
|
|
342
113
|
{{> modal-capture }}
|
|
114
|
+
{{> modal-pdf-preview }}
|
|
115
|
+
{{> loader hidden=true modifier="basket-loader tradepro-id-loader"}}
|
|
@@ -44,6 +44,11 @@ text="Sorry, your TradePro application has already been submitted with this info
|
|
|
44
44
|
</div>
|
|
45
45
|
</div>
|
|
46
46
|
{{/content}}
|
|
47
|
+
{{#content "foot" mode="prepend"}}
|
|
48
|
+
<script src="./js/pdf-preview.min.js"></script>
|
|
49
|
+
{{/content}}
|
|
47
50
|
{{/extend}}
|
|
48
51
|
|
|
49
52
|
{{> modal-capture }}
|
|
53
|
+
{{> modal-pdf-preview }}
|
|
54
|
+
{{> loader hidden=true modifier="basket-loader tradepro-id-loader"}}
|
|
@@ -71,6 +71,25 @@
|
|
|
71
71
|
vertical-align: middle;
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
+
|
|
75
|
+
&__lock,
|
|
76
|
+
&__info {
|
|
77
|
+
font-size: 0.75rem;
|
|
78
|
+
color: $gray;
|
|
79
|
+
margin-right: 5px;
|
|
80
|
+
width: auto;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&__hint {
|
|
85
|
+
margin-top: 5px;
|
|
86
|
+
padding-left: 34px;
|
|
87
|
+
font-size: 0.75rem;
|
|
88
|
+
color: $gray-dark;
|
|
89
|
+
|
|
90
|
+
& + & {
|
|
91
|
+
margin-top: 10px;
|
|
92
|
+
}
|
|
74
93
|
}
|
|
75
94
|
|
|
76
95
|
.tradepro-attachment {
|
|
@@ -80,6 +99,20 @@
|
|
|
80
99
|
cursor: pointer;
|
|
81
100
|
}
|
|
82
101
|
|
|
102
|
+
&[data-pdf-preview-field] {
|
|
103
|
+
.tradepro-attachment {
|
|
104
|
+
top: 0;
|
|
105
|
+
width: 100%;
|
|
106
|
+
height: 100%;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
&--has-pdf {
|
|
111
|
+
.tradepro-attachment {
|
|
112
|
+
pointer-events: none;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
83
116
|
img {
|
|
84
117
|
margin-right: 10px;
|
|
85
118
|
width: 30px;
|
|
@@ -193,3 +226,9 @@
|
|
|
193
226
|
.id-capture {
|
|
194
227
|
padding-bottom: 30px;
|
|
195
228
|
}
|
|
229
|
+
|
|
230
|
+
// Full-page loader shown while an ID file uploads. The "Choose Type of ID"
|
|
231
|
+
// modal is open at that point, so it has to sit above the modal.
|
|
232
|
+
.tradepro-id-loader {
|
|
233
|
+
z-index: $zindex-modal + 10;
|
|
234
|
+
}
|