Project

General

Profile

« Previous | Next » 

Revision 57088

First commit for the new UI theme

View differences:

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
  <!--&lt;!&ndash; TOP HELP CONTENT &ndash;&gt;-->
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
    <!--&lt;!&ndash; LEFT HELP CONTENT &ndash;&gt;-->
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
              <!--&lt;!&ndash; first section &ndash;&gt;-->
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
              <!--&lt;!&ndash; second section &ndash;&gt;-->
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
              <!--&lt;!&ndash; third section &ndash;&gt;-->
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
    <!--&lt;!&ndash; RIGHT HELP CONTENT &ndash;&gt;-->
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
  <!--&lt;!&ndash; BOTTOM HELP CONTENT &ndash;&gt;-->
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