Remove file and filename
authorSteve Sutton <steve@gaslightmedia.com>
Wed, 14 Feb 2018 16:09:41 +0000 (11:09 -0500)
committerSteve Sutton <steve@gaslightmedia.com>
Wed, 14 Feb 2018 16:09:41 +0000 (11:09 -0500)
Remove file from the add event form.

glm-member-db-events/views/front/events/frontAdd.html [new file with mode: 0644]

diff --git a/glm-member-db-events/views/front/events/frontAdd.html b/glm-member-db-events/views/front/events/frontAdd.html
new file mode 100644 (file)
index 0000000..fb79005
--- /dev/null
@@ -0,0 +1,506 @@
+
+<!-- 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>&nbsp;:&nbsp;<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>&nbsp;<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>&nbsp;:&nbsp;<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>&nbsp;<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&#45;add&#45;event&#45;form&#45;item"> -->
+        <!--     <div class="glm&#45;add&#45;event&#45;form&#45;label"> -->
+        <!--         <label>Event File</label> -->
+        <!--     </div> -->
+        <!--     <div class="glm&#45;add&#45;event&#45;form&#45;data"> -->
+        <!--         <input name="file_rmv" type="file"> -->
+        <!--     </div> -->
+        <!-- </div> -->
+        <!-- <div class="glm&#45;add&#45;event&#45;form&#45;item"> -->
+        <!--     <div class="glm&#45;add&#45;event&#45;form&#45;label"> -->
+        <!--         <label>File Description</label> -->
+        <!--     </div> -->
+        <!--     <div class="glm&#45;add&#45;event&#45;form&#45;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}