Made the member profile page more streamlined and prettier
authorLaury GvR <laury@gaslightmedia.com>
Wed, 8 Mar 2017 20:52:14 +0000 (15:52 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 8 Mar 2017 20:52:14 +0000 (15:52 -0500)
16 files changed:
css/admin.css
views/admin/member/memberInfo.html
views/admin/member/memberInfo/editCamera.html [deleted file]
views/admin/member/memberInfo/editImages.html [deleted file]
views/admin/member/memberInfo/editLocation.html [deleted file]
views/admin/member/memberInfo/editMedia.html [new file with mode: 0644]
views/admin/member/memberInfo/editMediaCamera.html [new file with mode: 0644]
views/admin/member/memberInfo/editMediaImages.html [new file with mode: 0644]
views/admin/member/memberInfo/editMediaVideo.html [new file with mode: 0644]
views/admin/member/memberInfo/editProfile.html [new file with mode: 0644]
views/admin/member/memberInfo/editProfileAddress.html [new file with mode: 0644]
views/admin/member/memberInfo/editProfileDescription.html [new file with mode: 0644]
views/admin/member/memberInfo/editProfileLocation.html [new file with mode: 0644]
views/admin/member/memberInfo/editProfileMailing.html [new file with mode: 0644]
views/admin/member/memberInfo/editStatus.html
views/admin/member/memberInfo/editVideo.html [deleted file]

index 610b671..e8d03ff 100644 (file)
 .glm-form-text-input-short {
     width: 15em;
 }
+.glm-form-text-input-medium-short {
+    width: 22em;
+}
 .glm-form-text-input-medium {
     width: 30em;
 }
index 7a9884d..2b96dce 100644 (file)
         </table>
 
     <h2 class="nav-tab-wrapper" style="margin-bottom: 1em;">
-        <a id="glm-member-info-descr" data-show-table="glm-table-descr" class="glm-member-info-tab nav-tab nav-tab-active">Status & Description</a>
-        <a id="glm-member-info-address" data-show-table="glm-table-address" class="glm-member-info-tab nav-tab">Address & Location</a>
-        <a id="glm-member-info-contact" data-show-table="glm-table-contact" class="glm-member-info-tab nav-tab">Contact Info</a>
+        <a id="glm-member-info-status" data-show-table="glm-table-status" class="glm-member-info-tab nav-tab nav-tab-active">Status</a>
+        <a id="glm-member-info-profile" data-show-table="glm-table-profile" class="glm-member-info-tab nav-tab">Profile Data</a>
+<!-- Merged into Address & Contact       <a id="glm-member-info-contact" data-show-table="glm-table-contact" class="glm-member-info-tab nav-tab">Contact Info</a>-->
         <a id="glm-member-info-cat" data-show-table="glm-table-cat" class="glm-member-info-tab nav-tab">Categories & Amenities</a>
-        <a id="glm-member-info-images" data-show-table="glm-table-images" class="glm-member-info-tab nav-tab">Images</a>
-        <a id="glm-member-info-video" data-show-table="glm-table-video" class="glm-member-info-tab nav-tab">Video</a>
-        <a id="glm-member-info-live-cam" data-show-table="glm-table-live-cam" class="glm-member-info-tab nav-tab">Live Cam</a>
+        <a id="glm-member-info-media" data-show-table="glm-table-media" class="glm-member-info-tab nav-tab">Media</a>
 <!-- Not using credit cards currently        <a id="glm-member-info-ccards" data-show-table="glm-table-ccards" class="glm-member-info-tab nav-tab">Credit Cards</a>  -->
         {if $memberUpdated}<span class="glm-notice glm-flash-updated glm-right">{$terms.term_member_cap} Profile Updated</span>{/if}
         {if $memberUpdateError}<span class="glm-error glm-flash-updated glm-right">{$terms.term_member_cap} Profile Update Error</span>{/if}
 
         <!-- **** Address and Location **** -->
 
-        {include file='admin/member/memberInfo/editLocation.html'}
-
-        <!-- **** Contact Info **** -->
-
-        {include file='admin/member/memberInfo/editContact.html'}
+        {include file='admin/member/memberInfo/editProfile.html'}
 
         <!-- **** Category & Amenities **** -->
 
         {include file='admin/member/memberInfo/editCategory.html'}
 
-        <!-- **** Images **** -->
-
-        {include file='admin/member/memberInfo/editImages.html'}
-
-        <!-- **** Video **** -->
-
-        {include file='admin/member/memberInfo/editVideo.html'}
-
-        <!-- **** Live Cam **** -->
+        <!-- **** Media **** -->
 
-        {include file='admin/member/memberInfo/editCamera.html'}
+        {include file='admin/member/memberInfo/editMedia.html'}
 
         <!-- **** Credit Cards **** -->
 
             });
 
             // Do inital setup on load for first tab
