<!-- Status and Description -->
-<h2> Add Your Event </h2>
+<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}
- <table id="glm-table-descr" class="glm-admin-table glm-event-table">
- <tr id="glmRealEmail">
- <td>Real Email</td>
- <td><input type="text" name="real_email"></td>
- </tr>
+ <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}
- <tr>
- <td> Member </td>
- <td>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label"><label> Member </label></div>
+ <div class="glm-add-event-form-data">
<select id="refDest" name="ref_dest">
<option value="0">Choose Member</option>
{foreach $members as $m}
<option value="{$m.id}">{$m.name}</option>
{/foreach}
</select>
- </td>
- </tr>
+ </div>
+ </div>
{/if}
{if $memberOnly}
- <tr>
- <th style="color: red;"> Categories </th>
- <td>
+ <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>
- </td>
- </tr>
+ </div>
+ </div>
{/if}
- <tr>
- <th style="color: red;">Event Name: </th>
- <td>
+ <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 type="text" name="event_name" value="" class="glm-form-text-input-medium glm-required" placeholder="Name of this event" required>
- </td>
- </tr>
+ </div>
+ </div>
{if $memberOnly && $settings.use_event_amenities}
- <tr>
- <th style="color: red;">{$settings.term_event_amenities_plural}: (Check all that apply)</th>
- <td>
- {foreach $eventAmenities as $amenity}<label>
- <input type="checkbox" class="beerType" name="amenity[]" value="{$amenity.id}" onclick="EventFront.deRequireCb('beerType')" required />
- {$amenity.name}
+ <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}
- </td>
- </tr>
+ </div>
+ </div>
{/if}
- <tr>
- <th style="color: red;"> Start Date </th>
- <td><input class="glm-datetime-input glm-required" id="sdate" name="starting" maxlength="100" type="text" required></td>
- </tr>
- <tr>
- <th> End Date </th>
- <td><input class="glm-datetime-input glm-required" id="edate" name="ending" maxlength="100" type="text"></td>
- </tr>
- <tr>
- <th> All Day Event </th>
- <td class="fieldcell">
+ <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>
- </td>
- </tr>
- <tr class='timeRow'>
- <th> Start Time </th>
- <td>
- <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>
- </td>
- </tr>
- <tr class="timeRow">
- <th> End Time </th>
- <td>
- <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>
- </td>
- </tr>
- <tr>
- <th>Repeating Event</th>
- <td>
+ </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>
- </td>
- </tr>
+ </div>
+ </div>
- <tr class="frontRecurrences" id="dayOfMonthRow" >
- <td><label>Every Month on</label></td>
- <td>
+ <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>
- </td>
- </tr>
- <tr class="frontRecurrences" id="weeklyRepeatRow">
- <td><label>Repeats</label></td>
- <td>
+ </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>
- </td>
- </tr>
- <tr class="frontRecurrences" id="daysOfWeek">
- <td class="labelcell"><label>Days of Week</label></td>
- <td>
+ </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 class="glmCheckBox">
<input name="daysow[7]" value="64" type="checkbox">Saturday
</label>
- </td>
- </tr>
+ </div>
+ </div>
{if !$memberOnly}
- <tr>
- <th> Categories </th>
- <td>
+ <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>
- </td>
- </tr>
+ </div>
+ </div>
{/if}
- <tr>
- <th {if $event.fieldRequired.url}class="glm-required"{/if}>Web Address (URL):</th>
- <td {if $event.fieldFail.url}class="glm-form-bad-input" data-tabid="glm-event-descr"{/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 type="text" name="url" value="{$event.fieldData.url}" class="glm-form-text-input-medium" placeholder="ex: http://www.gaslightmedia.com">
- </td>
- </tr>
- <tr>
- <th style="color: red;" {if $event.fieldRequired.intro}class="glm-required"{/if}>Intro Text:</th>
- <td {if $event.fieldFail.intro}class="glm-form-bad-input" data-tabid="glm-event-descr"{/if}>
+ </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}">
<textarea name="intro" class="glm-form-textarea" required>{$event.fieldData.intro}</textarea>
- </td>
- </tr>
+ </div>
+ </div>
- <tr>
- <th>Free Event</th>
- <td>
+ <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>
- </td>
- </tr>
- <tr id="cost">
- <th {if $event.fieldRequired.cost}class="glm-required"{/if}>Cost:</th>
- <td {if $event.fieldFail.cost}class="glm-form-bad-input" data-tabid="glm-event-descr"{/if}>
+ </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 type="text" name="cost" value="{$event.fieldData.cost}" class="glm-form-text-input-medium">
- </td>
- </tr>
- <tr>
- <th {if $event.fieldRequired.descr}style="color: red;"{/if}>Description:</th>
- <td {if $event.fieldFail.descr}class="glm-form-bad-input" data-tabid="glm-event-descr"{/if}>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <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,
));
{/php}
{if $event.fieldFail.descr}<p>{$event.fieldFail.descr}</p>{/if}
- </td>
- </tr>
- <tr>
- <th {if $event.fieldRequired.image}class="glm-required"{/if}>Image:</th>
- <td {if $event.fieldFail.image}class="glm-form-bad-input"{/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}
- <tr>
- <td>
+ <div>
+ <div>
<div class="glm-galleryImage" data-id="image">
<img src="{$glmPluginMediaUrl}/images/small/{$event.fieldData.image}">
</div>
- </td>
- <td>
+ </div>
+ <div>
<input type="checkbox" name="image_delete"> Delete Image<br>
{$event.fieldData.image}<br>
- </td>
- </tr>
+ </div>
+ </div>
{/if}
- <tr><td colspan="2"><b>New image:</b> <input type="file" name="image_new"></td></tr>
+ <div><div colspan="2"><b>New image:</b> <input type="file" name="image_new"></div></div>
</table>
- </td>
- </tr>
+ </div>
+ </div>
{if $memberOnly}
- <tr>
- <th></th>
- <td>
+ <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>
- </td>
- </tr>
- <tr>
- <th> Venue </th>
- <td>
+ </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" />
<option value="{$m.id}">{$m.name}</option>
{/foreach}
</select>
- </td>
- </tr>
+ </div>
+ </div>
{else}
- <tr>
- <td>
+ <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" />
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input class="glm-required" name="place" maxlength="100" type="text" required>
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label >Address</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="address" maxlength="100" type="text">
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label style="color: red;">City</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="city" maxlength="100" type="text" class="glm-required" required>
- </td>
- </tr>
- <tr>
- <th style='color:red;'>State:</th>
- <td>
+ </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}>
</option>
{/foreach}
</select>
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label >ZIP</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="zip" maxlength="100" type="text">
- </td>
- </tr>
+ </div>
+ </div>
{/if}
- <tr>
- <td>
- <label>Event Contact Person<br>(published on Web site)</label>
- </td>
- <td class="contactName">
+ <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">
- </td>
- </tr>
- <tr>
- <td>
+ </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>
- </td>
- <td>
- <input name="contact_email" maxlength="100" type="text">
- </td>
- </tr>
- <tr>
- <td>
+ </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>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="contact_phone" maxlength="100" type="text" class="glm-required" required>
- </td>
- </tr>
- <tr>
- <td>
+ </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>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="admin_name" maxlength="100" type="text" class="glm-required">
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label style="color: red;"> Name of Organization </label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="admin_org" maxlength="100" type="text" class="glm-required">
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label style="color: red;">Organization Phone</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="admin_phone" maxlength="100" type="text" class="glm-required" required>
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label style="color: red;">Organization Email Address</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="admin_email" maxlength="100" type="text" class="glm-required" required>
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label>Event File</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="file_rmv" type="file">
- </td>
- </tr>
- <tr>
- <td>
+ </div>
+ </div>
+ <div class="glm-add-event-form-item">
+ <div class="glm-add-event-form-label">
<label>File Description</label>
- </td>
- <td>
+ </div>
+ <div class="glm-add-event-form-data">
<input name="fileDescription" maxlength="100" type="text">
- </td>
- </tr>
- </table>
+ </div>
+ </div>
+ </div>
<input class="button radius" id="newEvent" name='newEvent' type="submit" value="Add Event">
</form>
{if $settings.use_venue_locations}
projects / WP-Plugins / glm-member-db-events.git / commitdiff