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
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
{{#extend "modal" id="attach" title="Choose Type of ID" fullWidth=true classMod="id-type" backdrop="true"}}
|
|
2
|
+
{{#content "sections"}}
|
|
3
|
+
|
|
4
|
+
{{#extend "modal-body-section" customSectionClass="id-type-signup"}}
|
|
5
|
+
{{#content "body"}}
|
|
6
|
+
{{> notifications notification-page.warning withCloseBtn="true"
|
|
7
|
+
text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
|
|
8
|
+
<div class="signup-tradepro__modal-info">
|
|
9
|
+
Select two forms of ID.
|
|
10
|
+
<div class="tradepro-id-counter_wrap">
|
|
11
|
+
<span>1</span>
|
|
12
|
+
of
|
|
13
|
+
<span>2</span>
|
|
14
|
+
</div>
|
|
15
|
+
ID's chosen
|
|
16
|
+
</div>
|
|
17
|
+
<div class="signup-tradepro__modal-fields">
|
|
18
|
+
<div class="tradepro-field">
|
|
19
|
+
<span class="icon icon__link inactive-el">
|
|
20
|
+
<i class="far fa-link"></i>
|
|
21
|
+
</span>
|
|
22
|
+
<a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
|
|
23
|
+
<div class="signup-tradepro__modal-action">
|
|
24
|
+
<div class="form-row" data-row-required="">
|
|
25
|
+
<label class="form-row__label"></label>
|
|
26
|
+
<div class="form-row__field">
|
|
27
|
+
{{> input need-pattern=true}}
|
|
28
|
+
<div class="form-row__error">{{error}}</div>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="signup-tradepro__modal-buttons">
|
|
32
|
+
<div class="row">
|
|
33
|
+
<div class="button-done">
|
|
34
|
+
<button class="btn btn-primary">
|
|
35
|
+
Done
|
|
36
|
+
</button>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="button-cancel">
|
|
39
|
+
<button class="btn btn-secondary">
|
|
40
|
+
Cancel
|
|
41
|
+
</button>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="tradepro-field">
|
|
48
|
+
<span class="icon icon__link">
|
|
49
|
+
<i class="far fa-link"></i>
|
|
50
|
+
</span>
|
|
51
|
+
<span class="icon icon__pencil">
|
|
52
|
+
<i class="far fa-pencil"></i>
|
|
53
|
+
</span>
|
|
54
|
+
<a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
|
|
55
|
+
<div class="signup-tradepro__modal-action">
|
|
56
|
+
<div class="form-row" data-row-required="">
|
|
57
|
+
<label class="form-row__label"></label>
|
|
58
|
+
<div class="form-row__field">
|
|
59
|
+
{{> input need-pattern=true}}
|
|
60
|
+
<div class="form-row__error">{{error}}</div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="signup-tradepro__modal-buttons">
|
|
64
|
+
<div class="row">
|
|
65
|
+
<div class="button-done">
|
|
66
|
+
<button class="btn btn-primary">
|
|
67
|
+
Done
|
|
68
|
+
</button>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="button-cancel">
|
|
71
|
+
<button class="btn btn-secondary">
|
|
72
|
+
Cancel
|
|
73
|
+
</button>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="tradepro-field">
|
|
80
|
+
<span class="icon icon__link">
|
|
81
|
+
<i class="far fa-link"></i>
|
|
82
|
+
</span>
|
|
83
|
+
<a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
|
|
84
|
+
<span class="icon icon__notification">
|
|
85
|
+
<span class="fas fa-check-circle"></span>
|
|
86
|
+
</span>
|
|
87
|
+
<div class="signup-tradepro__modal-action">
|
|
88
|
+
<div class="form-row" data-row-required="">
|
|
89
|
+
<label class="form-row__label"></label>
|
|
90
|
+
<div class="form-row__field">
|
|
91
|
+
{{> input need-pattern=true}}
|
|
92
|
+
<div class="form-row__error">{{error}}</div>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="signup-tradepro__modal-buttons">
|
|
96
|
+
<div class="row">
|
|
97
|
+
<div class="button-done">
|
|
98
|
+
<button class="btn btn-primary">
|
|
99
|
+
Done
|
|
100
|
+
</button>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="button-cancel">
|
|
103
|
+
<button class="btn btn-secondary">
|
|
104
|
+
Cancel
|
|
105
|
+
</button>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
<div class="tradepro-field">
|
|
112
|
+
<span class="icon icon__link">
|
|
113
|
+
<i class="far fa-link"></i>
|
|
114
|
+
</span>
|
|
115
|
+
<a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
|
|
116
|
+
<div class="signup-tradepro__modal-action">
|
|
117
|
+
<div class="form-row" data-row-required="">
|
|
118
|
+
<label class="form-row__label"></label>
|
|
119
|
+
<div class="form-row__field">
|
|
120
|
+
{{> input need-pattern=true}}
|
|
121
|
+
<div class="form-row__error">{{error}}</div>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
<div class="signup-tradepro__modal-buttons">
|
|
125
|
+
<div class="row">
|
|
126
|
+
<div class="button-done">
|
|
127
|
+
<button class="btn btn-primary">
|
|
128
|
+
Done
|
|
129
|
+
</button>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="button-cancel">
|
|
132
|
+
<button class="btn btn-secondary">
|
|
133
|
+
Cancel
|
|
134
|
+
</button>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
<div class="tradepro-field choose-id" data-toggle="modal" data-target="#capture">
|
|
141
|
+
<span class="icon icon__paperclip">
|
|
142
|
+
<i class="far fa-paperclip"></i>
|
|
143
|
+
</span>
|
|
144
|
+
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
145
|
+
{{> attach-make make-capture=true}}
|
|
146
|
+
</div>
|
|
147
|
+
<div class="tradepro-field">
|
|
148
|
+
<img src="img/placeholders/thumbnail-sm.png"/>
|
|
149
|
+
<span class="icon icon__paperclip d-none">
|
|
150
|
+
<i class="far fa-paperclip"></i>
|
|
151
|
+
</span>
|
|
152
|
+
<span class="icon icon__camera">
|
|
153
|
+
<i class="far fa-camera"></i>
|
|
154
|
+
</span>
|
|
155
|
+
<a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
|
|
156
|
+
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
157
|
+
</div>
|
|
158
|
+
<div class="tradepro-field">
|
|
159
|
+
<span class="icon icon__paperclip">
|
|
160
|
+
<i class="far fa-paperclip"></i>
|
|
161
|
+
</span>
|
|
162
|
+
<span class="icon icon__camera">
|
|
163
|
+
<i class="far fa-camera"></i>
|
|
164
|
+
</span>
|
|
165
|
+
<a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
|
|
166
|
+
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
167
|
+
</div>
|
|
168
|
+
<div class="tradepro-field tradepro-field--has-pdf" data-pdf-preview-field title="lorem_ipsum.pdf">
|
|
169
|
+
<img class="tradepro-field__pdf-icon mr-0" src="img/file-pdf-solid-full.svg"/>
|
|
170
|
+
<span class="icon icon__paperclip d-none">
|
|
171
|
+
<i class="far fa-paperclip"></i>
|
|
172
|
+
</span>
|
|
173
|
+
<span class="icon icon__camera d-none">
|
|
174
|
+
<i class="far fa-camera"></i>
|
|
175
|
+
</span>
|
|
176
|
+
<a href="#" class="signup-tradepro__modal-trigger">Landlord Insurance Policy</a>
|
|
177
|
+
<input class="tradepro-attachment" type="file" accept="image/*,application/pdf">
|
|
178
|
+
<div class="tradepro-field__hint">
|
|
179
|
+
<span class="icon icon__info">
|
|
180
|
+
<i class="fas fa-info-circle"></i>
|
|
181
|
+
</span>
|
|
182
|
+
You can upload an image or a pdf up to 2 MB
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
<div class="tradepro-field" data-pdf-preview-field>
|
|
186
|
+
<img class="tradepro-field__pdf-icon mr-0 d-none" src="img/file-pdf-solid-full.svg"/>
|
|
187
|
+
<span class="icon icon__paperclip">
|
|
188
|
+
<i class="far fa-paperclip"></i>
|
|
189
|
+
</span>
|
|
190
|
+
<span class="icon icon__camera">
|
|
191
|
+
<i class="far fa-camera"></i>
|
|
192
|
+
</span>
|
|
193
|
+
<a href="#" class="signup-tradepro__modal-trigger">Blank Tenancy Agreement</a>
|
|
194
|
+
<input class="tradepro-attachment" type="file" accept="image/*,application/pdf">
|
|
195
|
+
<div class="tradepro-field__hint">
|
|
196
|
+
<span class="icon icon__info">
|
|
197
|
+
<i class="fas fa-info-circle"></i>
|
|
198
|
+
</span>
|
|
199
|
+
You can upload an image or a pdf up to 2 MB
|
|
200
|
+
</div>
|
|
201
|
+
<div class="tradepro-field__hint">
|
|
202
|
+
<span class="icon icon__lock">
|
|
203
|
+
<i class="fas fa-lock"></i>
|
|
204
|
+
</span>
|
|
205
|
+
We know how important document privacy is. When you upload your blank tenancy agreement, it is immediately shielded by end-to-end encryption.
|
|
206
|
+
</div>
|
|
207
|
+
</div>
|
|
208
|
+
<div class="tradepro-field">
|
|
209
|
+
<span class="icon icon__edit">
|
|
210
|
+
<i class="fas fa-edit"></i>
|
|
211
|
+
</span>
|
|
212
|
+
<a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
|
|
213
|
+
<div class="signup-tradepro__modal-action">
|
|
214
|
+
<div class="form-row" data-row-required="">
|
|
215
|
+
<label class="form-row__label"></label>
|
|
216
|
+
<div class="form-row__field">
|
|
217
|
+
{{> input need-pattern=true}}
|
|
218
|
+
<div class="form-row__error">{{error}}</div>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
<div class="signup-tradepro__modal-buttons">
|
|
222
|
+
<div class="row">
|
|
223
|
+
<div class="button-done">
|
|
224
|
+
<button class="btn btn-primary">
|
|
225
|
+
Done
|
|
226
|
+
</button>
|
|
227
|
+
</div>
|
|
228
|
+
<div class="button-cancel">
|
|
229
|
+
<button class="btn btn-secondary">
|
|
230
|
+
Cancel
|
|
231
|
+
</button>
|
|
232
|
+
</div>
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
</div>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="tradepro-field">
|
|
238
|
+
<span class="icon icon__edit">
|
|
239
|
+
<i class="fas fa-edit"></i>
|
|
240
|
+
</span>
|
|
241
|
+
<a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
|
|
242
|
+
<div class="signup-tradepro__modal-action">
|
|
243
|
+
<div class="form-row" data-row-required="">
|
|
244
|
+
<label class="form-row__label"></label>
|
|
245
|
+
<div class="form-row__field">
|
|
246
|
+
{{> input need-pattern=true}}
|
|
247
|
+
<div class="form-row__error">{{error}}</div>
|
|
248
|
+
</div>
|
|
249
|
+
</div>
|
|
250
|
+
<div class="signup-tradepro__modal-buttons">
|
|
251
|
+
<div class="row">
|
|
252
|
+
<div class="button-done">
|
|
253
|
+
<button class="btn btn-primary">
|
|
254
|
+
Done
|
|
255
|
+
</button>
|
|
256
|
+
</div>
|
|
257
|
+
<div class="button-cancel">
|
|
258
|
+
<button class="btn btn-secondary">
|
|
259
|
+
Cancel
|
|
260
|
+
</button>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
</div>
|
|
265
|
+
</div>
|
|
266
|
+
</div>
|
|
267
|
+
{{/content}}
|
|
268
|
+
{{/extend}}
|
|
269
|
+
|
|
270
|
+
{{/content}}
|
|
271
|
+
{{/extend}}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
{{> modal }}
|
|
2
|
+
{{#extend "modal" id="pdf-preview" title="Choose Type of ID" fullWidth=true classMod="pdf-preview" backdrop="true"}}
|
|
3
|
+
{{#content "sections"}}
|
|
4
|
+
|
|
5
|
+
{{!-- The PdfPreview root has to wrap both the controls and the pages container,
|
|
6
|
+
so the sections sit inside it. The heading and controls keep the default
|
|
7
|
+
modal column width, the pages container below spans the full popup. --}}
|
|
8
|
+
<div id="pdf-preview-viewer" data-pdf-preview data-pdf-preview-page-class="pdf-preview__page">
|
|
9
|
+
|
|
10
|
+
{{#extend "modal-body-section" customSectionClass="id-pdf-preview"}}
|
|
11
|
+
{{#content "body"}}
|
|
12
|
+
<div class="tradepro-field">
|
|
13
|
+
<div class="pdf-preview__heading">
|
|
14
|
+
<span class="icon icon__paperclip pdf-preview__icon">
|
|
15
|
+
<i class="far fa-paperclip"></i>
|
|
16
|
+
</span>
|
|
17
|
+
<span class="signup-tradepro__modal-trigger pdf-preview__name"></span>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="pdf-preview__controls">
|
|
20
|
+
<button class="btn btn-secondary btn-sm" type="button" title="First page" data-pdf-preview-first>
|
|
21
|
+
<span class="fas fa-angle-double-left"></span>
|
|
22
|
+
</button>
|
|
23
|
+
<button class="btn btn-secondary btn-sm" type="button" title="Previous page" data-pdf-preview-prev>
|
|
24
|
+
<span class="fas fa-angle-left"></span>
|
|
25
|
+
</button>
|
|
26
|
+
<span class="pdf-preview__pages">
|
|
27
|
+
<input class="pdf-preview__page-input" type="number" min="1" value="1" aria-label="Page number" data-pdf-preview-page>
|
|
28
|
+
<span>/ <span data-pdf-preview-total></span></span>
|
|
29
|
+
</span>
|
|
30
|
+
<button class="btn btn-secondary btn-sm" type="button" title="Next page" data-pdf-preview-next>
|
|
31
|
+
<span class="fas fa-angle-right"></span>
|
|
32
|
+
</button>
|
|
33
|
+
<button class="btn btn-secondary btn-sm" type="button" title="Last page" data-pdf-preview-last>
|
|
34
|
+
<span class="fas fa-angle-double-right"></span>
|
|
35
|
+
</button>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
{{/content}}
|
|
39
|
+
{{/extend}}
|
|
40
|
+
|
|
41
|
+
{{#extend "modal-body-section" customSectionClass="id-pdf-preview-pages"}}
|
|
42
|
+
{{#content "body"}}
|
|
43
|
+
<div class="pdf-preview__viewer" data-pdf-preview-pages></div>
|
|
44
|
+
{{/content}}
|
|
45
|
+
{{/extend}}
|
|
46
|
+
|
|
47
|
+
</div>
|
|
48
|
+
|
|
49
|
+
{{#extend "modal-body-section" customSectionClass="id-pdf-preview-actions"}}
|
|
50
|
+
{{#content "body"}}
|
|
51
|
+
<p class="pdf-preview__info">
|
|
52
|
+
Do you want to use this PDF?
|
|
53
|
+
</p>
|
|
54
|
+
<div class="pdf-preview__actions">
|
|
55
|
+
<a href="#" class="btn btn-primary pdf-preview_yes">
|
|
56
|
+
<span class="btn__text">
|
|
57
|
+
Yes <i>(keep)</i>
|
|
58
|
+
</span>
|
|
59
|
+
</a>
|
|
60
|
+
<a href="#" class="btn btn-secondary pdf-preview_no">
|
|
61
|
+
<span class="btn__text">
|
|
62
|
+
No <i>(delete)</i>
|
|
63
|
+
</span>
|
|
64
|
+
</a>
|
|
65
|
+
</div>
|
|
66
|
+
{{/content}}
|
|
67
|
+
{{/extend}}
|
|
68
|
+
|
|
69
|
+
{{/content}}
|
|
70
|
+
{{/extend}}
|
|
@@ -19,237 +19,7 @@
|
|
|
19
19
|
<div class="signup-tradepro__attach signup-tradepro__attach_id">
|
|
20
20
|
{{> attach-make make-attachment=true}}
|
|
21
21
|
{{> modal id="attac"}}
|
|
22
|
-
{{
|
|
23
|
-
{{#content "sections"}}
|
|
24
|
-
|
|
25
|
-
{{#extend "modal-body-section" customSectionClass="id-type-signup"}}
|
|
26
|
-
{{#content "body"}}
|
|
27
|
-
{{> notifications notification-page.warning withCloseBtn="true"
|
|
28
|
-
text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
|
|
29
|
-
<div class="signup-tradepro__modal-info">
|
|
30
|
-
Select two forms of ID.
|
|
31
|
-
<div class="tradepro-id-counter_wrap">
|
|
32
|
-
<span>1</span>
|
|
33
|
-
of
|
|
34
|
-
<span>2</span>
|
|
35
|
-
</div>
|
|
36
|
-
ID's chosen
|
|
37
|
-
</div>
|
|
38
|
-
<div class="signup-tradepro__modal-fields">
|
|
39
|
-
<div class="tradepro-field">
|
|
40
|
-
<span class="icon icon__link inactive-el">
|
|
41
|
-
<i class="far fa-link"></i>
|
|
42
|
-
</span>
|
|
43
|
-
<a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
|
|
44
|
-
<div class="signup-tradepro__modal-action">
|
|
45
|
-
<div class="form-row" data-row-required="">
|
|
46
|
-
<label class="form-row__label"></label>
|
|
47
|
-
<div class="form-row__field">
|
|
48
|
-
{{> input need-pattern=true}}
|
|
49
|
-
<div class="form-row__error">{{error}}</div>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
<div class="signup-tradepro__modal-buttons">
|
|
53
|
-
<div class="row">
|
|
54
|
-
<div class="button-done">
|
|
55
|
-
<button class="btn btn-primary">
|
|
56
|
-
Done
|
|
57
|
-
</button>
|
|
58
|
-
</div>
|
|
59
|
-
<div class="button-cancel">
|
|
60
|
-
<button class="btn btn-secondary">
|
|
61
|
-
Cancel
|
|
62
|
-
</button>
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
<div class="tradepro-field">
|
|
69
|
-
<span class="icon icon__link">
|
|
70
|
-
<i class="far fa-link"></i>
|
|
71
|
-
</span>
|
|
72
|
-
<span class="icon icon__pencil">
|
|
73
|
-
<i class="far fa-pencil"></i>
|
|
74
|
-
</span>
|
|
75
|
-
<a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
|
|
76
|
-
<div class="signup-tradepro__modal-action">
|
|
77
|
-
<div class="form-row" data-row-required="">
|
|
78
|
-
<label class="form-row__label"></label>
|
|
79
|
-
<div class="form-row__field">
|
|
80
|
-
{{> input need-pattern=true}}
|
|
81
|
-
<div class="form-row__error">{{error}}</div>
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
<div class="signup-tradepro__modal-buttons">
|
|
85
|
-
<div class="row">
|
|
86
|
-
<div class="button-done">
|
|
87
|
-
<button class="btn btn-primary">
|
|
88
|
-
Done
|
|
89
|
-
</button>
|
|
90
|
-
</div>
|
|
91
|
-
<div class="button-cancel">
|
|
92
|
-
<button class="btn btn-secondary">
|
|
93
|
-
Cancel
|
|
94
|
-
</button>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
<div class="tradepro-field">
|
|
101
|
-
<span class="icon icon__link">
|
|
102
|
-
<i class="far fa-link"></i>
|
|
103
|
-
</span>
|
|
104
|
-
<a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
|
|
105
|
-
<span class="icon icon__notification">
|
|
106
|
-
<span class="fas fa-check-circle"></span>
|
|
107
|
-
</span>
|
|
108
|
-
<div class="signup-tradepro__modal-action">
|
|
109
|
-
<div class="form-row" data-row-required="">
|
|
110
|
-
<label class="form-row__label"></label>
|
|
111
|
-
<div class="form-row__field">
|
|
112
|
-
{{> input need-pattern=true}}
|
|
113
|
-
<div class="form-row__error">{{error}}</div>
|
|
114
|
-
</div>
|
|
115
|
-
</div>
|
|
116
|
-
<div class="signup-tradepro__modal-buttons">
|
|
117
|
-
<div class="row">
|
|
118
|
-
<div class="button-done">
|
|
119
|
-
<button class="btn btn-primary">
|
|
120
|
-
Done
|
|
121
|
-
</button>
|
|
122
|
-
</div>
|
|
123
|
-
<div class="button-cancel">
|
|
124
|
-
<button class="btn btn-secondary">
|
|
125
|
-
Cancel
|
|
126
|
-
</button>
|
|
127
|
-
</div>
|
|
128
|
-
</div>
|
|
129
|
-
</div>
|
|
130
|
-
</div>
|
|
131
|
-
</div>
|
|
132
|
-
<div class="tradepro-field">
|
|
133
|
-
<span class="icon icon__link">
|
|
134
|
-
<i class="far fa-link"></i>
|
|
135
|
-
</span>
|
|
136
|
-
<a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
|
|
137
|
-
<div class="signup-tradepro__modal-action">
|
|
138
|
-
<div class="form-row" data-row-required="">
|
|
139
|
-
<label class="form-row__label"></label>
|
|
140
|
-
<div class="form-row__field">
|
|
141
|
-
{{> input need-pattern=true}}
|
|
142
|
-
<div class="form-row__error">{{error}}</div>
|
|
143
|
-
</div>
|
|
144
|
-
</div>
|
|
145
|
-
<div class="signup-tradepro__modal-buttons">
|
|
146
|
-
<div class="row">
|
|
147
|
-
<div class="button-done">
|
|
148
|
-
<button class="btn btn-primary">
|
|
149
|
-
Done
|
|
150
|
-
</button>
|
|
151
|
-
</div>
|
|
152
|
-
<div class="button-cancel">
|
|
153
|
-
<button class="btn btn-secondary">
|
|
154
|
-
Cancel
|
|
155
|
-
</button>
|
|
156
|
-
</div>
|
|
157
|
-
</div>
|
|
158
|
-
</div>
|
|
159
|
-
</div>
|
|
160
|
-
</div>
|
|
161
|
-
<div class="tradepro-field choose-id" data-toggle="modal" data-target="#capture">
|
|
162
|
-
<span class="icon icon__paperclip">
|
|
163
|
-
<i class="far fa-paperclip"></i>
|
|
164
|
-
</span>
|
|
165
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
166
|
-
{{> attach-make make-capture=true}}
|
|
167
|
-
</div>
|
|
168
|
-
<div class="tradepro-field">
|
|
169
|
-
<img src="img/placeholders/thumbnail-sm.png"/>
|
|
170
|
-
<span class="icon icon__paperclip">
|
|
171
|
-
<i class="far fa-paperclip"></i>
|
|
172
|
-
</span>
|
|
173
|
-
<span class="icon icon__camera">
|
|
174
|
-
<i class="far fa-camera"></i>
|
|
175
|
-
</span>
|
|
176
|
-
<a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
|
|
177
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
178
|
-
</div>
|
|
179
|
-
<div class="tradepro-field">
|
|
180
|
-
<span class="icon icon__paperclip">
|
|
181
|
-
<i class="far fa-paperclip"></i>
|
|
182
|
-
</span>
|
|
183
|
-
<span class="icon icon__camera">
|
|
184
|
-
<i class="far fa-camera"></i>
|
|
185
|
-
</span>
|
|
186
|
-
<a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
|
|
187
|
-
<input class="tradepro-attachment" type="file" accept="image/*" capture>
|
|
188
|
-
</div>
|
|
189
|
-
<div class="tradepro-field">
|
|
190
|
-
<span class="icon icon__edit">
|
|
191
|
-
<i class="fas fa-edit"></i>
|
|
192
|
-
</span>
|
|
193
|
-
<a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
|
|
194
|
-
<div class="signup-tradepro__modal-action">
|
|
195
|
-
<div class="form-row" data-row-required="">
|
|
196
|
-
<label class="form-row__label"></label>
|
|
197
|
-
<div class="form-row__field">
|
|
198
|
-
{{> input need-pattern=true}}
|
|
199
|
-
<div class="form-row__error">{{error}}</div>
|
|
200
|
-
</div>
|
|
201
|
-
</div>
|
|
202
|
-
<div class="signup-tradepro__modal-buttons">
|
|
203
|
-
<div class="row">
|
|
204
|
-
<div class="button-done">
|
|
205
|
-
<button class="btn btn-primary">
|
|
206
|
-
Done
|
|
207
|
-
</button>
|
|
208
|
-
</div>
|
|
209
|
-
<div class="button-cancel">
|
|
210
|
-
<button class="btn btn-secondary">
|
|
211
|
-
Cancel
|
|
212
|
-
</button>
|
|
213
|
-
</div>
|
|
214
|
-
</div>
|
|
215
|
-
</div>
|
|
216
|
-
</div>
|
|
217
|
-
</div>
|
|
218
|
-
<div class="tradepro-field">
|
|
219
|
-
<span class="icon icon__edit">
|
|
220
|
-
<i class="fas fa-edit"></i>
|
|
221
|
-
</span>
|
|
222
|
-
<a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
|
|
223
|
-
<div class="signup-tradepro__modal-action">
|
|
224
|
-
<div class="form-row" data-row-required="">
|
|
225
|
-
<label class="form-row__label"></label>
|
|
226
|
-
<div class="form-row__field">
|
|
227
|
-
{{> input need-pattern=true}}
|
|
228
|
-
<div class="form-row__error">{{error}}</div>
|
|
229
|
-
</div>
|
|
230
|
-
</div>
|
|
231
|
-
<div class="signup-tradepro__modal-buttons">
|
|
232
|
-
<div class="row">
|
|
233
|
-
<div class="button-done">
|
|
234
|
-
<button class="btn btn-primary">
|
|
235
|
-
Done
|
|
236
|
-
</button>
|
|
237
|
-
</div>
|
|
238
|
-
<div class="button-cancel">
|
|
239
|
-
<button class="btn btn-secondary">
|
|
240
|
-
Cancel
|
|
241
|
-
</button>
|
|
242
|
-
</div>
|
|
243
|
-
</div>
|
|
244
|
-
</div>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
</div>
|
|
248
|
-
{{/content}}
|
|
249
|
-
{{/extend}}
|
|
250
|
-
|
|
251
|
-
{{/content}}
|
|
252
|
-
{{/extend}}
|
|
22
|
+
{{> modal-id-type }}
|
|
253
23
|
</div>
|
|
254
24
|
<div class="chosen-form-container">
|
|
255
25
|
<div class="chosen-form-wrap">
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.19998 3.1001C4.49013 3.1001 3.09998 4.49025 3.09998 6.2001V24.8001C3.09998 26.5099 4.49013 27.9001 6.19998 27.9001H10.075V22.4751C10.075 20.7653 11.4651 19.3751 13.175 19.3751H21.7V11.3587C21.7 10.5353 21.3754 9.74572 20.7942 9.16447L15.6308 4.00588C15.0495 3.42463 14.2648 3.1001 13.4414 3.1001H6.19998ZM18.8664 11.6251H14.3375C13.6933 11.6251 13.175 11.1068 13.175 10.4626V5.93369L18.8664 11.6251ZM13.175 21.5063C12.6422 21.5063 12.2062 21.9423 12.2062 22.4751V28.6751C12.2062 29.2079 12.6422 29.6438 13.175 29.6438C13.7078 29.6438 14.1437 29.2079 14.1437 28.6751V27.3188H14.725C16.3283 27.3188 17.6312 26.0159 17.6312 24.4126C17.6312 22.8093 16.3283 21.5063 14.725 21.5063H13.175ZM14.725 25.3813H14.1437V23.4438H14.725C15.2578 23.4438 15.6937 23.8798 15.6937 24.4126C15.6937 24.9454 15.2578 25.3813 14.725 25.3813ZM19.375 21.5063C18.8422 21.5063 18.4062 21.9423 18.4062 22.4751V28.6751C18.4062 29.2079 18.8422 29.6438 19.375 29.6438H20.925C22.3151 29.6438 23.4437 28.5153 23.4437 27.1251V24.0251C23.4437 22.6349 22.3151 21.5063 20.925 21.5063H19.375ZM20.3437 27.7063V23.4438H20.925C21.2447 23.4438 21.5062 23.7054 21.5062 24.0251V27.1251C21.5062 27.4448 21.2447 27.7063 20.925 27.7063H20.3437ZM24.6062 22.4751V28.6751C24.6062 29.2079 25.0422 29.6438 25.575 29.6438C26.1078 29.6438 26.5437 29.2079 26.5437 28.6751V26.5438H27.9C28.4328 26.5438 28.8687 26.1079 28.8687 25.5751C28.8687 25.0423 28.4328 24.6063 27.9 24.6063H26.5437V23.4438H27.9C28.4328 23.4438 28.8687 23.0079 28.8687 22.4751C28.8687 21.9423 28.4328 21.5063 27.9 21.5063H25.575C25.0422 21.5063 24.6062 21.9423 24.6062 22.4751Z" fill="#0277bd"/>
|
|
3
|
+
</svg>
|