-            glmSetupAreaTab($('#glm-member-info-descr'));
+            glmSetupAreaTab($('#glm-member-info-status'));
 
             // Setup edit area selected
             function glmSetupAreaTab(t) {
                 $('#' + table).removeClass('glm-hidden');
 
 
-                if (table == 'glm-table-address') {
+                if (table == 'glm-table-profile') {
                     initMap();
                 }
 
diff --git a/views/admin/member/memberInfo/editCamera.html b/views/admin/member/memberInfo/editCamera.html
deleted file mode 100644 (file)
index 02c50e3..0000000
+++ /dev/null
@@ -1,46 +0,0 @@
-        
-        <table id="glm-table-live-cam" class="glm-admin-table glm-hidden glm-member-info-table">
-            <tr>
-                <th {if $memberInfo.fieldRequired.live_cam_type}class="glm-required"{/if}>Type:</th>
-                <td {if $memberInfo.fieldFail.live_cam_type}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
-                    <select id="glm-live-cam-type" name="live_cam_type">
-        {foreach from=$memberInfo.fieldData.live_cam_type.list item=v}
-            
-                        <option value="{$v.value}"{if $v.default} selected{/if}>{$v.name}</option>
-        {/foreach}
-                    </select>
-                    {if $memberInfo.fieldFail.live_cam_type}<p>{$memberInfo.fieldFail.live_cam_type}</p>{/if}
-                </td>
-            </tr>
-            <tr id="glm-live-cam-url">
-                <th {if $memberInfo.fieldRequired.live_cam_url}class="glm-required"{/if}>URL:</th>
-                <td {if $memberInfo.fieldFail.live_cam_url}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
-                    <input type="text" name="live_cam_url" value="{$memberInfo.fieldData.live_cam_url}" class="glm-form-text-input-medium-long" placeholder="ex: http://cams.gaslightmedia.com/cameras/images/GLM-Basin-Small.jpg">
-                    {if $memberInfo.fieldFail.live_cam_url}<p>{$memberInfo.fieldFail.live_cam_url}</p>{/if}
-                </td>
-            </tr>
-            <tr class="not-with-url-type">
-                <th {if $memberInfo.fieldRequired.live_cam_title}class="glm-required"{/if}>Title to Display:</th>
-                <td {if $memberInfo.fieldFail.video_title}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
-                    <input type="text" name="live_cam_title" value="{$memberInfo.fieldData.live_cam_title}" class="glm-form-text-input-medium glm-char-count" data-msgArea="video-title-msg" maxlength="80">
-                    {if $memberInfo.fieldFail.live_cam_title}<p>{$memberInfo.fieldFail.live_cam_title}</p>{/if}<br>
-                    <span id="live-cam-title-msg"></span>
-                </td>
-            </tr>
-            <tr class="not-with-url-type glm-hidden">
-                <th {if $memberInfo.fieldRequired.live_cam_descr}class="glm-required"{/if}>Description to Display:</th>
-                <td {if $memberInfo.fieldFail.live_cam_descr}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
-                    {php} 
-                        wp_editor('{$memberInfo.fieldData.live_cam_descr|escape:quotes}', 'glm_live_cam_descr', array(
-                            'media_buttons' => false,
-                            // 'quicktags' => false,
-                            // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
-                            'textarea_name' => 'live_cam_descr',
-                            'editor_height' => 200,     // Height in px, overrides editor_rows
-                                // 'textarea_rows' => 8
-                        ));
-                    {/php}
-                    {if $memberInfo.fieldFail.live_cam_descr}<p>{$memberInfo.fieldFail.live_cam_descr}</p>{/if}
-                </td>
-            </tr>
-        </table>
diff --git a/views/admin/member/memberInfo/editImages.html b/views/admin/member/memberInfo/editImages.html
deleted file mode 100644 (file)
index a75c16f..0000000
+++ /dev/null
@@ -1,166 +0,0 @@
-
-        <table id="glm-table-images" class="glm-admin-table glm-hidden glm-member-info-table">
-            <tr>
-                <td>&nbsp;</td>
-                <td>
-                    <p>
-                        Best image size to provide is between 800 and 1000 pixels wide and stored as a JPG or JPEG file. 
-                        Also try to supply images that have a reasonable "aspect ratio" (not too tall, not too wide).
-                        Files provided like this should have a file size of 100 to 250 KB. Images will be automatically
-                        resized for use in the Web site. Images that are too large will be rejected.
-                   </p>
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.logo}class="glm-required"{/if}>Profile Image:</th>
-                <td {if $memberInfo.fieldFail.logo}class="glm-form-bad-input" data-tabid="glm-member-info-images"{/if}>
-                    <table class="glm-admin-image-edit-table">
-        {if $memberInfo.fieldData.logo}
-                        <tr>
-                            <td>
-                                <div class="glm-galleryImage" data-id="logo">
-                                    <img src="{$glmPluginMediaUrl}/images/small/{$memberInfo.fieldData.logo}">
-                                </div>
-                            </td>
-                            <td>
-                                <input type="checkbox" name="logo_delete"> Delete Image<br>
-                                {$memberInfo.fieldData.logo}<br>
-                            </td>
-                        </tr>
-        {/if}
-                        <tr><td colspan="2"><b>New image:</b> <input type="file" name="logo_new"></td></tr>
-                    </table>
-                    <div id="glm-galleryImageLarger_logo" class="glm-imageDialog"><img src="{$glmPluginMediaUrl}/images/large/{$memberInfo.fieldData.logo}"></div>
-                    {if $memberInfo.fieldFail.logo}<p>{$memberInfo.fieldFail.logo}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th>Image Gallery</th>
-                <td class="glm-item-container glm-imageGalleryContainer">
-                
-    {if $memberInfoID}                
-                    <input type="hidden" id="galleryPositionOrder" name="galleryPositionOrder" 
-                        value="{if $haveImageGallery}{foreach $imageGallery as $i name=ig}{if $i.file_name}{$i.id}{if not $smarty.foreach.ig.last},{/if}{/if}{/foreach}{/if}" />
-                    <div class="glm-imageDropContainer">
-                            <!-- All fields with class "glm-imageDrop" are automatically processed by imageUpload.js -->
-                        <div class="glm-imageDrop glm-imageItemHidden" 
-                                data-refType="{$ref_type_numb.MemberInfo}" 
-                                data-recordID="{$memberInfo.fieldData.id}" 
-                                data-maxFileSizeKB="2500"
-                                data-allowedTypes="image/jpeg,image/png,image/gif,image/x-ms-bmp"
-                                >
-                            <!-- The contents of this div are read by imageUpload.js to use for display of upload progress. -->
-                            <div class="glm-imageUploadStatusTemplate glm-imageItemHidden">
-                                
-                                <!-- Start of upload status pop-up template - Parameters are of the form "[name]" -->
-                                <b><u>Uploading Image { thisFile } of { numbFiles }</u></b>
-                                <table class="glm-statusTable">
-                                    <tr>
-                                        <td class="glm-statusImageTD" rowspan="5">
-                                            <div class="glm-statusImageContainer">
-                                                <bust-stupid-ngg-image-selection src="{ fileImage }"></bust-stupid-ngg-image-selection>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td><div style="float: right; margin: .2em .2em 0 0;" id="imageUploadCancel" class="button button-primary glm-right">Cancel Upload</div></td>
-                                        <td class="glm-statusPrompt">Name: </td><td class="glm-statusValue">{ fileName }</td>
-                                    </tr>
-                                    <tr><td class="glm-statusPrompt">Type: </td><td class="glm-statusValue">{ fileType }</td></tr>
-                                    <tr><td class="glm-statusPrompt">Size: </td><td class="glm-statusValue">{ fileSize }</td></tr>
-                                    <tr><td class="glm-statusPrompt">Progress: </td><td class="glm-statusValue"><div class="glm-progressBarContainer"><div class="glm-progressBar"></div></div></td></tr>
-                                </table>
-                                <!-- End of template -->
-                                
-                            </div>
-                            <!-- The contents of this div are read by imageUpload.js to use as a template for inserting a new image into the gallery area -->
-                            <div class="glm-galleryImageDataTemplate glm-imageItemHidden">
-                            
-                                <!-- 
-                                    Start of new image template.
-                                    Parmeters are of the form "{ name }" where the spaces are required to avoid Smarty interpreting the parameters.
-                                    Note that these input fields are dissabled to avoid the template fields being submitted. The imageUpload.js
-                                    code enables the fields when it replicates the template for a new image. 
-                                -->
-                                <li id="{ id }" class="glm-galleryContainer">
-                                    <div class="glm-galleryImageData">
-                                        <table class="glm-statusTable">
-                                            <tr>
-                                                <th>Caption:</th>
-                                                <td><input id="galleryImage_caption_{ id }" type="text" name="galleryImage_caption[{ id }]" value="" class="glm-form-text-input-medium" disabled></td>
-                                                <td rowspan="2">
-                                                    <table>
-                                                        <tr><th>Delete:</th><td><input type="checkbox" name="galleryImage_delete[{ id }]" disabled></td></tr>
-                                                        <tr><th>featured Image:</th><td><input type="radio" name="galleryImage_featured" value="{ id }"></td></tr>
-                                                        <tr><th colspan="2" class="glm-notice" style="font-size: 1.2em;">New Upload</th></tr>
-                                                    </table>                             
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <th>Description:</th>
-                                                <td><textarea name="galleryImage_descr[{ id }]" disabled></textarea></td>
-                                            </tr>
-                                        </table>
-                                    </div>
-                                    <div class="glm-galleryImage" data-id="{ id }">
-                                        <bust-stupid-ngg-image-selection src="{$glmPluginMediaUrl}/images/small/{ filename }"></bust-stupid-ngg-image-selection>
-                                    </div>
-                                </li>
-                                <div id="glm-galleryImageLarger2_{ id }" class="glm-imageDialog">
-                                    <bust-stupid-ngg-image-selection src="{$glmPluginMediaUrl}/images/large/{ filename }"></bust-stupid-ngg-image-selection>
-                                </div>
-                                <!-- End of template -->
-                                
-                            </div>
-                        </div> <!-- Overlay of parent for drag/drop detection -->
-                        <div class="glm-imageUploadStatus glm-imageItemHidden"></div> <!-- Overlay for Upload Status Bars -->
-                        <div class="glm-imageDropText glm-imageItemHidden">Drag and drop new images here</div>
-                        <div class="glm-noImageDropText glm-imageItemHidden">HTML5 file drag-and-drop not supported by your browser.<br>Use "Browse" button above to upload an image.</div>
-                    </div>
-                    <div class="glm-right"><b>No Featured Image:</b> <input type="radio" name="galleryImage_featured" value="0"><br>&nbsp;</div>
-                    <div class="glm-left">Click images to view full size.</div>
-                    <ul class="glm-galleryImages">
-                        <!-- Note that id in li is needed for sorting -->
-        {if $haveImageGallery}     
-            {foreach $imageGallery as $i}
-                {if $i.file_name}
-                        <li id="{$i.id}" class="glm-galleryContainer">
-                            <div class="glm-galleryImageData">
-                                <table class="glm-statusTable">
-                                    <tr>
-                                        <th>Caption:</th>
-                                        <td><input id="galleryImage_caption_{$i.id}" type="text" name="galleryImage_caption[{$i.id}]" value="{$i.caption}" class="glm-form-text-input-medium"></td>
-                                        <td rowspan="2">
-                                            <table>
-                                                <tr><th>Delete:</th><td><input type="checkbox" name="galleryImage_delete[{$i.id}]"></td></tr>
-                                                <tr><th>Featured Image:</th><td><input type="radio" name="galleryImage_featured" value="{$i.id}" {if $i.featured.value}checked="checked"{/if}></td></tr>
-                                            </table>                             
-                                            <input type="hidden" name="galleryImage_position[{$i.id}]" value="{$i.position}">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>Description:</th>
-                                        <td><textarea name="galleryImage_descr[{$i.id}]">{$i.descr}</textarea></td>
-                                        <th colspan="2">
-                                        </th>
-                                    </tr>
-                                </table>
-                            </div>
-                            <div class="glm-galleryImage" data-id="{$i.id}">
-                                <img src="{$glmPluginMediaUrl}/images/small/{$i.file_name}">
-                            </div>
-                            <div id="glm-galleryImageLarger_{$i.id}" class="glm-imageDialog"><img src="{$glmPluginMediaUrl}/images/large/{$i.file_name}"></div>
-                {/if}
-                       </li>
-                                         
-            {/foreach}
-        {/if}
-                    </ul>
-    {else}
-                    <b>Note:</b> Images may only be added to {$terms.term_member} profile records that have been created.
-                    You are editing information to create a new record.
-                    <br>After you click "Add new {$terms.term_member}" below, you may come back here to add images to the gallery.
-    {/if}          
-                </td>
-            </tr>
-        </table>
diff --git a/views/admin/member/memberInfo/editLocation.html b/views/admin/member/memberInfo/editLocation.html
deleted file mode 100644 (file)
index d2938fc..0000000
+++ /dev/null
@@ -1,110 +0,0 @@
-        
-        <table id="glm-table-address" class="glm-admin-table glm-hidden glm-member-info-table">
-            <tr>
-                <th {if $memberInfo.fieldRequired.addr1}class="glm-required"{/if}>Address Line 1:</th>
-                <td {if $memberInfo.fieldFail.addr1}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
-                    <input type="text" id="addr1" name="addr1" value="{$memberInfo.fieldData.addr1}" class="glm-form-text-input">
-                    {if $memberInfo.fieldFail.addr1}<p>{$memberInfo.fieldFail.addr1}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.addr2}class="glm-required"{/if}>Address Line 2:</th>
-                <td {if $memberInfo.fieldFail.addr2}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
-                    <input id="addr2" type="text" name="addr2" value="{$memberInfo.fieldData.addr2}" class="glm-form-text-input">
-                    {if $memberInfo.fieldFail.addr2}<p>{$memberInfo.fieldFail.addr2}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th>City</th>
-                <td class="glm-item-container">
-                    <!--  Add new city dialog -->
-                    <div id="newCityButton" class="button button-secondary glm-right">Add a new City</div>
-                    <div id="newCityDialog" class="glm-dialog-box" title="Enter a New City">
-                        <table class="glm-admin-table">
-                            <tr>
-                                <th class="glm-required">City Name:</th>
-                                <td id="newCityNameTD">
-                                    <input id="newCityName" type="text" name="newCityName" class="glm-form-text-input">
-                                    <div id="newCityNameRequired"></div>
-                                </td>
-                            </tr>
-                        </table>
-                        <p><span class="glm-required">*</span> Required</p>
-                        <a id="newCityCancel" class="button button-primary glm-right">Cancel</a>
-                        <input id="newCitySubmit" type="submit" value="Add new City">
-                    </div>
-                    <!-- City Selection -->
-                    <input id="cityName" type="hidden" name="newCityName" value=""><!-- this field is only used if adding a new city to pass the new name -->
-                    <select name="city" id="city">
-                        <option value="0"></option>
-        {foreach from=$memberInfo.fieldData.city.list item=v}
-                        <option value="{$v.value}"{if $v.default} selected="selected"{/if}>
-                            {$v.name}
-                        </option>
-        {/foreach}
-                    </select>
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.state}class="glm-required"{/if}>State:</th>
-                <td {if $memberInfo.fieldFail.state}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
-                    <select id="state" name="state">
-        {foreach from=$memberInfo.fieldData.state.list item=v}
-                        <option value="{$v.value}"{if $memberInfo.fieldData.state.value == $v.value} selected="selected"{/if}>
-                            {$v.name}
-                        </option>
-        {/foreach}
-                    </select>
-                    {if $memberInfo.fieldFail.state}<p>{$memberInfo.fieldFail.state}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.zip}class="glm-required"{/if}>ZIP / Postal Code:</th>
-                <td {if $memberInfo.fieldFail.zip}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
-                    <input id="zip" type="text" name="zip" value="{$memberInfo.fieldData.zip}" class="glm-form-text-input-short">
-                    {if $memberInfo.fieldFail.zip}<p>{$memberInfo.fieldFail.zip}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.country}class="glm-required"{/if}>Country:</th>
-                <td {if $memberInfo.fieldFail.country}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
-                    <select id="country" name="country">
-        {foreach from=$memberInfo.fieldData.country.list item=v}
-                        <option value="{$v.value}"{if $v.default} selected="selected"{/if}>
-                            {$v.name} {$v.value}
-                        </option>
-        {/foreach}
-                    </select>
-                    {if $memberInfo.fieldFail.country}<p>{$memberInfo.fieldFail.country}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.region}class="glm-required"{/if}>Region:</th>
-                <td {if $memberInfo.fieldFail.region}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
-                    <select name="region">
-        {foreach from=$memberInfo.fieldData.region.list item=v}
-                        <option value="{$v.value}"{if $v.default} selected="selected"{/if}>{$v.name}</option>
-        {/foreach}
-                    </select>
-                    {if $memberInfo.fieldFail.region}<p>{$memberInfo.fieldFail.region}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                {if $memberInfo.fieldRequired.lat}<th class="emRequiredInputField">{else}<th>{/if}Location:</th>
-                <td>
-                    <div id="glm-estimate-location" class="button button-secondary">Map Location Using Above Address</div>
-                    <p>
-                        MAP USE: Drag the pointer to the desired location for this {$terms.term_member}.
-                        Use + and - buttons or the mouse wheel to zoom in or out.
-                        Click and drag anywhere else on the map to move to another area.
-                    </p>
-                    <div id="locationMap" class="glm-map-edit">(map loads here)</div>
-                    <p>
-                        <b>Selected Position:</b> 
-                        &nbsp;&nbsp;Latitude <input id="glmLat" name="lat" type="text" value="{$memberInfo.fieldData.lat}" class="glm-form-text-input-veryshort">
-                        &nbsp;&nbsp;Longitude <input id="glmLng" name="lon" type="text" value="{$memberInfo.fieldData.lon}" class="glm-form-text-input-veryshort">
-                        &nbsp;&nbsp;<span id="latLonRecenter" class="button button-secondary">Update pointer with new lat/lon postion.</span>
-                    </p>
-                </td>
-            </tr>
-        </table>
diff --git a/views/admin/member/memberInfo/editMedia.html b/views/admin/member/memberInfo/editMedia.html
new file mode 100644 (file)
index 0000000..16a13fa
--- /dev/null
@@ -0,0 +1,10 @@
+<div id="glm-table-media" class="glm-admin-table glm-hidden glm-member-info-table">
+    <!-- **** Images **** -->
+    {include file='admin/member/memberInfo/editMediaImages.html'}
+    <br><br>
+    <!-- **** Video **** -->
+    {include file='admin/member/memberInfo/editMediaVideo.html'}
+    <br><br>
+    <!-- **** Live Cam **** -->
+    {include file='admin/member/memberInfo/editMediaCamera.html'}
+</div>
\ No newline at end of file
diff --git a/views/admin/member/memberInfo/editMediaCamera.html b/views/admin/member/memberInfo/editMediaCamera.html
new file mode 100644 (file)
index 0000000..3bd4718
--- /dev/null
@@ -0,0 +1,47 @@
+        
+        <h2>Live Camera</h2>
+        <table id="glm-table-live-cam" class="glm-admin-table">
+            <tr>
+                <th {if $memberInfo.fieldRequired.live_cam_type}class="glm-required"{/if}>Type:</th>
+                <td {if $memberInfo.fieldFail.live_cam_type}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
+                    <select id="glm-live-cam-type" name="live_cam_type">
+        {foreach from=$memberInfo.fieldData.live_cam_type.list item=v}
+            
+                        <option value="{$v.value}"{if $v.default} selected{/if}>{$v.name}</option>
+        {/foreach}
+                    </select>
+                    {if $memberInfo.fieldFail.live_cam_type}<p>{$memberInfo.fieldFail.live_cam_type}</p>{/if}
+                </td>
+            </tr>
+            <tr id="glm-live-cam-url">
+                <th {if $memberInfo.fieldRequired.live_cam_url}class="glm-required"{/if}>URL:</th>
+                <td {if $memberInfo.fieldFail.live_cam_url}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
+                    <input type="text" name="live_cam_url" value="{$memberInfo.fieldData.live_cam_url}" class="glm-form-text-input-medium-long" placeholder="ex: http://cams.gaslightmedia.com/cameras/images/GLM-Basin-Small.jpg">
+                    {if $memberInfo.fieldFail.live_cam_url}<p>{$memberInfo.fieldFail.live_cam_url}</p>{/if}
+                </td>
+            </tr>
+            <tr class="not-with-url-type">
+                <th {if $memberInfo.fieldRequired.live_cam_title}class="glm-required"{/if}>Title to Display:</th>
+                <td {if $memberInfo.fieldFail.video_title}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
+                    <input type="text" name="live_cam_title" value="{$memberInfo.fieldData.live_cam_title}" class="glm-form-text-input-medium glm-char-count" data-msgArea="video-title-msg" maxlength="80">
+                    {if $memberInfo.fieldFail.live_cam_title}<p>{$memberInfo.fieldFail.live_cam_title}</p>{/if}<br>
+                    <span id="live-cam-title-msg"></span>
+                </td>
+            </tr>
+            <tr class="not-with-url-type glm-hidden">
+                <th {if $memberInfo.fieldRequired.live_cam_descr}class="glm-required"{/if}>Description to Display:</th>
+                <td {if $memberInfo.fieldFail.live_cam_descr}class="glm-form-bad-input" data-tabid="glm-member-info-live-cam"{/if}>
+                    {php} 
+                        wp_editor('{$memberInfo.fieldData.live_cam_descr|escape:quotes}', 'glm_live_cam_descr', array(
+                            'media_buttons' => false,
+                            // 'quicktags' => false,
+                            // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                            'textarea_name' => 'live_cam_descr',
+                            'editor_height' => 200,     // Height in px, overrides editor_rows
+                                // 'textarea_rows' => 8
+                        ));
+                    {/php}
+                    {if $memberInfo.fieldFail.live_cam_descr}<p>{$memberInfo.fieldFail.live_cam_descr}</p>{/if}
+                </td>
+            </tr>
+        </table>
diff --git a/views/admin/member/memberInfo/editMediaImages.html b/views/admin/member/memberInfo/editMediaImages.html
new file mode 100644 (file)
index 0000000..7939f0a
--- /dev/null
@@ -0,0 +1,167 @@
+
+        <h2>Images</h2>
+        <table id="glm-table-images" class="glm-admin-table">
+            <tr>
+                <td>&nbsp;</td>
+                <td>
+                    <p>
+                        Best image size to provide is between 800 and 1000 pixels wide and stored as a JPG or JPEG file. 
+                        Also try to supply images that have a reasonable "aspect ratio" (not too tall, not too wide).
+                        Files provided like this should have a file size of 100 to 250 KB. Images will be automatically
+                        resized for use in the Web site. Images that are too large will be rejected.
+                   </p>
+                </td>
+            </tr>
+            <tr>
+                <th {if $memberInfo.fieldRequired.logo}class="glm-required"{/if}>Profile Image:</th>
+                <td {if $memberInfo.fieldFail.logo}class="glm-form-bad-input" data-tabid="glm-member-info-images"{/if}>
+                    <table class="glm-admin-image-edit-table">
+        {if $memberInfo.fieldData.logo}
+                        <tr>
+                            <td>
+                                <div class="glm-galleryImage" data-id="logo">
+                                    <img src="{$glmPluginMediaUrl}/images/small/{$memberInfo.fieldData.logo}">
+                                </div>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="logo_delete"> Delete Image<br>
+                                {$memberInfo.fieldData.logo}<br>
+                            </td>
+                        </tr>
+        {/if}
+                        <tr><td colspan="2"><b>New image:</b> <input type="file" name="logo_new"></td></tr>
+                    </table>
+                    <div id="glm-galleryImageLarger_logo" class="glm-imageDialog"><img src="{$glmPluginMediaUrl}/images/large/{$memberInfo.fieldData.logo}"></div>
+                    {if $memberInfo.fieldFail.logo}<p>{$memberInfo.fieldFail.logo}</p>{/if}
+                </td>
+            </tr>
+            <tr>
+                <th>Image Gallery</th>
+                <td class="glm-item-container glm-imageGalleryContainer">
+                
+    {if $memberInfoID}                
+                    <input type="hidden" id="galleryPositionOrder" name="galleryPositionOrder" 
+                        value="{if $haveImageGallery}{foreach $imageGallery as $i name=ig}{if $i.file_name}{$i.id}{if not $smarty.foreach.ig.last},{/if}{/if}{/foreach}{/if}" />
+                    <div class="glm-imageDropContainer">
+                            <!-- All fields with class "glm-imageDrop" are automatically processed by imageUpload.js -->
+                        <div class="glm-imageDrop glm-imageItemHidden" 
+                                data-refType="{$ref_type_numb.MemberInfo}" 
+                                data-recordID="{$memberInfo.fieldData.id}" 
+                                data-maxFileSizeKB="2500"
+                                data-allowedTypes="image/jpeg,image/png,image/gif,image/x-ms-bmp"
+                                >
+                            <!-- The contents of this div are read by imageUpload.js to use for display of upload progress. -->
+                            <div class="glm-imageUploadStatusTemplate glm-imageItemHidden">
+                                
+                                <!-- Start of upload status pop-up template - Parameters are of the form "[name]" -->
+                                <b><u>Uploading Image { thisFile } of { numbFiles }</u></b>
+                                <table class="glm-statusTable">
+                                    <tr>
+                                        <td class="glm-statusImageTD" rowspan="5">
+                                            <div class="glm-statusImageContainer">
+                                                <bust-stupid-ngg-image-selection src="{ fileImage }"></bust-stupid-ngg-image-selection>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td><div style="float: right; margin: .2em .2em 0 0;" id="imageUploadCancel" class="button button-primary glm-right">Cancel Upload</div></td>
+                                        <td class="glm-statusPrompt">Name: </td><td class="glm-statusValue">{ fileName }</td>
+                                    </tr>
+                                    <tr><td class="glm-statusPrompt">Type: </td><td class="glm-statusValue">{ fileType }</td></tr>
+                                    <tr><td class="glm-statusPrompt">Size: </td><td class="glm-statusValue">{ fileSize }</td></tr>
+                                    <tr><td class="glm-statusPrompt">Progress: </td><td class="glm-statusValue"><div class="glm-progressBarContainer"><div class="glm-progressBar"></div></div></td></tr>
+                                </table>
+                                <!-- End of template -->
+                                
+                            </div>
+                            <!-- The contents of this div are read by imageUpload.js to use as a template for inserting a new image into the gallery area -->
+                            <div class="glm-galleryImageDataTemplate glm-imageItemHidden">
+                            
+                                <!-- 
+                                    Start of new image template.
+                                    Parmeters are of the form "{ name }" where the spaces are required to avoid Smarty interpreting the parameters.
+                                    Note that these input fields are dissabled to avoid the template fields being submitted. The imageUpload.js
+                                    code enables the fields when it replicates the template for a new image. 
+                                -->
+                                <li id="{ id }" class="glm-galleryContainer">
+                                    <div class="glm-galleryImageData">
+                                        <table class="glm-statusTable">
+                                            <tr>
+                                                <th>Caption:</th>
+                                                <td><input id="galleryImage_caption_{ id }" type="text" name="galleryImage_caption[{ id }]" value="" class="glm-form-text-input-medium" disabled></td>
+                                                <td rowspan="2">
+                                                    <table>
+                                                        <tr><th>Delete:</th><td><input type="checkbox" name="galleryImage_delete[{ id }]" disabled></td></tr>
+                                                        <tr><th>featured Image:</th><td><input type="radio" name="galleryImage_featured" value="{ id }"></td></tr>
+                                                        <tr><th colspan="2" class="glm-notice" style="font-size: 1.2em;">New Upload</th></tr>
+                                                    </table>                             
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>Description:</th>
+                                                <td><textarea name="galleryImage_descr[{ id }]" disabled></textarea></td>
+                                            </tr>
+                                        </table>
+                                    </div>
+                                    <div class="glm-galleryImage" data-id="{ id }">
+                                        <bust-stupid-ngg-image-selection src="{$glmPluginMediaUrl}/images/small/{ filename }"></bust-stupid-ngg-image-selection>
+                                    </div>
+                                </li>
+                                <div id="glm-galleryImageLarger2_{ id }" class="glm-imageDialog">
+                                    <bust-stupid-ngg-image-selection src="{$glmPluginMediaUrl}/images/large/{ filename }"></bust-stupid-ngg-image-selection>
+                                </div>
+                                <!-- End of template -->
+                                
+                            </div>
+                        </div> <!-- Overlay of parent for drag/drop detection -->
+                        <div class="glm-imageUploadStatus glm-imageItemHidden"></div> <!-- Overlay for Upload Status Bars -->
+                        <div class="glm-imageDropText glm-imageItemHidden">Drag and drop new images here</div>
+                        <div class="glm-noImageDropText glm-imageItemHidden">HTML5 file drag-and-drop not supported by your browser.<br>Use "Browse" button above to upload an image.</div>
+                    </div>
+                    <div class="glm-right"><b>No Featured Image:</b> <input type="radio" name="galleryImage_featured" value="0"><br>&nbsp;</div>
+                    <div class="glm-left">Click images to view full size.</div>
+                    <ul class="glm-galleryImages">
+                        <!-- Note that id in li is needed for sorting -->
+        {if $haveImageGallery}     
+            {foreach $imageGallery as $i}
+                {if $i.file_name}
+                        <li id="{$i.id}" class="glm-galleryContainer">
+                            <div class="glm-galleryImageData">
+                                <table class="glm-statusTable">
+                                    <tr>
+                                        <th>Caption:</th>
+                                        <td><input id="galleryImage_caption_{$i.id}" type="text" name="galleryImage_caption[{$i.id}]" value="{$i.caption}" class="glm-form-text-input-medium"></td>
+                                        <td rowspan="2">
+                                            <table>
+                                                <tr><th>Delete:</th><td><input type="checkbox" name="galleryImage_delete[{$i.id}]"></td></tr>
+                                                <tr><th>Featured Image:</th><td><input type="radio" name="galleryImage_featured" value="{$i.id}" {if $i.featured.value}checked="checked"{/if}></td></tr>
+                                            </table>                             
+                                            <input type="hidden" name="galleryImage_position[{$i.id}]" value="{$i.position}">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>Description:</th>
+                                        <td><textarea name="galleryImage_descr[{$i.id}]">{$i.descr}</textarea></td>
+                                        <th colspan="2">
+                                        </th>
+                                    </tr>
+                                </table>
+                            </div>
+                            <div class="glm-galleryImage" data-id="{$i.id}">
+                                <img src="{$glmPluginMediaUrl}/images/small/{$i.file_name}">
+                            </div>
+                            <div id="glm-galleryImageLarger_{$i.id}" class="glm-imageDialog"><img src="{$glmPluginMediaUrl}/images/large/{$i.file_name}"></div>
+                {/if}
+                       </li>
+                                         
+            {/foreach}
+        {/if}
+                    </ul>
+    {else}
+                    <b>Note:</b> Images may only be added to {$terms.term_member} profile records that have been created.
+                    You are editing information to create a new record.
+                    <br>After you click "Add new {$terms.term_member}" below, you may come back here to add images to the gallery.
+    {/if}          
+                </td>
+            </tr>
+        </table>
diff --git a/views/admin/member/memberInfo/editMediaVideo.html b/views/admin/member/memberInfo/editMediaVideo.html
new file mode 100644 (file)
index 0000000..5e28ab9
--- /dev/null
@@ -0,0 +1,59 @@
+
+        <h2>Video</h2>
+        <table id="glm-table-video" class="glm-admin-table">
+            <tr style="display:none">
+                <th {if $memberInfo.fieldRequired.video_type}class="glm-required"{/if}>Video Type:</th>
+                <td {if $memberInfo.fieldFail.video_type}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
+                    <select id="glm-video-type" name="video_type">
+        {foreach from=$memberInfo.fieldData.video_type.list item=v}
+                        <option value="{$v.value}"{if $v.default} selected{/if}>{$v.name}</option>
+        {/foreach}
+                    </select>
+                    {if $memberInfo.fieldFail.video_type}<p>{$memberInfo.fieldFail.video_type}</p>{/if}
+                </td>
+            </tr>
+            <tr id="glm-video-url" class="glm-hidden">
+                <th {if $memberInfo.fieldRequired.video_url}class="glm-required"{/if}>Video URL:</th>
+                <td {if $memberInfo.fieldFail.video_url}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
+                    <input type="text" name="video_url" value="{$memberInfo.fieldData.video_url}" class="glm-form-text-input-medium" placeholder="ex: https://www.youtube.com/watch?v=C0DPdy98e4c">
+                    {if $memberInfo.fieldFail.video_url}<p>{$memberInfo.fieldFail.video_url}</p>{/if}
+                     <span id="video-url-msg">Only YouTube and Vimeo links are supported</span>
+                </td>
+            </tr>
+            <tr id="glm-video-file" class="glm-hidden">
+                <th {if $memberInfo.fieldRequired.video_file}class="glm-required"{/if}>Video File:</th>
+                <td {if $memberInfo.fieldFail.video_file}class="glm-form-bad-input"{/if}>
+        {if $memberInfo.fieldData.video_file}
+                    <b>File Name:</b> {$memberInfo.fieldData.video_file}<br>
+                    Replace this video file:</b> <input type="file" name="video_file">
+                    <input type="checkbox" name="video_file_delete"> Delete Video File<br>
+        {else}
+                    <b>New file:</b> <input type="file" name="video_file_new">
+        {/if}
+                </td>
+            </tr>
+            <tr>
+                <th {if $memberInfo.fieldRequired.video_title}class="glm-required"{/if}>Video Title:</th>
+                <td {if $memberInfo.fieldFail.video_title}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
+                    <input type="text" name="video_title" value="{$memberInfo.fieldData.video_title}" class="glm-form-text-input-medium glm-char-count" data-msgArea="video-title-msg" maxlength="80">
+                    {if $memberInfo.fieldFail.video_title}<p>{$memberInfo.fieldFail.video_title}</p>{/if}<br>
+                    <span id="video-title-msg"></span>
+                </td>
+            </tr>
+            <tr>
+                <th {if $memberInfo.fieldRequired.video_descr}class="glm-required"{/if}>Video Description:</th>
+                <td {if $memberInfo.fieldFail.video_descr}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
+                    {php} 
+                        wp_editor('{$memberInfo.fieldData.video_descr|escape:quotes}', 'glm_video_descr', array(
+                            'media_buttons' => false,
+                            // 'quicktags' => false,
+                            // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                            'textarea_name' => 'video_descr',
+                            'editor_height' => 200,     // Height in px, overrides editor_rows
+                                // 'textarea_rows' => 8
+                        ));
+                    {/php}
+                    {if $memberInfo.fieldFail.video_descr}<p>{$memberInfo.fieldFail.video_descr}</p>{/if}
+                </td>
+            </tr>
+        </table>
diff --git a/views/admin/member/memberInfo/editProfile.html b/views/admin/member/memberInfo/editProfile.html
new file mode 100644 (file)
index 0000000..d98e4a1
--- /dev/null
@@ -0,0 +1,27 @@
+        
+        <table id="glm-table-profile" class="glm-admin-table glm-hidden glm-member-info-table">
+            <tr>
+                <td>
+                    {include file='admin/member/memberInfo/editProfileDescription.html'}
+                    
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    {include file='admin/member/memberInfo/editProfileAddress.html'}
+                </td>
+            </tr>
+
+            <tr>
+                <td>
+                    {include file='admin/member/memberInfo/editProfileLocation.html'}
+                </td>
+            </tr>
+            
+            <tr>
+                <td>
+                    {include file='admin/member/memberInfo/editProfileMailing.html'}
+                </td>
+                
+            </tr>
+        </table>
diff --git a/views/admin/member/memberInfo/editProfileAddress.html b/views/admin/member/memberInfo/editProfileAddress.html
new file mode 100644 (file)
index 0000000..2603852
--- /dev/null
@@ -0,0 +1,134 @@
+<br>
+                    <h2>Address</h2>
+                    <table>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.addr1}class="glm-required"{/if}>Address 1:</th>
+                            <td {if $memberInfo.fieldFail.addr1}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
+                                <input type="text" id="addr1" name="addr1" value="{$memberInfo.fieldData.addr1}" class="glm-form-text-input">
+                                {if $memberInfo.fieldFail.addr1}<p>{$memberInfo.fieldFail.addr1}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.addr2}class="glm-required"{/if}>Address 2:</th>
+                            <td {if $memberInfo.fieldFail.addr2}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
+                                <input id="addr2" type="text" name="addr2" value="{$memberInfo.fieldData.addr2}" class="glm-form-text-input">
+                                {if $memberInfo.fieldFail.addr2}<p>{$memberInfo.fieldFail.addr2}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>City</th>
+                            <td class="glm-item-container">
+                                <!--  Add new city dialog -->
+                                <div id="newCityButton" class="button button-secondary glm-right">Add a new City</div>
+                                <div id="newCityDialog" class="glm-dialog-box" title="Enter a New City">
+                                    <table class="glm-admin-table">
+                                        <tr>
+                                            <th class="glm-required">City Name:</th>
+                                            <td id="newCityNameTD">
+                                                <input id="newCityName" type="text" name="newCityName" class="glm-form-text-input">
+                                                <div id="newCityNameRequired"></div>
+                                            </td>
+                                        </tr>
+                                    </table>
+                                    <p><span class="glm-required">*</span> Required</p>
+                                    <a id="newCityCancel" class="button button-primary glm-right">Cancel</a>
+                                    <input id="newCitySubmit" type="submit" value="Add new City">
+                                </div>
+                                <!-- City Selection -->
+                                <input id="cityName" type="hidden" name="newCityName" value=""><!-- this field is only used if adding a new city to pass the new name -->
+                                <select name="city" id="city">
+                                    <option value="0"></option>
+                    {foreach from=$memberInfo.fieldData.city.list item=v}
+                                    <option value="{$v.value}"{if $v.default} selected="selected"{/if}>
+                                        {$v.name}
+                                    </option>
+                    {/foreach}
+                                </select>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.state}class="glm-required"{/if}>State:</th>
+                            <td {if $memberInfo.fieldFail.state}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
+                                <select id="state" name="state">
+                    {foreach from=$memberInfo.fieldData.state.list item=v}
+                                    <option value="{$v.value}"{if $memberInfo.fieldData.state.value == $v.value} selected="selected"{/if}>
+                                        {$v.name}
+                                    </option>
+                    {/foreach}
+                                </select>
+                                {if $memberInfo.fieldFail.state}<p>{$memberInfo.fieldFail.state}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.zip}class="glm-required"{/if}>ZIP / Postal Code:</th>
+                            <td {if $memberInfo.fieldFail.zip}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
+                                <input id="zip" type="text" name="zip" value="{$memberInfo.fieldData.zip}" class="glm-form-text-input-short">
+                                {if $memberInfo.fieldFail.zip}<p>{$memberInfo.fieldFail.zip}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.country}class="glm-required"{/if}>Country:</th>
+                            <td {if $memberInfo.fieldFail.country}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
+                                <select id="country" name="country">
+                    {foreach from=$memberInfo.fieldData.country.list item=v}
+                                    <option value="{$v.value}"{if $v.default} selected="selected"{/if}>
+                                        {$v.name} {$v.value}
+                                    </option>
+                    {/foreach}
+                                </select>
+                                {if $memberInfo.fieldFail.country}<p>{$memberInfo.fieldFail.country}</p>{/if}
+                            </td>
+                        </tr>
+                                                <tr>
+                            <th {if $memberInfo.fieldRequired.phone}class="glm-required"{/if}>Phone #:</th>
+                            <td {if $memberInfo.fieldFail.phone}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <input type="text" name="phone" value="{$memberInfo.fieldData.phone}" class="glm-form-text-input-short glm-phone-input" >
+                                {if $memberInfo.fieldFail.phone}<p>{$memberInfo.fieldFail.phone}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.toll_free}class="glm-required"{/if}>Toll Free #:</th>
+                            <td {if $memberInfo.fieldFail.toll_free}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <input type="text" name="toll_free" value="{$memberInfo.fieldData.toll_free}" class="glm-form-text-input-short glm-phone-input" placeholder="ex: 800.123.4567 [ext 123]">
+                                {if $memberInfo.fieldFail.toll_free}<p>{$memberInfo.fieldFail.toll_free}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.email}class="glm-required"{/if}>E-Mail Address:</th>
+                            <td {if $memberInfo.fieldFail.email}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <input type="text" name="email" value="{$memberInfo.fieldData.email}" class="glm-form-text-input-short" placeholder="ex: info@gaslightmedia.com">
+                                {if $memberInfo.fieldFail.email}<p>{$memberInfo.fieldFail.email}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.url}class="glm-required"{/if}>Web Address (URL):</th>
+                            <td {if $memberInfo.fieldFail.url}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                            {if $memberInfo.fieldData.url}
+                                <a class="button button-secondary glm-right" href="{$memberInfo.fieldData.url}" target="urlTarget">Test Link</a>
+                            {/if}
+                                <input type="text" name="url" value="{$memberInfo.fieldData.url}" class="glm-form-text-input-medium" placeholder="ex: http://www.gaslightmedia.com">
+                                {if $memberInfo.fieldFail.url}<p>{$memberInfo.fieldFail.url}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.reservation_url}class="glm-required"{/if}>Reservation URL:</th>
+                            <td {if $memberInfo.fieldFail.reservation_url}class="glm-form-bad-input" data-tabid="glm-member-reservation-url"{/if}>
+                            {if $memberInfo.fieldData.reservation_url}
+                                <a class="button button-secondary glm-right" href="{$memberInfo.fieldData.reservation_url}" target="urlTarget">Test Link</a>
+                            {/if}
+                                <input type="text" name="reservation_url" value="{$memberInfo.fieldData.reservation_url}" class="glm-form-text-input-medium" placeholder="ex: http://www.gaslightmedia.com">
+                                {if $memberInfo.fieldFail.reservation_url}<p>{$memberInfo.fieldFail.reservation_url}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.region}class="glm-required"{/if}>Region:</th>
+                            <td {if $memberInfo.fieldFail.region}class="glm-form-bad-input" data-tabid="glm-member-info-address"{/if}>
+                                <select name="region">
+                    {foreach from=$memberInfo.fieldData.region.list item=v}
+                                    <option value="{$v.value}"{if $v.default} selected="selected"{/if}>{$v.name}</option>
+                    {/foreach}
+                                </select>
+                                {if $memberInfo.fieldFail.region}<p>{$memberInfo.fieldFail.region}</p>{/if}
+                            </td>
+                        </tr>
+                    </table>
\ No newline at end of file
diff --git a/views/admin/member/memberInfo/editProfileDescription.html b/views/admin/member/memberInfo/editProfileDescription.html
new file mode 100644 (file)
index 0000000..a52d95e
--- /dev/null
@@ -0,0 +1,26 @@
+                    <table>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.descr}class="glm-required"{/if}><h2>Description:</h2></th>
+                            <td {if $memberInfo.fieldFail.descr}class="glm-form-bad-input" data-tabid="glm-member-info-descr"{/if}>
+                                {php} 
+                                    wp_editor('{$memberInfo.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 $memberInfo.fieldFail.descr}<p>{$memberInfo.fieldFail.descr}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.short_descr}class="glm-required"{/if}>Short Description:</th>
+                            <td {if $memberInfo.fieldFail.short_descr}class="glm-form-bad-input" data-tabid="glm-member-info-descr"{/if}>
+                                <input type="text" name="short_descr" value="{$memberInfo.fieldData.short_descr}" class="glm-form-text-input glm-char-count" data-msgArea="short-descr-msg" maxlength="120" placeholder="A short, one line, description of the {$terms.term_member}.">
+                                <br><span id="short-descr-msg"></span>
+                                {if $memberInfo.fieldFail.short_descr}<p>{$memberInfo.fieldFail.short_descr}</p>{/if}
+                            </td>
+                        </tr>
+                    </table>
\ No newline at end of file
diff --git a/views/admin/member/memberInfo/editProfileLocation.html b/views/admin/member/memberInfo/editProfileLocation.html
new file mode 100644 (file)
index 0000000..0dc49a0
--- /dev/null
@@ -0,0 +1,20 @@
+                    <table>
+                        <tr>
+                            {if $memberInfo.fieldRequired.lat}<th class="emRequiredInputField">{else}<th>{/if}Location:</th>
+                            <td>
+                                <div id="glm-estimate-location" class="button button-secondary">Map Location Using Above Address</div>
+                                <p>
+                                    AP USE: Drag the pointer to the desired location for this {$terms.term_member}.
+                                    Use + and - buttons or the mouse wheel to zoom in or out.
+                                    Click and drag anywhere else on the map to move to another area.
+                                </p>
+                                <div id="locationMap" class="glm-map-edit">(map loads here)</div>
+                                <p>
+                                    <b>Selected Position:</b> 
+                                    &nbsp;&nbsp;Latitude <input id="glmLat" name="lat" type="text" value="{$memberInfo.fieldData.lat}" class="glm-form-text-input-veryshort">
+                                    &nbsp;&nbsp;Longitude <input id="glmLng" name="lon" type="text" value="{$memberInfo.fieldData.lon}" class="glm-form-text-input-veryshort">
+                                    &nbsp;&nbsp;<span id="latLonRecenter" class="button button-secondary">Update pointer with new lat/lon postion.</span>
+                                </p>
+                            </td>
+                        </tr>
+                    </table>
\ No newline at end of file
diff --git a/views/admin/member/memberInfo/editProfileMailing.html b/views/admin/member/memberInfo/editProfileMailing.html
new file mode 100644 (file)
index 0000000..3d1769a
--- /dev/null
@@ -0,0 +1,72 @@
+                    <br>
+                    <h2>Mailing</h2>
+                    <table>
+
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.mailing_addr1}class="glm-required"{/if}>Mailing Address 1:</th>
+                            <td {if $memberInfo.fieldFail.mailing_addr1}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <input type="text" name="mailing_addr1" value="{$memberInfo.fieldData.mailing_addr1}" class="glm-form-text-input-short">
+                                {if $memberInfo.fieldFail.mailing_addr1}<p>{$memberInfo.fieldFail.mailing_addr1}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.mailing_addr2}class="glm-required"{/if}>Mailing Address 2:</th>
+                            <td {if $memberInfo.fieldFail.mailing_addr2}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <input type="text" name="mailing_addr2" value="{$memberInfo.fieldData.mailing_addr2}" class="glm-form-text-input-short">
+                                {if $memberInfo.fieldFail.mailing_addr2}<p>{$memberInfo.fieldFail.mailing_addr2}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.mailing_city}class="glm-required"{/if}>Mailing City:</th>
+                            <td {if $memberInfo.fieldFail.mailing_city}class="glm-item-container glm-form-bad-input" data-tabid="glm-member-info-contact"{else}class="glm-item-container"{/if}>
+                                <!--  Add new city dialog -->
+                                <div id="newMailingCityButton" class="button button-secondary glm-right">Add a new City</div>
+                                <div id="newMailingCityDialog" class="glm-dialog-box" title="Enter a New City">
+                                    <table class="glm-admin-table">
+                                        <tr>
+                                            <th class="glm-required">City Name:</th>
+                                            <td id="newMailingCityNameTD">
+                                                <input id="newMailingCityName" type="text" name="newMailingCityName" class="glm-form-text-input">
+                                                <div id="newMailingCityNameRequired"></div>
+                                            </td>
+                                        </tr>
+                                    </table>
+                                    <p><span class="glm-required">*</span> Required</p>
+                                    <a id="newMailingCityCancel" class="button button-primary glm-right">Cancel</a>
+                                    <input id="newMailingCitySubmit" type="submit" value="Add new City">
+                                </div>
+                                <input id="mailingCityName" type="hidden" name="newMailingCityName" value=""><!-- this field is only used if adding a new mailing city to pass the new name -->
+                                <select name="mailing_city" id="mailing_city">
+                                    <option value="0"></option>
+                                    {foreach from=$memberInfo.fieldData.mailing_city.list item=v}
+                                        <option value="{$v.value}"{if $v.default} selected="selected"{/if}>
+                                            {$v.name}
+                                        </option>
+                                    {/foreach}
+                                </select>
+                                {if $memberInfo.fieldFail.mailing_city}<p>{$memberInfo.fieldFail.mailing_city}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.mailing_state}class="glm-required"{/if}>Mailing State:</th>
+                            <td {if $memberInfo.fieldFail.mailing_state}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <select id="mailing_state" name="mailing_state">
+                                    <option value=""></option>
+                                    {foreach from=$memberInfo.fieldData.mailing_state.list item=v}
+                                        <option value="{$v.value}"{if $memberInfo.fieldData.mailing_state.value == $v.value} selected="selected"{/if}>
+                                            {$v.name}
+                                        </option>
+                                    {/foreach}
+                                </select>
+                                {if $memberInfo.fieldFail.mailing_state}<p>{$memberInfo.fieldFail.mailing_state}</p>{/if}
+                            </td>
+                        </tr>
+                        <tr>
+                            <th {if $memberInfo.fieldRequired.mailing_zip}class="glm-required"{/if}>Mailing Zip:</th>
+                            <td {if $memberInfo.fieldFail.mailing_zip}class="glm-form-bad-input" data-tabid="glm-member-info-contact"{/if}>
+                                <input type="text" name="mailing_zip" value="{$memberInfo.fieldData.mailing_zip}" class="glm-form-text-input-short">
+                                {if $memberInfo.fieldFail.mailing_zip}<p>{$memberInfo.fieldFail.mailing_zip}</p>{/if}
+                            </td>
+                        </tr>
+                </table>
+                    
\ No newline at end of file
index d72bd46..c9d8e80 100644 (file)
@@ -1,5 +1,5 @@
         
