Added generic event definition.

This commit is contained in:
2016-08-02 15:03:11 +02:00
parent 7765d2d512
commit e61cfddc9c
4 changed files with 348 additions and 15 deletions

View File

@@ -3,28 +3,33 @@
{{> mdl_content_head}}
<div class="frs-crumbs mdl-color-text--grey-500">
<a href="./">Fake Reservation System</a> &gt; Create Event
<a href="./">Fake Reservation System</a> &gt; Create Event Reservation
</div>
<h3><i class="material-icons">event</i> Event Reservation</h3>
<form action="./send" method="post">
<input type="hidden" name="form_type" value="{{action}}"/>
{{#form_data}}
<h4>{{group_name}}</h4>
{{#fields}}
{{>mdl_input}}
{{/fields}}
{{/form_data}}
<p>
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="reservationFor_name">
<label class="mdl-textfield__label" for="reservationFor_name">Name</label>
</div>
</form>
<!-- Numeric Textfield with Floating Label -->
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" id="reservationFor_startDate">
<label class="mdl-textfield__label" for="reservationFor_startDate">Start Date</label>
<span class="mdl-textfield__error">Input is not a date!</span>
</div>
</form>
<strong>The event will be sent to {{user.email}}.</strong>
</p>
<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>
</button>
</form>
<script src="./js/frs.js" charset="utf-8"></script>
{{> mdl_content_foot}}
{{> mdl_foot}}
{{> html_foot}}

View File

@@ -13,6 +13,9 @@
{{#fieldtype_datetime}}
{{>mdl_input_datetime}}
{{/fieldtype_datetime}}
{{#fieldtype_eventtype}}
{{>mdl_input_eventtype}}
{{/fieldtype_eventtype}}
{{#fieldtype_country}}
{{>mdl_input_country}}
{{/fieldtype_country}}

View File

@@ -0,0 +1,24 @@
<div class="mdlext-selectfield mdlext-js-selectfield mdlext-selectfield--floating-label">
<!-- https://developers.google.com/gmail/markup/reference/event-reservation -->
<select id="{{field_id}}" name="{{field_id}}" {{#required}}required{{/required}} size="1" class="mdlext-selectfield__select" data-value="{{value}}">
<option value=""></option>
<option value="Event">Generic Event</option>
<option value="BusinessEvent">Business Event</option>
<option value="ChildrenEvent">Children Event</option>
<option value="ComedyEvent">Comedy Event</option>
<option value="DanceEvent">Dance Event</option>
<option value="EducationEvent">Education Event</option>
<option value="Festival">Festival</option>
<option value="FoodEvent">Food Event</option>
<option value="LiteraryEvent">Literary Event</option>
<option value="MovieShowing">Movie Showing</option>
<option vaule="MusicEvent">Music Event</option>
<option value="SaleEvent">Sale Event</option>
<option value="SocialEvent">Social Event</option>
<option value="SportsEvent">Sports Event</option>
<option value="TheaterEvent">Theater Event</option>
<option value="VisualArtsEvent">Visual Arts Event</option>
</select>
<label for="{{field_id}}" class="mdlext-selectfield__label">{{title}}</label>
<span class="mdlext-selectfield__error">Please select a type!</span>
</div>