1
|
<!--<div id="page_content_inner">-->
|
2
|
<!--<h2 class="heading_b uk-margin-bottom">Register your datasource</h2>-->
|
3
|
|
4
|
<!--<!– TOP HELP CONTENT –>-->
|
5
|
<!--<help-content #topHelperContent [position]="'top'"-->
|
6
|
<!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
|
7
|
<!--</help-content>-->
|
8
|
|
9
|
<!--<div class="uk-grid">-->
|
10
|
|
11
|
<!--<!– LEFT HELP CONTENT –>-->
|
12
|
<!--<aside-help-content #leftHelperContent [position]="'left'"-->
|
13
|
<!--[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">-->
|
14
|
<!--</aside-help-content>-->
|
15
|
|
16
|
<!--<div class=" uk-width-expand@m">-->
|
17
|
<!--<div class="md-card uk-margin-large-bottom">-->
|
18
|
<!--<div class="md-card-content">-->
|
19
|
<!--<form class="uk-form-stacked" id="wizard_advanced_form" novalidate="">-->
|
20
|
<!--<div id="wizard_advanced" role="application" class="wizard clearfix"><div class="steps clearfix"><ul role="tablist"><li role="tab" class="first current" aria-disabled="false" aria-selected="true"><a id="wizard_advanced-t-0" href="#wizard_advanced-h-0" aria-controls="wizard_advanced-p-0"><span class="current-info audible">current step: </span><span class="number">1</span> <span class="title">Owner information</span></a></li><li role="tab" class="disabled" aria-disabled="true"><a id="wizard_advanced-t-1" href="#wizard_advanced-h-1" aria-controls="wizard_advanced-p-1"><span class="number">2</span> <span class="title">Vehicle information</span></a></li><li role="tab" class="disabled last" aria-disabled="true"><a id="wizard_advanced-t-2" href="#wizard_advanced-h-2" aria-controls="wizard_advanced-p-2"><span class="number">3</span> <span class="title">Additional information</span></a></li></ul></div><div class="content clearfix" style="height: 480px;">-->
|
21
|
|
22
|
<!--<!– first section –>-->
|
23
|
<!--<h3 id="wizard_advanced-h-0" tabindex="-1" class="title current">Owner information</h3>-->
|
24
|
<!--<section id="wizard_advanced-p-0" role="tabpanel" aria-labelledby="wizard_advanced-h-0" class="body step-0 current" data-step="0" aria-hidden="false">-->
|
25
|
<!--<h2 class="heading_a">-->
|
26
|
<!--Owner Information-->
|
27
|
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
|
28
|
<!--</h2>-->
|
29
|
<!--<hr class="md-hr">-->
|
30
|
<!--<div class="uk-grid">-->
|
31
|
<!--<div class="uk-width-medium-1-1 parsley-row">-->
|
32
|
<!--<div class="md-input-wrapper"><label for="wizard_fullname">Full Name<span class="req">*</span></label><input type="text" name="wizard_fullname" id="wizard_fullname" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
33
|
|
34
|
<!--</div>-->
|
35
|
<!--</div>-->
|
36
|
<!--<div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">-->
|
37
|
<!--<div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">-->
|
38
|
<!--<div class="uk-input-group">-->
|
39
|
<!--<div class="md-input-wrapper"><label for="wizard_address">Address<span class="req">*</span></label><input type="text" name="wizard_address__0" id="wizard_address__0" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
40
|
|
41
|
<!--<span class="uk-input-group-addon">-->
|
42
|
<!--<a href="#" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
|
43
|
<!--</span>-->
|
44
|
<!--</div>-->
|
45
|
<!--</div>-->
|
46
|
<!--</div>-->
|
47
|
<!--<div class="uk-grid" data-uk-grid-margin="">-->
|
48
|
<!--<div class="uk-width-medium-1-3 parsley-row uk-row-first">-->
|
49
|
<!--<div class="md-input-wrapper"><label for="wizard_birth">Birth Date<span class="req">*</span></label><input type="text" name="wizard_birth" id="wizard_birth" required="" class="md-input" data-parsley-date="" data-parsley-date-message="This value should be a valid date" data-uk-datepicker="{format:'MM.DD.YYYY'}"><span class="md-input-bar "></span></div>-->
|
50
|
|
51
|
<!--</div>-->
|
52
|
<!--<div class="uk-width-medium-1-3 parsley-row">-->
|
53
|
<!--<select id="wizard_birth_place" name="wizard_birth_place" data-md-selectize-delayed="" tabindex="-1" style="display: none;" class="selectized" required=""><option value="" selected="selected"></option></select><div class="selectize-control single plugin-tooltip"><div class="selectize-input items required invalid not-full has-options"><input type="select-one" autocomplete="off" tabindex="" id="wizard_birth_place-selectized" placeholder="Place of Birth" style="width: 93px;" required=""></div></div><div class="selectize_fix"></div>-->
|
54
|
<!--</div>-->
|
55
|
<!--<div class="uk-width-medium-1-3 parsley-row">-->
|
56
|
<!--<label class="uk-form-label">Marital Status<span class="req">*</span></label>-->
|
57
|
<!--<span class="icheck-inline">-->
|
58
|
<!--<div class="iradio_md"><input type="radio" name="wizard_status" id="wizard_status_married" required="" class="wizard-icheck" value="married" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_status"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>-->
|
59
|
<!--<label for="wizard_status_married" class="inline-label">Married</label>-->
|
60
|
<!--</span>-->
|
61
|
<!--<span class="icheck-inline">-->
|
62
|
<!--<div class="iradio_md"><input type="radio" name="wizard_status" id="wizard_status_single" class="wizard-icheck" value="single" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_status"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>-->
|
63
|
<!--<label for="wizard_status_single" class="inline-label">Single</label>-->
|
64
|
<!--</span>-->
|
65
|
<!--</div>-->
|
66
|
<!--</div>-->
|
67
|
<!--<div class="uk-grid uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">-->
|
68
|
<!--<div class="uk-input-group uk-row-first">-->
|
69
|
<!--<span class="uk-input-group-addon">-->
|
70
|
<!--<i class="material-icons"></i>-->
|
71
|
<!--</span>-->
|
72
|
<!--<div class="md-input-wrapper"><label for="wizard_phone">Phone Number</label><input type="text" class="md-input" name="wizard_phone" id="wizard_phone"><span class="md-input-bar "></span></div>-->
|
73
|
|
74
|
<!--</div>-->
|
75
|
<!--<div class="parsley-row">-->
|
76
|
<!--<div class="uk-input-group">-->
|
77
|
<!--<span class="uk-input-group-addon">-->
|
78
|
<!--<i class="material-icons"></i>-->
|
79
|
<!--</span>-->
|
80
|
<!--<div class="md-input-wrapper"><label for="wizard_email">Email</label><input type="text" class="md-input" name="wizard_email" id="wizard_email" required=""><span class="md-input-bar "></span></div>-->
|
81
|
|
82
|
<!--</div>-->
|
83
|
<!--</div>-->
|
84
|
<!--<div class="uk-input-group">-->
|
85
|
<!--<span class="uk-input-group-addon">-->
|
86
|
<!--<i class="uk-icon-skype"></i>-->
|
87
|
<!--</span>-->
|
88
|
<!--<div class="md-input-wrapper"><label for="wizard_skype">Skype</label><input type="text" class="md-input" name="wizard_skype" id="wizard_skype"><span class="md-input-bar "></span></div>-->
|
89
|
|
90
|
<!--</div>-->
|
91
|
<!--<div class="uk-input-group">-->
|
92
|
<!--<span class="uk-input-group-addon">-->
|
93
|
<!--<i class="uk-icon-twitter"></i>-->
|
94
|
<!--</span>-->
|
95
|
<!--<div class="md-input-wrapper"><label for="wizard_twitter">Twitter</label><input type="text" class="md-input" name="wizard_twitter" id="wizard_twitter"><span class="md-input-bar "></span></div>-->
|
96
|
|
97
|
<!--</div>-->
|
98
|
<!--</div>-->
|
99
|
<!--</section>-->
|
100
|
|
101
|
<!--<!– second section –>-->
|
102
|
<!--<h3 id="wizard_advanced-h-1" tabindex="-1" class="title">Vehicle information</h3>-->
|
103
|
<!--<section id="wizard_advanced-p-1" role="tabpanel" aria-labelledby="wizard_advanced-h-1" class="body step-1" data-step="1" style="display: none;" aria-hidden="true">-->
|
104
|
<!--<h2 class="heading_a">-->
|
105
|
<!--Vehicle information-->
|
106
|
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
|
107
|
<!--</h2>-->
|
108
|
<!--<hr class="md-hr">-->
|
109
|
<!--<div class="uk-grid uk-grid-width-large-1-2 uk-grid-width-xlarge-1-4" data-uk-grid-margin="">-->
|
110
|
<!--<div class="parsley-row uk-row-first">-->
|
111
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_title_number">Title Number<span class="req">*</span></label><input type="text" name="wizard_vehicle_title_number" id="wizard_vehicle_title_number" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
112
|
|
113
|
<!--</div>-->
|
114
|
<!--<div class="parsley-row uk-row-first">-->
|
115
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_vin">VIN<span class="req">*</span></label><input type="text" name="wizard_vehicle_vin" id="wizard_vehicle_vin" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
116
|
|
117
|
<!--</div>-->
|
118
|
<!--<div class="parsley-row uk-row-first">-->
|
119
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_plate_number">Current Plate Number<span class="req">*</span></label><input type="text" name="wizard_vehicle_plate_number" id="wizard_vehicle_plate_number" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
120
|
|
121
|
<!--</div>-->
|
122
|
<!--<div class="parsley-row uk-row-first">-->
|
123
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_expiration">Expiration Date<span class="req">*</span></label><input type="text" name="wizard_vehicle_expiration" id="wizard_vehicle_expiration" required="" class="md-input" data-parsley-americandate="" data-parsley-americandate-message="This value should be a valid date (MM.DD.YYYY)" data-uk-datepicker="{format:'MM.DD.YYYY'}"><span class="md-input-bar "></span></div>-->
|
124
|
|
125
|
<!--</div>-->
|
126
|
<!--</div>-->
|
127
|
<!--<div class="uk-grid uk-grid-width-large-1-3 uk-grid-width-xlarge-1-6" data-uk-grid-margin="">-->
|
128
|
<!--<div class="parsley-row uk-row-first">-->
|
129
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_year">Registration Year</label><input type="text" name="wizard_vehicle_year" id="wizard_vehicle_year" class="md-input" data-uk-datepicker="{format:'MM.YYYY'}"><span class="md-input-bar "></span></div>-->
|
130
|
|
131
|
<!--</div>-->
|
132
|
<!--<div class="parsley-row uk-row-first">-->
|
133
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_make">Make</label><input type="text" name="wizard_vehicle_make" id="wizard_vehicle_make" class="md-input"><span class="md-input-bar "></span></div>-->
|
134
|
|
135
|
<!--</div>-->
|
136
|
<!--<div class="parsley-row uk-row-first">-->
|
137
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_model">Model<span class="req">*</span></label><input type="text" name="wizard_vehicle_model" id="wizard_vehicle_model" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
138
|
|
139
|
<!--</div>-->
|
140
|
<!--<div class="parsley-row uk-row-first">-->
|
141
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_body">Body Type<span class="req">*</span></label><input type="text" name="wizard_vehicle_body" id="wizard_vehicle_body" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
142
|
|
143
|
<!--</div>-->
|
144
|
<!--<div class="parsley-row uk-row-first">-->
|
145
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_axles">Axles</label><input type="text" name="wizard_vehicle_axles" id="wizard_vehicle_axles" class="md-input"><span class="md-input-bar "></span></div>-->
|
146
|
|
147
|
<!--</div>-->
|
148
|
<!--<div class="parsley-row uk-row-first">-->
|
149
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_fuel">Fuel<span class="req">*</span></label><input type="text" name="wizard_vehicle_fuel" id="wizard_vehicle_fuel" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
150
|
|
151
|
<!--</div>-->
|
152
|
<!--</div>-->
|
153
|
<!--</section>-->
|
154
|
|
155
|
<!--<!– third section –>-->
|
156
|
<!--<h3 id="wizard_advanced-h-2" tabindex="-1" class="title">Additional information</h3>-->
|
157
|
<!--<section id="wizard_advanced-p-2" role="tabpanel" aria-labelledby="wizard_advanced-h-2" class="body step-2" data-step="2" style="display: none;" aria-hidden="true">-->
|
158
|
<!--<h2 class="heading_a">-->
|
159
|
<!--Additional information-->
|
160
|
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
|
161
|
<!--</h2>-->
|
162
|
<!--<hr class="md-hr">-->
|
163
|
<!--<div class="uk-grid uk-margin-large-bottom" data-uk-grid-margin="">-->
|
164
|
<!--<div class="uk-width-1-1 uk-row-first">-->
|
165
|
<!--<label class="uk-form-label">Location Where Vehicle is Principally Garaged</label>-->
|
166
|
<!--<div class="uk-grid" data-uk-grid-margin="">-->
|
167
|
<!--<div class="uk-width-medium-2-10 parsley-row uk-row-first">-->
|
168
|
<!--<span class="icheck-inline uk-margin-top uk-margin-left">-->
|
169
|
<!--<div class="iradio_md"><input type="radio" name="wizard_additional_location" id="wizard_status_location_city" class="wizard-icheck" value="City" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_additional_location"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>-->
|
170
|
<!--<label for="wizard_status_location_city" class="inline-label">City</label>-->
|
171
|
<!--</span>-->
|
172
|
<!--</div>-->
|
173
|
<!--<div class="uk-width-medium-2-10 parsley-row uk-row-first">-->
|
174
|
<!--<span class="icheck-inline uk-margin-top uk-margin-left">-->
|
175
|
<!--<div class="iradio_md"><input type="radio" name="wizard_additional_location" id="wizard_status_location_county" class="wizard-icheck" value="County" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_additional_location"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>-->
|
176
|
<!--<label for="wizard_status_location_county" class="inline-label">County</label>-->
|
177
|
<!--</span>-->
|
178
|
<!--</div>-->
|
179
|
<!--<div class="uk-width-medium-3-10 parsley-row uk-row-first">-->
|
180
|
<!--<div class="uk-input-group">-->
|
181
|
<!--<span class="uk-input-group-addon">-->
|
182
|
<!--<div class="iradio_md"><input type="radio" name="wizard_additional_location" class="wizard-icheck" value="town" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" data-parsley-multiple="wizard_additional_location"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>-->
|
183
|
<!--</span>-->
|
184
|
<!--<div class="md-input-wrapper"><label for="wizard_location_town">Town of</label><input type="text" class="md-input" name="wizard_location_town" id="wizard_location_town"><span class="md-input-bar "></span></div>-->
|
185
|
|
186
|
<!--</div>-->
|
187
|
<!--</div>-->
|
188
|
<!--</div>-->
|
189
|
<!--</div>-->
|
190
|
<!--</div>-->
|
191
|
<!--<span class="uk-alert uk-alert-info">If you would like your registration renewals sent to an address other than your residence/business address, enter it below.</span>-->
|
192
|
<!--<div class="uk-grid" data-uk-grid-margin="">-->
|
193
|
<!--<div class="uk-width-medium-2-6 parsley-row uk-row-first">-->
|
194
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_address">Registration Mailing Address</label><input type="text" name="wizard_vehicle_registration_address" id="wizard_vehicle_registration_address" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
195
|
|
196
|
<!--</div>-->
|
197
|
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">-->
|
198
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_city">City<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_city" id="wizard_vehicle_registration_city" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
199
|
|
200
|
<!--</div>-->
|
201
|
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">-->
|
202
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_state">State<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_state" id="wizard_vehicle_registration_state" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
203
|
|
204
|
<!--</div>-->
|
205
|
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">-->
|
206
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_zip">ZIP<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_zip" id="wizard_vehicle_registration_zip" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
207
|
|
208
|
<!--</div>-->
|
209
|
<!--<div class="uk-width-medium-1-6 parsley-row uk-row-first">-->
|
210
|
<!--<div class="md-input-wrapper"><label for="wizard_vehicle_registration_code">Code<span class="req">*</span></label><input type="text" name="wizard_vehicle_registration_code" id="wizard_vehicle_registration_code" required="" class="md-input"><span class="md-input-bar "></span></div>-->
|
211
|
|
212
|
<!--</div>-->
|
213
|
<!--</div>-->
|
214
|
<!--</section>-->
|
215
|
|
216
|
<!--</div><div class="actions clearfix"><ul role="menu" aria-label="Pagination"><li class="button_previous disabled" aria-disabled="true"><a href="#previous" role="menuitem"><i class="material-icons"></i> Previous</a></li><li class="button_next" aria-hidden="false" aria-disabled="false"><a href="#next" role="menuitem">Next <i class="material-icons"></i></a></li><li class="button_finish" style="display: none;" aria-hidden="true"><a href="#finish" role="menuitem">Finish</a></li></ul></div></div>-->
|
217
|
<!--</form>-->
|
218
|
<!--</div>-->
|
219
|
<!--</div>-->
|
220
|
<!--</div>-->
|
221
|
|
222
|
<!--<!– RIGHT HELP CONTENT –>-->
|
223
|
<!--<aside-help-content #rightHelperContent [position]="'right'"-->
|
224
|
<!--[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">-->
|
225
|
<!--</aside-help-content>-->
|
226
|
|
227
|
<!--</div>-->
|
228
|
|
229
|
<!--<!– BOTTOM HELP CONTENT –>-->
|
230
|
<!--<help-content #bottomHelperContent [position]="'bottom'"-->
|
231
|
<!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
|
232
|
<!--</help-content>-->
|
233
|
|
234
|
<!--</div>-->
|
235
|
|
236
|
|
237
|
|
238
|
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
239
|
<div class="uk-width-1-1@m uk-first-column">
|
240
|
|
241
|
<h1 class="uk-h2">Register your datasource</h1>
|
242
|
|
243
|
<!-- TOP HELP CONTENT -->
|
244
|
<help-content #topHelperContent [position]="'top'"
|
245
|
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
246
|
</help-content>
|
247
|
|
248
|
<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
|
249
|
<div class="uk-grid">
|
250
|
|
251
|
<!-- LEFT HELP CONTENT -->
|
252
|
<aside-help-content #leftHelperContent [position]="'left'"
|
253
|
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
254
|
</aside-help-content>
|
255
|
|
256
|
<!-- MIDDLE -->
|
257
|
<div class=" uk-width-expand@m">
|
258
|
|
259
|
<div class="wizard">
|
260
|
<div class="wizardBreadcrumbs">
|
261
|
<div class="steps clearfix">
|
262
|
<div class="step active">
|
263
|
<div>
|
264
|
Enter Information
|
265
|
<span></span>
|
266
|
</div>
|
267
|
</div>
|
268
|
<div class="step {{ (currentStep > 1) ? 'active' : '' }}">
|
269
|
<div>
|
270
|
Add Interfaces
|
271
|
<span></span>
|
272
|
</div>
|
273
|
</div>
|
274
|
<div class="step {{ (currentStep > 2) ? 'active' : '' }}">
|
275
|
<div>
|
276
|
Finish
|
277
|
<span></span>
|
278
|
</div>
|
279
|
</div>
|
280
|
</div>
|
281
|
</div>
|
282
|
<div class="content">
|
283
|
<div>
|
284
|
<div class="animated fadeInRight stepContent">
|
285
|
<div *ngIf="loadingMessage" class="loading-big">
|
286
|
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
287
|
{{ loadingMessage }}
|
288
|
</div>
|
289
|
<div class="whiteFilm"></div>
|
290
|
</div>
|
291
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
292
|
|
293
|
<div>
|
294
|
<datasource-create-form *ngIf="(currentStep === 1) && !loadingMessage"
|
295
|
#registerDatasource
|
296
|
[mode]="datasourceType"
|
297
|
[selectedRepo]="repo"
|
298
|
(emittedInfo)="getCurrentRepo($event)"></datasource-create-form>
|
299
|
|
300
|
<div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-child-width-1-2">
|
301
|
<div *ngFor="let inter of dataForInterfaceComp"
|
302
|
class="interfacesForm el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">
|
303
|
<app-repository-interface-form #interfacesArray
|
304
|
[data]="inter"
|
305
|
(emitDeleteInterface)="removeInterfaceFromList($event)">
|
306
|
</app-repository-interface-form>
|
307
|
</div>
|
308
|
<div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">
|
309
|
<div class="interface-box new" style="text-align: center">
|
310
|
<a class="add-new-element add-new-group" (click)="addInterfaceToList()">
|
311
|
<i class="far fa-plus-square" aria-hidden="true"></i>
|
312
|
<span class="info">Add New Interface</span>
|
313
|
</a>
|
314
|
</div>
|
315
|
</div>
|
316
|
</div>
|
317
|
<div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload">
|
318
|
<div class="col-lg-12">
|
319
|
<div class="col-md-12">
|
320
|
<div>
|
321
|
<div class="openAIRECompliantLogo">
|
322
|
<h2 class="openAIRECompliantLogoMessage">
|
323
|
We successfully received the request to register your repository to the OpenAIRE compliant list of content providers.
|
324
|
A validation process against the OpenAIRE guidelines compatibility has been started.
|
325
|
You will be informed via email once the process is finished.
|
326
|
<!--Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.-->
|
327
|
</h2>
|
328
|
<!--<img src="../../../../assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">-->
|
329
|
</div>
|
330
|
</div>
|
331
|
<!--<a (click)="downloadLogo()">-->
|
332
|
<!--Download-->
|
333
|
<!--<i class="fa fa-download" style=""></i>-->
|
334
|
<!--</a>-->
|
335
|
</div>
|
336
|
</div>
|
337
|
</div>
|
338
|
</div>
|
339
|
</div>
|
340
|
</div>
|
341
|
</div>
|
342
|
<div class="wizardActions">
|
343
|
<button *ngIf="(currentStep === 2) && !loadingMessage" class="uk-button uk-button-grey-light uk-margin-small-right"
|
344
|
type="button" (click)="moveBackAStep()">
|
345
|
<i class="fa fa-angle-double-left"></i>
|
346
|
Back
|
347
|
</button>
|
348
|
<button *ngIf="(currentStep < 3) && !loadingMessage" class="uk-button uk-button-grey-light uk-margin-small-left"
|
349
|
type="button" (click)="moveAStep()">
|
350
|
Next
|
351
|
<i class="fa fa-angle-double-right"></i>
|
352
|
</button>
|
353
|
</div>
|
354
|
</div>
|
355
|
|
356
|
</div>
|
357
|
|
358
|
<!-- RIGHT HELP CONTENT -->
|
359
|
<aside-help-content #rightHelperContent [position]="'right'"
|
360
|
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
361
|
</aside-help-content>
|
362
|
|
363
|
</div>
|
364
|
</div>
|
365
|
|
366
|
|
367
|
<!-- BOTTOM HELP CONTENT -->
|
368
|
<help-content #bottomHelperContent [position]="'bottom'"
|
369
|
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
370
|
</help-content>
|
371
|
|
372
|
|
373
|
</div>
|
374
|
</div>
|