Revision 57088
Added by Stefania Martziou over 4 years ago
register-new-datasource.component.html | ||
---|---|---|
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 |
|
|
1 | 238 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
2 | 239 |
<div class="uk-width-1-1@m uk-first-column"> |
3 | 240 |
|
Also available in: Unified diff
First commit for the new UI theme