+++ /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}