Added templates for different INPUT fields. prep_form needs cleanup!
This commit is contained in:
@ -10,22 +10,15 @@
|
||||
|
||||
<form action="./" method="post">
|
||||
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" required id="reservationFor_name">
|
||||
<label class="mdl-textfield__label" for="reservationFor_name">Name</label>
|
||||
<span class="mdl-textfield__error">Please input a name!</span>
|
||||
</div>
|
||||
</p>
|
||||
{{#form_data}}
|
||||
<h4>{{group_name}}</h4>
|
||||
|
||||
<p>
|
||||
<!-- Numeric Textfield with Floating Label -->
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" required id="reservationFor_startDate">
|
||||
<label class="mdl-textfield__label" for="reservationFor_checkinDate">Checkin Time</label>
|
||||
<span class="mdl-textfield__error">Input is empty or not a date!</span>
|
||||
</div>
|
||||
</p>
|
||||
{{#fields}}
|
||||
{{>mdl_input}}
|
||||
{{/fields}}
|
||||
|
||||
|
||||
{{/form_data}}
|
||||
|
||||
<button id="frs-button-send" type="submit" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||
<i class="material-icons">send</i>
|
||||
|
27
templates/partials/mdl_input.mustache
Normal file
27
templates/partials/mdl_input.mustache
Normal file
@ -0,0 +1,27 @@
|
||||
{{#fieldtype_text}}
|
||||
{{>mdl_input_text}}
|
||||
{{/fieldtype_text}}
|
||||
{{#fieldtype_url}}
|
||||
{{>mdl_input_url}}
|
||||
{{/fieldtype_url}}
|
||||
{{#fieldtype_tel}}
|
||||
{{>mdl_input_tel}}
|
||||
{{/fieldtype_tel}}
|
||||
{{#fieldtype_datetime}}
|
||||
{{>mdl_input_datetime}}
|
||||
{{/fieldtype_datetime}}
|
||||
{{#fieldtype_country}}
|
||||
{{>mdl_input_country}}
|
||||
{{/fieldtype_country}}
|
||||
{{#fieldtype_number}}
|
||||
{{>mdl_input_number}}
|
||||
{{/fieldtype_number}}
|
||||
{{#fieldtype_decimal}}
|
||||
{{>mdl_input_decimal}}
|
||||
{{/fieldtype_decimal}}
|
||||
{{#fieldtype_email}}
|
||||
{{>mdl_input_email}}
|
||||
{{/fieldtype_email}}
|
||||
{{#fieldtype_status}}
|
||||
{{>mdl_input_status}}
|
||||
{{/fieldtype_status}}
|
7
templates/partials/mdl_input_country.mustache
Normal file
7
templates/partials/mdl_input_country.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}} (SELECTOR tbd!)</label>
|
||||
<span class="mdl-textfield__error">Please input a country!</span>
|
||||
</div>
|
||||
</p>
|
7
templates/partials/mdl_input_datetime.mustache
Normal file
7
templates/partials/mdl_input_datetime.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="datetime-local" min="{{min}}T00:00:00.0" max="2032-12-31T00:00:00.0" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a valid date!</span>
|
||||
</div>
|
||||
</p>
|
7
templates/partials/mdl_input_decimal.mustache
Normal file
7
templates/partials/mdl_input_decimal.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="number" {{#required}}required{{/required}} step="0.5" id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a value!</span>
|
||||
</div>
|
||||
</p>
|
7
templates/partials/mdl_input_email.mustache
Normal file
7
templates/partials/mdl_input_email.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="email" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a valid email address!</span>
|
||||
</div>
|
||||
</p>
|
7
templates/partials/mdl_input_number.mustache
Normal file
7
templates/partials/mdl_input_number.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="number" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a value!</span>
|
||||
</div>
|
||||
</p>
|
8
templates/partials/mdl_input_status.mustache
Normal file
8
templates/partials/mdl_input_status.mustache
Normal file
@ -0,0 +1,8 @@
|
||||
<p>
|
||||
Select your status:
|
||||
<select name="{{field_id}}" size="1">
|
||||
<option value="http://schema.org/Confirmed">Confirmed</option>
|
||||
<option value="http://schema.org/Cancelled">Cancelled</option>
|
||||
<option value="http://schema.org/Pending">Pending</option>
|
||||
</select>
|
||||
</p>
|
7
templates/partials/mdl_input_tel.mustache
Normal file
7
templates/partials/mdl_input_tel.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="tel" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a valid phone number!</span>
|
||||
</div>
|
||||
</p>
|
7
templates/partials/mdl_input_text.mustache
Normal file
7
templates/partials/mdl_input_text.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="text" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a value!</span>
|
||||
</div>
|
||||
</p>
|
7
templates/partials/mdl_input_url.mustache
Normal file
7
templates/partials/mdl_input_url.mustache
Normal file
@ -0,0 +1,7 @@
|
||||
<p>
|
||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="mdl-textfield__input" type="url" {{#required}}required{{/required}} id="{{field_id}}" value="{{value}}"/>
|
||||
<label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
|
||||
<span class="mdl-textfield__error">Please input a valid URL!</span>
|
||||
</div>
|
||||
</p>
|
Reference in New Issue
Block a user