--- /dev/null
+
+<!-- Status and Description -->
+<h2 class="glm-add-event-form-title"> Add Your Event </h2>
+<form action="{$thisUrl}" method="post" enctype="multipart/form-data" name="frontAddForm" id="frontForm">
+ {if $memberOnly && $memberContact}
+ <input type="hidden" name="ref_type" value="{$memberContact.ref_type}" />
+ <input type="hidden" id="refDest" name="ref_dest" value="{$memberContact.ref_dest}" />
+ {/if}
+ <div class="glm-add-event-form-wrapper">
+ <div id="glmRealEmail">
+ <div class="glm-add-event-form-label"><label>Real Email</label></div>
+ <div><input type="text" name="real_email"></div>
+ </div>
+ {if $memberManager}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> {$terms.term_member_cap} </label></div>
+ <div class="glm-add-event-form-data">
+ <select id="refDest" name="ref_dest">
+ <option value="0">Choose {$terms.term_member_cap}</option>
+ {foreach $members as $m}
+ <option value="{$m.id}">{$m.name}</option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ {/if}
+ {if $memberOnly}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label style="color: red;"> Categories </label></div>
+ <div class="glm-add-event-form-data">
+ <select class="glm-required" id="eventCategories" name="categories" required>
+ <option selected value> Select Category</option>
+ {foreach from=$categories item=cat}
+ <option value="{$cat['id']}"> {$cat['name']} </option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ {/if}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label style="color: red;">Event Name: </label></div>
+ <div class="glm-add-event-form-data">
+ <input maxlength="100" type="text" name="event_name" value="" class="glm-form-text-input-medium glm-required" placeholder="Name of this event" pattern=".*\S+.*" title="This field is required" required>
+ </div>
+ </div>
+ {if $memberOnly && $settings.use_event_amenities}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label style="color: red;">{$settings.term_event_amenities_plural}: (Check all that apply)</label></div>
+ <div class="glm-add-event-form-data">
+ {foreach $eventAmenities as $amenity}
+ <label>
+ <input type="checkbox" class="beerType" name="amenity[]" value="{$amenity.id}" onclick="EventFront.deRequireCb('beerType')" required />
+ {$amenity.name}
+ </label>
+ {/foreach}
+ </div>
+ </div>
+ {/if}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label style="color: red;"> Start Date </label></div>
+ <div class="glm-add-event-form-data">
+ <input class="glm-datetime-input glm-required" id="sdate" name="starting" maxlength="100" type="text" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> End Date </label></div>
+ <div class="glm-add-event-form-data">
+ <input class="glm-datetime-input glm-required" id="edate" name="ending" maxlength="100" type="text">
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> All Day Event </label></div>
+ <div class="glm-add-event-form-data">
+ <input name="allday" value="0" type="hidden">
+ <label class="glmCheckBox">
+ <input id="allDay" name="allday" value="1" type="checkbox"> Yes
+ </label>
+ </div>
+ </div>
+ <div class="timeRow glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> Start Time </label></div>
+ <div class="glm-add-event-form-data">
+ <select class="timeDropDown glm-required" name="shour">
+ <option value="">Hour</option>
+ <option value="1">01</option>
+ <option value="2">02</option>
+ <option value="3">03</option>
+ <option value="4">04</option>
+ <option value="5">05</option>
+ <option value="6">06</option>
+ <option value="7">07</option>
+ <option value="8">08</option>
+ <option value="9">09</option>
+ <option value="10">10</option>
+ <option value="11">11</option>
+ <option value="12">12</option>
+ </select> : <select class="timeDropDown glm-required" name="smin">
+ <option value="">Minute</option>
+ <option value="00">00</option>
+ <option value="15">15</option>
+ <option value="30">30</option>
+ <option value="45">45</option>
+ </select> <select class="timeDropDown glm-required" name="sampm">
+ <option value="">AM/PM</option>
+ <option value="AM">AM</option>
+ <option value="PM">PM</option>
+ </select>
+ </div>
+ </div>
+ <div class="timeRow glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> End Time </label></div>
+ <div class="glm-add-event-form-data">
+ <select class="timeDropDown" name="ehour">
+ <option value="">Hour</option>
+ <option value="1">01</option>
+ <option value="2">02</option>
+ <option value="3">03</option>
+ <option value="4">04</option>
+ <option value="5">05</option>
+ <option value="6">06</option>
+ <option value="7">07</option>
+ <option value="8">08</option>
+ <option value="9">09</option>
+ <option value="10">10</option>
+ <option value="11">11</option>
+ <option value="12">12</option>
+ </select> : <select class="timeDropDown" name="emin">
+ <option value="">Minute</option>
+ <option value="00">00</option>
+ <option value="15">15</option>
+ <option value="30">30</option>
+ <option value="45">45</option>
+ </select> <select class="timeDropDown" name="eampm">
+ <option value="">AM/PM</option>
+ <option value="AM">AM</option>
+ <option value="PM">PM</option>
+ </select>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label>Repeating Event</label></div>
+ <div class="glm-add-event-form-data">
+ <label><input id="repeatingEvent" type="checkbox" name="repeating" value="1"></label>
+ </div>
+ </div>
+
+ <div class="glm-add-event-form-item frontRecurrences" id="dayOfMonthRow" >
+ <div class="glm-add-event-form-label">
+ <label>Every Month on</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <select id="dayOfMonth" name="dayom">
+ <option value=""> Select </option>
+ <option value="0">1st</option><option value="1">2nd</option><option value="2">3rd</option><option value="3">4th</option><option value="4">5th</option><option value="5">6th</option><option value="6">7th</option><option value="7">8th</option><option value="8">9th</option><option value="9">10th</option><option value="10">11th</option><option value="11">12th</option><option value="12">13th</option><option value="13">14th</option><option value="14">15th</option><option value="15">16th</option><option value="16">17th</option><option value="17">18th</option><option value="18">19th</option><option value="19">20th</option><option value="20">21st</option><option value="21">22nd</option><option value="22">23rd</option><option value="23">24th</option><option value="24">25th</option><option value="25">26th</option><option value="26">27th</option><option value="27">28th</option><option value="28">29th</option><option value="29">30th</option><option value="30">31st</option>
+ </select>
+ </div>
+ </div>
+ <div class="frontRecurrences" id="weeklyRepeatRow">
+ <div class="glm-add-event-form-label">
+ <label>Repeats</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <select name="weekom" id="weeklyRepeat">
+ <option value="">Select</option>
+ <option value="31">Every Week</option> <option value="0">Every First Week of Month</option><option value="1">Every Second Week of Month</option><option value="2">Every Third Week of Month</option><option value="3">Every Fourth Week of Month</option><option value="4">Every Fifth Week of Month</option> <option value="5">Every Last Week of Month</option>
+ </select>
+ </div>
+ </div>
+ <div class="frontRecurrences" id="daysOfWeek">
+ <div class="labelcell glm-add-event-form-label"><label>Days of Week</label></div>
+ <div class="glm-add-event-form-data">
+ <input name="daysow[1]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[1]" value="1" type="checkbox">Sunday
+ </label>
+ <input name="daysow[2]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[2]" value="2" type="checkbox">Monday
+ </label>
+ <input name="daysow[3]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[3]" value="4" type="checkbox">Tuesday
+ </label>
+ <input name="daysow[4]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[4]" value="8" type="checkbox">Wednesday
+ </label>
+ <input name="daysow[5]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[5]" value="16" type="checkbox">Thursday
+ </label>
+ <input name="daysow[6]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[6]" value="32" type="checkbox">Friday
+ </label>
+ <input name="daysow[7]" value="" type="hidden">
+ <label class="glmCheckBox">
+ <input name="daysow[7]" value="64" type="checkbox">Saturday
+ </label>
+ </div>
+ </div>
+ {if !$memberOnly}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> Categories </label></div>
+ <div>
+ <select class="glm-required" id="eventCategories" name="categories" >
+ <option selected value> Select Category</option>
+ {foreach from=$categories item=cat}
+ <option value="{$cat['id']}"> {$cat['name']} </option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ {/if}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label{if $event.fieldRequired.url} glm-required{/if}"><label>Web Address (URL):</label></div>
+ <div class="glm-add-event-form-data{if $event.fieldFail.url} glm-form-bad-input" data-tabid="glm-event-descr{/if}">
+ <input maxlength="100" type="text" name="url" value="{$event.fieldData.url}" class="glm-form-text-input-medium" placeholder="ex: http://www.gaslightmedia.com">
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label{if $event.fieldRequired.intro} glm-required{/if}"><label style="color: red;">Intro Text:</label></div>
+ <div class="glm-add-event-form-data{if $event.fieldFail.intro} glm-form-bad-input" data-tabid="glm-event-descr{/if}">
+ <input id="glm-intro" type="text" name="intro" class="glm-form-text-input glm-char-count" data-msgArea="intro-text-msg" value="{$event.fieldData.intro}" maxlength="165" required>
+ <span id="intro-text-msg"></span>
+ <br>
+ <br>
+ </div>
+ </div>
+
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label>Free Event</label></div>
+ <div class="glm-add-event-form-data">
+ <label><input id="freeEvent" type="checkbox" name="free" value="free"></label>
+ </div>
+ </div>
+ <div id="cost" class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label{if $event.fieldRequired.cost} glm-required{/if}"><label>Cost:</label></div>
+ <div class="glm-add-event-form-data{if $event.fieldFail.cost} glm-form-bad-input" data-tabid="glm-event-descr{/if}">
+ <input maxlength="100" type="text" name="cost" value="{$event.fieldData.cost}" class="glm-form-text-input-medium">
+ </div>
+ </div>
+ <div class="glm-add-event-form-item" id="glm-descr">
+ <div class="glm-add-event-form-label"><label{if $event.fieldRequired.descr} style="color: red;"{/if}>Description:</label></div>
+ <div class="glm-add-event-form-data{if $event.fieldFail.descr} glm-form-bad-input" data-tabid="glm-event-descr{/if}">
+ {php}
+ wp_editor('{$event.fieldData.descr|escape:quotes}', 'glm_descr', array(
+ 'media_buttons' => false,
+ // 'quicktags' => false,
+ // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text.
+ 'textarea_name' => 'descr',
+ 'editor_height' => 200, // Height in px, overrides editor_rows
+ // 'textarea_rows' => 8
+ ));
+ {/php}
+ {if $event.fieldFail.descr}<p>{$event.fieldFail.descr}</p>{/if}
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label{if $event.fieldRequired.image} glm-required{/if}"><label>Image:</label></div>
+ <div class="glm-add-event-form-data{if $event.fieldFail.image} glm-form-bad-input{/if}">
+ <table class="glm-admin-image-edit-table">
+ {if $event.fieldData.image}
+ <div>
+ <div>
+ <div class="glm-galleryImage" data-id="image">
+ <img src="{$glmPluginMediaUrl}/images/small/{$event.fieldData.image}">
+ </div>
+ </div>
+ <div>
+ <input type="checkbox" name="image_delete"> Delete Image<br>
+ {$event.fieldData.image}<br>
+ </div>
+ </div>
+ {/if}
+ <div><div colspan="2"><b>New image:</b> <input type="file" name="image_new"></div></div>
+ </table>
+ </div>
+ </div>
+ {if $memberOnly}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"></div>
+ <div class="glm-add-event-form-data">
+ <label>
+ <input type="checkbox" id="useMemberLocation" name="use_member_location" value="1" />
+ Use {if $memberContact}your{else}{$terms.term_member}{/if} location
+ </label>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> Venue </label></div>
+ <div class="glm-add-event-form-data">
+ <input type="hidden" id="glm-add-event-lat" name="lat" />
+ <input type="hidden" id="glm-add-event-lon" name="lon" />
+ <input type="hidden" name="place" />
+ <input type="hidden" name="address" />
+ <input type="hidden" name="city" />
+ <input type="hidden" name="state" />
+ <input type="hidden" name="zip" />
+ <select name="other_ref_dest" id="otherRefDest">
+ <option value="0">Choose Venue</option>
+ {foreach $venues as $m}
+ <option value="{$m.id}">{$m.name}</option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ {else}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;">Place</label>
+ <input type="hidden" id="glm-add-event-lat" name="lat" />
+ <input type="hidden" id="glm-add-event-lon" name="lon" />
+ </div>
+ <div class="glm-add-event-form-data">
+ <input class="glm-required" name="place" maxlength="100" type="text" pattern=".*\S+.*" title="This field is required" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label >Address</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="address" maxlength="100" type="text">
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;">City</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="city" maxlength="100" type="text" class="glm-required" pattern=".*\S+.*" title="This field is required" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div style='color:red;' class="glm-add-event-form-label">
+ <label>
+ State:
+ </label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <select id="state_30" name="state" required>
+ {foreach $states as $stateAbbr => $stateName}
+ <option value="{$stateAbbr}"{if $state_def == $stateAbbr} selected{/if}>
+ {$stateName}
+ </option>
+ {/foreach}
+ </select>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label >ZIP</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="zip" maxlength="100" type="text">
+ </div>
+ </div>
+ {/if}
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label>Event Contact Person<br>(published on Web site)</label>
+ </div>
+ <div class="glm-add-event-form-data contactName">
+ <input id="contactFirstName" name="contact_fname" maxlength="100" type="text" placeholder="First Name">
+ <input id="contactLastName" name="contact_lname" maxlength="100" type="text" placeholder="Last Name">
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label>Contact Email<br>(published on Web site)</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="contact_email" maxlength="100" type="text">
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;">Contact Phone<br>(published on Web site)</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="contact_phone" maxlength="100" type="tel" class="glm-required glm-phone-input" title="(XXX-XXX-XXXX) This field is required" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;">Organization Contact Name Submitting Event</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="admin_name" maxlength="100" type="text" class="glm-required" pattern="{literal}.*\S+.*{/literal}" title="This field is required" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;"> Name of Organization </label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="admin_org" maxlength="100" type="text" class="glm-required" pattern="{literal}.*\S+.*{/literal}" title="This field is required" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;">Organization Phone</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="admin_phone" maxlength="100" type="tel" class="glm-required glm-phone-input" title="(XXX-XXX-XXXX) This field is required" required>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
+ <label style="color: red;">Organization Email Address</label>
+ </div>
+ <div class="glm-add-event-form-data">
+ <input name="admin_email" maxlength="100" type="email" class="glm-required" pattern="{literal}[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}${/literal}" title="This field is required" required>
+ </div>
+ </div>
+ <!-- <div class="glm-add-event-form-item"> -->
+ <!-- <div class="glm-add-event-form-label"> -->
+ <!-- <label>Event File</label> -->
+ <!-- </div> -->
+ <!-- <div class="glm-add-event-form-data"> -->
+ <!-- <input name="file_rmv" type="file"> -->
+ <!-- </div> -->
+ <!-- </div> -->
+ <!-- <div class="glm-add-event-form-item"> -->
+ <!-- <div class="glm-add-event-form-label"> -->
+ <!-- <label>File Description</label> -->
+ <!-- </div> -->
+ <!-- <div class="glm-add-event-form-data"> -->
+ <!-- <input name="fileDescription" maxlength="100" type="text"> -->
+ <!-- </div> -->
+ <!-- </div> -->
+ </div>
+ <input class="button radius" id="newEvent" name='newEvent' type="submit" value="Add Event">
+</form>
+<script>
+jQuery(document).ready(function($) {
+ // function used to get everything out of the visual and text editors
+ function get_tinymce_content(){
+ tinyMCE.triggerSave();
+ return $('#glm_descr').val();
+ }
+ // Set masking for phone number fields - see http://digitalbush.com/projects/masked-input-plugin/
+ $.mask.definitions['e'] = "[A-Za-z0-9: ]";
+ $(".glm-phone-input").mask("999-999-9999? eeeeeeeeeee");
+
+ // Double check the form for valid entries before allowing it to be submitted.
+ $('#frontForm').submit(function(){
+ var introText = $('textarea[name=intro]').val();
+ var descrText = get_tinymce_content();
+ if ( introText.trim() === '' ) {
+ alert( 'Intro Text is empty' );
+ location.href = '#glm-intro';
+ return false;
+ }
+ if ( descrText.trim() === '' ) {
+ alert( 'Description is empty' );
+ location.href = '#glm-descr';
+ return false;
+ }
+ return true;
+ });
+
+ // Count remaining characters in field
+ $('.glm-char-count').keyup( function() {
+ glmCharsRemaining($(this));
+ });
+
+ // Setup initial fields using limited character counts
+ $('.glm-char-count').each( function() {
+ glmCharsRemaining($(this));
+ });
+
+ // Display number of characters remaining in limited field
+ function glmCharsRemaining(f) {
+ var maxChar = f.attr('maxlength');
+ var len = f.val().length;
+ var rem = maxChar - len;
+ var msgArea = f.attr('data-msgArea');
+ if (rem < 0) {
+ rem = rem * -1;
+ $('#' + msgArea).html('<span class="glm-error">There are ' + rem + ' more characters than permitted</span>');
+ } else {
+ $('#' + msgArea).html('Characters remaining: ' + rem);
+ }
+ }
+
+});
+</script>
+{if $settings.use_venue_locations}
+<script>
+jQuery(document).ready(function($) {
+ // setup memberId
+ $('#useMemberLocation').on('click', function(){
+ var memberId = $('#refDest').val();
+ if ( $(this).is(':checked') ) {
+ $('#otherRefDest').val(memberId);
+ // lock the venue
+ $('#otherRefDest option:not(:selected)').prop('disabled', true);
+ } else {
+ $('#otherRefDest option').removeAttr('disabled');
+ }
+ });
+});
+</script>
+{/if}