-        <table id="glm-table-descr" class="glm-admin-table glm-member-info-table">
+        <table id="glm-table-status" class="glm-admin-table glm-member-info-table">
             <tr>
                 <th {if $memberInfo.fieldRequired.reference_name}class="glm-required"{/if}>Profile Name:</th>
                 <td {if $memberInfo.fieldFail.reference_name}class="glm-form-bad-input" data-tabid="glm-member-info-descr"{/if}>
                     {if $memberInfo.fieldFail.status}<p>{$memberInfo.fieldFail.status}</p>{/if}
                 </td>
             </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.descr}class="glm-required"{/if}>Description:</th>
-                <td {if $memberInfo.fieldFail.descr}class="glm-form-bad-input" data-tabid="glm-member-info-descr"{/if}>
-                    {php} 
-                        wp_editor('{$memberInfo.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 $memberInfo.fieldFail.descr}<p>{$memberInfo.fieldFail.descr}</p>{/if}
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.short_descr}class="glm-required"{/if}>Short Description:</th>
-                <td {if $memberInfo.fieldFail.short_descr}class="glm-form-bad-input" data-tabid="glm-member-info-descr"{/if}>
-                    <input type="text" name="short_descr" value="{$memberInfo.fieldData.short_descr}" class="glm-form-text-input glm-char-count" data-msgArea="short-descr-msg" maxlength="120" placeholder="A short, one line, description of the {$terms.term_member}.">
-                    <br><span id="short-descr-msg"></span>
-                    {if $memberInfo.fieldFail.short_descr}<p>{$memberInfo.fieldFail.short_descr}</p>{/if}
-                </td>
-            </tr>
             <tr>
                 <th {if $memberInfo.fieldRequired.notes}class="glm-required"{/if}>Notes:</th>
             <td
diff --git a/views/admin/member/memberInfo/editVideo.html b/views/admin/member/memberInfo/editVideo.html
deleted file mode 100644 (file)
index 301171a..0000000
+++ /dev/null
@@ -1,58 +0,0 @@
-
-        <table id="glm-table-video" class="glm-admin-table glm-hidden glm-member-info-table">
-            <tr style="display:none">
-                <th {if $memberInfo.fieldRequired.video_type}class="glm-required"{/if}>Video Type:</th>
-                <td {if $memberInfo.fieldFail.video_type}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
-                    <select id="glm-video-type" name="video_type">
-        {foreach from=$memberInfo.fieldData.video_type.list item=v}
-                        <option value="{$v.value}"{if $v.default} selected{/if}>{$v.name}</option>
-        {/foreach}
-                    </select>
-                    {if $memberInfo.fieldFail.video_type}<p>{$memberInfo.fieldFail.video_type}</p>{/if}
-                </td>
-            </tr>
-            <tr id="glm-video-url" class="glm-hidden">
-                <th {if $memberInfo.fieldRequired.video_url}class="glm-required"{/if}>Video URL:</th>
-                <td {if $memberInfo.fieldFail.video_url}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
-                    <input type="text" name="video_url" value="{$memberInfo.fieldData.video_url}" class="glm-form-text-input-medium" placeholder="ex: https://www.youtube.com/watch?v=C0DPdy98e4c">
-                    {if $memberInfo.fieldFail.video_url}<p>{$memberInfo.fieldFail.video_url}</p>{/if}
-                     <span id="video-url-msg">Only YouTube and Vimeo links are supported</span>
-                </td>
-            </tr>
-            <tr id="glm-video-file" class="glm-hidden">
-                <th {if $memberInfo.fieldRequired.video_file}class="glm-required"{/if}>Video File:</th>
-                <td {if $memberInfo.fieldFail.video_file}class="glm-form-bad-input"{/if}>
-        {if $memberInfo.fieldData.video_file}
-                    <b>File Name:</b> {$memberInfo.fieldData.video_file}<br>
-                    Replace this video file:</b> <input type="file" name="video_file">
-                    <input type="checkbox" name="video_file_delete"> Delete Video File<br>
-        {else}
-                    <b>New file:</b> <input type="file" name="video_file_new">
-        {/if}
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.video_title}class="glm-required"{/if}>Video Title:</th>
-                <td {if $memberInfo.fieldFail.video_title}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
-                    <input type="text" name="video_title" value="{$memberInfo.fieldData.video_title}" class="glm-form-text-input-medium glm-char-count" data-msgArea="video-title-msg" maxlength="80">
-                    {if $memberInfo.fieldFail.video_title}<p>{$memberInfo.fieldFail.video_title}</p>{/if}<br>
-                    <span id="video-title-msg"></span>
-                </td>
-            </tr>
-            <tr>
-                <th {if $memberInfo.fieldRequired.video_descr}class="glm-required"{/if}>Video Description:</th>
-                <td {if $memberInfo.fieldFail.video_descr}class="glm-form-bad-input" data-tabid="glm-member-info-video"{/if}>
-                    {php} 
-                        wp_editor('{$memberInfo.fieldData.video_descr|escape:quotes}', 'glm_video_descr', array(
-                            'media_buttons' => false,
-                            // 'quicktags' => false,
-                            // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
-                            'textarea_name' => 'video_descr',
-                            'editor_height' => 200,     // Height in px, overrides editor_rows
-                                // 'textarea_rows' => 8
-                        ));
-                    {/php}
-                    {if $memberInfo.fieldFail.video_descr}<p>{$memberInfo.fieldFail.video_descr}</p>{/if}
-                </td>
-            </tr>
-        </table>