--- /dev/null
+{include file='front/members/header.html'}
+
+
+
+{apply_filters('glm-member-db-front-members-detail-pageTop', '', $member.id)}
+
+{if $haveMember}
+<!-- <script src="http://maps.googleapis.com/maps/api/js?sensor=true&key={$settings.google_maps_api_key}"></script>-->
+ {if $settings.detail_show_map}
+<!-- <div id="glm-locationMap-container" class="row">
+ <div id="glm-locationMap" class="glm-map small-12 columns">(map loads here)</div>
+ </div>-->
+ {/if}
+ {if $settings.detail_show_directions}
+<!-- <div id="glm-directionsMap-container" class="glm-hidden">
+ <div id="glm-directionsMap" class="glm-map">(directions load here)</div>
+ <div id="directions-panel"></div>
+ </div>
+
+ <div class="row">
+ <div id="glm-directions" class="small-12 columns glm-member-entry-container">
+ <div class="row">
+ <div class="small-12 medium-4 columns">
+ Directions type:
+ <select id="directionsType" name="directionsType">
+ <option value="DRIVING">Driving</option>
+ <option value="WALKING">Walking</option>
+ <option value="BICYCLING">Bicycling</option>
+ <option value="TRANSIT">Transit Services</option> - Doesn't seem to work
+ </select>
+ </div>
+ <div class="small-12 medium-8 columns">
+ Enter address to show directions ...
+ <input id="glm-startLocation" type="text" name="startLocation" class="glm-form-text-input" placeholder=""><br>
+ </div>
+ </div>
+ <div class="row">
+ <div style="text-align: center;">
+ <input type="submit" id="glm-showDirectionsButton" class="button button-secondary glm-button glm-member-button" value="Show Directions">
+ <input type="submit" id="glm-showLocationButton" class="button button-secondary glm-button glm-hidden glm-member-button" value="Show {$terms.term_member_cap} Location">
+ </div>
+ </div>
+ </div>
+ </div>-->
+ {/if}
+<a id="topAnchor"></a>
+
+<!-- <h3>{$terms.term_member_cap} Detail</h3>-->
+ <div class="row">
+ <script>//document.write('<a id="glm-member-detail-takeback-mini" class="button glm-member-button" href="' + document.referrer + '"><span>Back to listing</span></a>');</script>
+ <a id="glm-member-detail-takeback-mini" class="glm-member-db-takeback-mini button glm-member-button" href="javascript:history.go(-1)"><span>Back to listing</span></a>
+ <div id="glm-member-detail-container" class="small-12 columns glm-member-container">
+ <h4 class="glm-member-title"> {$member.member}</h4>
+ <div id="glm-member-detail-side-box" class="small-12 medium-4 columns">
+ {if $member.logo && $settings.detail_show_logo}
+ <div class="glm-member-detail-logo-wrapper">
+ <img class="glm-member-list-image-left" src="{$glmPluginMediaUrl}/images/{$settings.detail_logo_size}/{$member.logo}">
+ </div>
+ {/if}
+ {if $member.url && $settings.detail_show_url}
+ <a id="glm-member-detail-website-link" class="small-12 button glm-button" data-member-id="{$member.member_pointer}" data-member-slug="{$member.member_slug}" href="{$member.url}"{if $settings.detail_show_url_newtarget} target="_blank"{/if}>Visit Website</a>
+ <input type="hidden" id="glm-member-detail-click-logged" value="0">
+ {/if}
+
+ <div id="glm-member-detail-contact-info">
+ <!-- Member name, address, and basic information -->
+
+ {if $settings.detail_show_address}
+ <div class="glm-member-detail-address-wrapper">
+ <small>Address</small>
+ {apply_filters('glm-member-db-front-members-detail-addressTop', '', $member.id)}
+ {if $settings.detail_show_street}
+ {if $member.addr1}<div>{$member.addr1}</div>{/if}
+ {if $member.addr2}<div>{$member.addr2}</div>{/if}
+ {/if}
+ {if $settings.memb_info_location && $settings.detail_show_citystatezip}
+ <div>
+ {if $member.city}
+ <span>{$member.city}{if $member.state.value}, {/if}</span>
+ {/if}
+ {if $member.state.value}
+ <span>{$member.state.value}</span>
+ {/if}
+ {if $member.zip}
+ {$member.zip}
+ {/if}
+ </div>
+ {/if}
+ {if $member.country.name && $settings.detail_show_country}
+ <div>{$member.country.name}</div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-addressBottom', '', $member.id)}
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-otherDetailTop', '', $member.id)}
+ {if $settings.memb_info_location && $member.region && $settings.detail_show_region}
+ <div>
+ <b>{$terms.term_admin_menu_configure_regions}: </b> {$member.region}
+ </div>
+ {/if}
+ {if $settings.memb_info_location}
+ <div class="glm-member-detail-phone-wrapper">
+ {if ($member.phone && $settings.detail_show_phone) || ($member.toll_free && $settings.detail_show_tollfree)}
+ <small class="glm-field-title">Phone</small>
+ {/if}
+ {if $member.phone && $settings.detail_show_phone}
+ <div class="glm-member-detail-contact-phone">
+ <div class="glm-field-value">{apply_filters('glm_associate_phone_filter', $member.phone)}</div>
+ </div>
+ {/if}
+ {if $member.toll_free && $settings.detail_show_tollfree}
+ <div>
+ <div class="glm-field-value">{apply_filters('glm_associate_phone_filter', $member.toll_free)}</div>
+ </div>
+ {/if}
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-otherDetailBottom', '', $member.id)}
+ <div id="glm-member-detail-links">
+ {apply_filters('glm-member-db-front-members-detail-linksTop', '', $member.id)}
+ {if $member.email && $settings.detail_show_email}<a href="mailto:{$member.email}">Email</a>{/if}
+ {if $member.reservation_url}<a target="_blank" href="{$member.reservation_url}">Reserve Now</a>{/if}
+ {if $settings.detail_show_coupons && $coupons}<a href="#glm-member-detail-coupons">Coupons</a>{/if}
+ {if $member.live_cam_type.value==1 && $member.live_cam_url != "" && $settings.detail_show_live_cam}
+ <a target="_blank" href="{$member.live_cam_url}">
+ {$terms.term_webcam_cap}
+ </a>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-linksBottom', '', $member.id)}
+ </div>
+
+ <div class="glm-member-db-socials">
+ {apply_filters('glm-member-db-front-members-list-memberDetailBottom', '', $member.id)}
+ {apply_filters('glm-member-db-front-members-social-list', '', $member.id)}
+ </div>
+ </div>
+
+ {if $settings.detail_show_map}
+ <script src="//maps.googleapis.com/maps/api/js?sensor=true&key={$settings.google_maps_api_key}"></script>
+ <div id="glm-locationMap-container">
+ <div id="glm-locationMap" class="glm-map small-12 columns">(map loads here)</div>
+ </div>
+ <div id="glm-member-detail-map-button" class="button map-button">view map</div>
+
+ <div id="member-lat" rel="{$member.lat}"></div>
+ <div id="member-lon" rel="{$member.lon}"></div>
+ <form id="MemberDrivingDirectionsForm" name="MemberDrivingDirectionsForm" method="post" action="">
+ <input type="hidden" id="MemberLocation" name="MemberLocation" value="{$member.member_name|escape}">
+ <input type="hidden" id="MemberLat" name="MemberLat" value="{$member.lat}">
+ <input type="hidden" id="MemberLon" name="MemberLon" value="{$member.lon}">
+ <input type="submit" class="button map-button text-center" id="MemberDrivingDirectionSubmit" name="MemberDrivingDirectionSubmit" value="Directions">
+ </form>
+
+ {/if}
+ </div>
+
+
+<!-- Attributes: amenitities, credit cards, etc -->
+ <div id="glm-member-detail-descr-row" class="small-12 medium-8 columns">
+ {apply_filters('glm-member-db-front-members-detail-attributesTop', '', $member.id)}
+ {if $featuredImage}
+ <div class="glm-member-detail-featured-image-wrapper small-12 columns">
+ <img src="{$glmPluginMediaUrl}/images/large/{$featuredImage}">
+ {if $featuredImageCaption}
+ <div class="glm-member-detail-featured-image-caption">
+ {$featuredImageCaption}
+ </div>
+ {/if}
+ </div>
+ {/if}
+ <div id="glm-member-detail-intro-desc">
+ {if $member.short_descr && $settings.detail_show_short_descr}{$member.short_descr|nl2br}{/if}
+ </div>
+ <div id="glm-member-detail-fullprofile-toggle">Expand All</div>
+ <div id="glm-member-detail-data-container">
+ <div id="glm-member-detail-description-toggle" class="glm-member-detail-content-toggle">Description</div>
+ <div id="glm-member-detail-description-container" class="glm-member-detail-content-data">
+ <div id="glm-member-detail-description" >
+ {if $member.descr && $settings.detail_show_descr}
+ {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
+ {$member.descr|nl2br}
+ {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
+ {/if}
+ </div>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {apply_filters('glm-member-db-front-members-detail-descriptionAfter', '', $member.id)}
+ {apply_filters('glm-member-db-front-members-detail-imageGalleryBefore', '', $member.id)}
+ {if $settings.detail_show_imagegallery && $haveImageGallery}
+ <div id="glm-member-detail-images-toggle" class="glm-member-detail-content-toggle">Photos</div>
+ <div id="glm-member-detail-images-container" class="glm-member-detail-content-data small-12">
+ {apply_filters('glm-member-db-front-members-detail-galleryTop', '', $member.id)}
+<!-- <h2>Photo Gallery</h2>-->
+
+ <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
+ {foreach $imageGallery as $i}
+ <li>
+ <a class="glm-member-detail-images-thumb fancybox" data-fancybox="images" rel="gallery1" href="{$glmPluginMediaUrl}/images/large/{$i.file_name}" style="background-image: url('{$glmPluginMediaUrl}/images/small/{$i.file_name}')">
+ <img class="glm-member-filler-image" src="{$assetsUrl}/filler_s.gif" alt="{$i.caption}">
+ </a>
+ </li>
+ {/foreach}
+ </ul>
+ {apply_filters('glm-member-db-front-members-detail-galleryBottom', '', $member.id)}
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-imageGalleryAfter', '', $member.id)}
+ {apply_filters('glm-member-db-front-members-detail-couponsBefore', '', $member.id)}
+ {if $settings.detail_show_coupons && $coupons}
+ <div id="glm-member-detail-coupons-toggle" class="glm-member-detail-content-toggle">Coupons</div>
+ <div id="glm-member-detail-coupons-container" class="glm-member-detail-content-data small-12">
+ <a name="glm-member-detail-coupons"></a>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-couponsAfter', '', $member.id)}
+ {apply_filters('glm-member-db-front-members-detail-amenitiesBefore', '', $member.id)}
+ {if $member.amenities && $settings.detail_show_amenities}
+ <div id="glm-member-detail-amenities-toggle" class="glm-member-detail-content-toggle">Amenities & Services</div>
+ <div id="glm-member-detail-amenities-container" class="glm-member-detail-content-data small-12">
+ <table class="glm-member-detail-table">
+ {foreach $member.amenities as $a}
+ <tr>
+ <td>
+ {$a.name}
+ </td>
+ </tr>
+ {/foreach}
+ </table>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-amenitiesAfter', '', $member.id)}
+<!-- Not using credit cards for now
+ {apply_filters('glm-member-db-front-members-detail-creditcardsBefore', '', $member.id)}
+ {if $member.cc_type && $settings.detail_show_creditcards}
+ <div id="glm-member-detail-creditcards-toggle" class="glm-member-detail-content-toggle">Credit Cards</div>
+ <div id="glm-member-detail-creditcards-container" class="glm-member-detail-content-data small-12">
+ <table class="glm-member-detail-table">
+ <tr><th>Credit Cards Accepted:</th></tr>
+ {foreach $member.cc_type.names as $c}
+ <tr><td>{$c}</td></tr>
+ {/foreach}
+ </table>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-creditcardsAfter', '', $member.id)}
+-->
+ {apply_filters('glm-member-db-front-members-detail-categoriesBefore', '', $member.id)}
+ {if $member.categories && $settings.detail_show_categories}
+ <div id="glm-member-detail-categories-toggle" class="glm-member-detail-content-toggle">Categories</div>
+ <div id="glm-member-detail-categories-container" class="glm-member-detail-content-data small-12">
+ <table class="glm-member-detail-table">
+<!-- <tr><th>{$terms.term_member_cap} Categories</th></tr>-->
+ {foreach $member.categories as $c}
+ <tr>
+ <td>
+ {if $c.parent_name}{$c.parent_name}: {/if}{$c.name}
+ </td>
+ </tr>
+ {/foreach}
+ </table>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+ {apply_filters('glm-member-db-front-members-detail-categoriesAfter', '', $member.id)}
+ {apply_filters('glm-member-db-front-members-detail-videoBefore', '', $member.id)}
+ {if $member.video_url && $settings.detail_show_video}
+ <div id="glm-member-detail-video-toggle" class="glm-member-detail-content-toggle">Video</div>
+ <div id="glm-member-detail-video-container" class="glm-member-detail-content-data small-12">
+ <table class="glm-member-detail-table">
+ <div><h3 class="glm-member-detail-video-title">{$member.video_title}</h3></div>
+ <div class="glm-member-detail-video-embed">{$member.video_embed}</div>
+ <div class="glm-member-detail-video-descr"><p>{$member.video_descr}</p></div>
+ </table>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+
+ {apply_filters('glm-member-db-front-members-detail-videoAfter', '', $member.id)}
+
+ {apply_filters('glm-member-db-front-members-detail-liveCamBefore', '', $member.id)}
+ {if $member.live_cam_type.value!=1 && $member.live_cam_url && $settings.detail_show_live_cam}
+ <div id="glm-member-detail-live-cam-toggle" class="glm-member-detail-content-toggle">{$terms.term_webcam_cap}</div>
+ <div id="glm-member-detail-live-cam-container" class="glm-member-detail-content-data small-12">
+ <table class="glm-member-detail-table">
+ <div><h3 class="glm-member-detail-live-cam-title">{$member.live_cam_title}</h3></div>
+ {if $member.live_cam_type.value == 2}
+ <img width="auto" max-height="315" src="{$member.live_cam_url}">
+ {/if}
+ <div class="glm-member-detail-live-cam-descr"><p>{$member.live_cam_descr}</p></div>
+ </table>
+ <div class="glm-member-detail-sub-data-links row">
+ <a class="glm-member-detail-content-toggle">Collapse</a>
+ <a class="glm-member-detail-link-to-top">Back to top</a>
+ </div>
+ </div>
+ {/if}
+
+ {if $haveFiles}
+ <div id='glm-member-detail-files-toggle' class='glm-member-detail-content-toggle'>Files</div>
+ <div id='glm-member-detail-files-container' class='glm-member-detail-content-data small-12'>
+ {foreach $files as $file}
+ <a class="glm-file-detail" href="{$glmPluginMediaUrl}/files/{$file.file_name}" target="_blank">{if $file.caption}{$file.caption}{else}{$file.name}{/if}</a>
+ {/foreach}
+ <div class='glm-member-detail-sub-data-links row'>
+ <a class='glm-member-detail-content-toggle'>Collapse</a>
+ <a class='glm-member-detail-link-to-top'>Back to top</a>
+ </div>
+ </div>
+ {/if}
+
+ {apply_filters('glm-member-db-front-members-detail-liveCamAfter', '', $member.id)}
+
+ {apply_filters('glm-member-db-front-members-detail-dataBottom','',$member.id)}
+ </div>
+ </div>
+ {apply_filters('glm-member-db-front-members-detail-attributesBottom', '', $member.id)}
+<!-- Image Gallery -->
+
+ </div>
+ </div>
+ {apply_filters('glm-member-db-front-members-detail-pageBottom', '', $member.id)}
+
+ <script type="text/javascript">
+ {apply_filters('glm-member-db-front-members-detail-jqueryScriptTop', '', $member.id)}
+
+ jQuery(document).ready(function($) {
+
+ // This opens all detail content sections and sets the fullprofile button to open
+ $(".glm-member-detail-content-data").not($("#glm-member-detail-fullprofile-toggle")).slideDown(350, "swing", function() {});
+ $(".glm-member-detail-content-toggle").addClass("selected");
+ $("#glm-member-detail-fullprofile-toggle").toggleClass("selected");
+
+ // change the member detail photos grid structure depending
+ var images_container = $("#glm-member-detail-images-container");
+ // Check if Foundation exists first
+ if ( typeof window.Foundation != 'undefined' ) {
+ var foundation_version = window.Foundation.version;
+
+ if( foundation_version.charAt(0) === "6" ){
+ images_container.children('ul').removeClass('small-block-grid-1 medium-block-grid-2 large-block-grid-3');
+ images_container.children('ul').addClass('row small-up-1 medium-up-2 large-up-3');
+ images_container.children('ul').find('li').addClass('column');
+ }
+ }
+
+ // Replace all non-number special characters in a phone number with the designated infix
+ {if $settings.phone_infix}
+ //var processedPhone = $('.glm-member-detail-contact-phone .glm-field-value').text().trim().replace(/[^a-zA-Z0-9 ]/g, '{$settings.phone_infix}');
+ //$('.glm-member-detail-contact-phone .glm-field-value').text(processedPhone);
+ {/if}
+
+ // Check a hidden field to see if this is a page refresh (doesn't detect forced reload)
+ var isRefresh = $("#glm-member-detail-click-logged").val();
+
+ // Also check the HTML 5 performance.navigation.type value (1 = reload, 2 = via history)
+ if(window.performance && (performance.navigation.type == 1 || performance.navigation.type == 2)) {
+ isRefresh = 1;
+ }
+
+ // If this is not a refresh or reload, send AJAX action to record click.
+ if (isRefresh == 0) {
+ $.ajax({
+ url: "{$ajaxUrl}?action=glm_members_admin_ajax&glm_action=memberDetailClick&memberId={$member.member_pointer}&memberSlug={$member.member_slug}"
+ });
+ $("#glm-member-detail-click-logged").val(1);
+ }
+
+ // Processes click-through counts for website links
+ $('#glm-member-detail-website-link').on('click', function() {
+
+ // Get member ID
+ var memberId = $(this).attr('data-member-id');
+ var memberSlug = $(this).attr('data-member-slug');
+
+ // Send AJAX action to record click.
+ $.ajax({
+ url: "{$ajaxUrl}?action=glm_members_admin_ajax&glm_action=memberClickThrough&memberId=" + memberId + "&memberSlug=" + memberSlug
+ });
+
+ });
+
+ // Automatically zoom and expand the relevant
+ $('html').addClass('glmassociatememberdetail glmassociatetop');
+ if ("{$expanded}" != "") {
+ var expandTarget = "glm-member-detail-{$expanded}";
+ if ($("#"+expandTarget+"-container").length) {
+ $("#"+expandTarget+"-container").show("fast", "swing", function() {});
+ $("#"+expandTarget+"-toggle").addClass("selected");
+ fullProfileCheck(expandTarget);
+ $('html, body').animate({
+ scrollTop: $("#"+expandTarget+"-toggle").offset().top-10
+ }, 500);
+ }
+ }
+
+ $("a.glm-member-detail-images-thumb").fancybox({
+
+ helpers: {
+ overlay: { locked: false },
+ title: { type: 'inside'},
+ },
+ afterLoad: function(){
+ this.title = $(this.element).find('img').attr('alt');
+ }
+ });
+
+ $("a.glm-member-detail-images-thumb").click(function(e) {
+ e.preventDefault();
+ });
+
+ $('.glm-member-detail-link-to-top').click(function () {
+ $('body,html').animate({
+ scrollTop: $("#glm-member-detail-takeback-mini").offset().top-10
+ }, 75);
+ });
+
+ // Open the appropriate section if a link is clicked
+ $('.link-open-detail-content-data').click(function(e) {
+ var target = $(this).attr("id").slice(0, -5);
+ // e.g.: #glm-member-detail-packages-link
+ $("#"+target+"-container").show("fast", "swing", function() {});
+ $("#"+target+"-toggle").addClass("selected");
+ fullProfileCheck(target);
+ $('html, body').animate({
+ scrollTop: $("#"+target+"-toggle").offset().top-{$settings.detail_top_offset_autoscroll}
+ }, 500);
+ });
+
+
+ // Open or close the appropriate section if a toggle is clicked
+ $(".glm-member-detail-content-toggle").not("#glm-member-detail-fullprofile-toggle").click(function() {
+ if($(this).parents('.glm-member-detail-sub-data-links').length) {
+ var target = $(this).parent().parent().attr("id").slice(0, -10);
+ } else {
+ var target = $(this).attr("id").slice(0, -7);
+ }
+ $("#"+target+"-container").slideToggle("fast", "swing", function() {});
+ $("#"+target+"-toggle").toggleClass("selected");
+ fullProfileCheck(target);
+ });
+
+ // Change the toggle button based on whether all the content sections are expanded
+ function fullProfileCheck(target) {
+ if ($("#glm-member-detail-data-container > .glm-member-detail-content-toggle.selected").length == $("#glm-member-detail-data-container > .glm-member-detail-content-toggle").length) {
+ $("#glm-member-detail-fullprofile-toggle").addClass("selected");
+ } else {
+ $("#glm-member-detail-fullprofile-toggle").removeClass("selected");
+ }
+ }
+
+ // Open or close every data container if the fullprofile toggle is clicked
+ $("#glm-member-detail-fullprofile-toggle").click(function() {
+ if ($(this).hasClass("selected")) {
+ $(".glm-member-detail-content-data").slideUp(175, "swing", function() {});
+ $(".glm-member-detail-content-toggle").removeClass("selected");
+ $(this).toggleClass("selected");
+ } else {
+ $(".glm-member-detail-content-data").not($(this)).slideDown(350, "swing", function() {});
+ $(".glm-member-detail-content-toggle").addClass("selected");
+ $(this).toggleClass("selected");
+ }
+ });
+
+ // Expand the takeback button on hover. Progressively add ellipses when clicked and loading
+ $("#glm-member-detail-takeback-mini").click(function() {
+ $("#glm-member-detail-takeback-mini span").html("Loading");
+ $("#glm-member-detail-takeback-mini").css('min-width','170px');
+ var count = 0;
+ setInterval(function(){
+ count++;
+ var dots = new Array(count % 5).join(' .');
+ $('#glm-member-detail-takeback-mini span').html("Loading ." + dots);
+ }, 500);
+ });
+
+
+ {if $settings.detail_show_map}
+
+ // Expand/contract map container and change the toggle button
+ $("#glm-member-detail-map-button").click(function() {
+ var mapC = "#glm-locationMap-container";
+ var map = "#glm-locationMap";
+ var mapNewH = 0;
+ var mapOverflow = 'hidden';
+ var mapBtnTxt = 'view map';
+ if ($(mapC).height() == 0) {
+ mapNewH = 250;
+ mapV = 'visible';
+ mapBtnTxt = 'hide map'
+ }
+ $(mapC).animate({
+ overflow: mapOverflow,
+ height: mapNewH
+ }, 250, "swing", function() {
+
+ });
+ $(this).html(mapBtnTxt);
+ });
+
+ /*
+ * Google Maps
+ * API reference: https://developers.google.com/maps/documentation/javascript/reference
+ */
+
+ var myLocation = false;
+ {if $member.lat != 0 && $member.lon != 0}
+ var memberlocation = new google.maps.LatLng({$member.lat}, {$member.lon});
+ {else}
+ var memberlocation = new google.maps.LatLng({$settings.maps_default_lat}, {$settings.maps_default_lon});
+ {/if}
+
+ function initMap() {
+
+ // Set default - Need to make this configurable
+ var map = new google.maps.Map(document.getElementById('glm-locationMap'), {
+ zoom: {$settings.maps_default_zoom},
+ center: memberlocation,
+ disableDefaultUI: false,
+ mapTypeId: google.maps.MapTypeId.MAP,
+ });
+
+ // Create a marker for this member
+ {if $member.lat != 0 && $member.lon != 0}
+ var marker = new google.maps.Marker({
+ map: map,
+ position: new google.maps.LatLng({$member.lat}, {$member.lon}),
+ draggable: false,
+ animation: google.maps.Animation.DROP,
+ title: '{$member.member|escape}'
+ });
+ {/if}
+ // Don't Try HTML5 to get user geolocation
+ //if(navigator.geolocation) {
+ //navigator.geolocation.getCurrentPosition(function(position) {
+ //myLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
+ //var pinIcon = new google.maps.MarkerImage(
+ //'https://maps.google.com/mapfiles/kml/shapes/man.png',
+ //null, /* size is determined at runtime */
+ //null, /* origin is 0,0 */
+ //null, /* anchor is bottom center of the scaled image */
+ //new google.maps.Size(30, 30)
+ //);
+ //var myMarker = new google.maps.Marker({
+ //map: map,
+ //position: myLocation,
+ //draggable: false,
+ //animation: google.maps.Animation.DROP,
+ //title: 'My Location',
+ //icon: pinIcon,
+ //zIndex: 100
+ //});
+ //$('#glm-startLocation').attr('placeholder', 'Leave blank for your current location or enter address here.');
+ //});
+ //}
+
+ }
+
+ // Load map
+ google.maps.event.addDomListener(window, 'load', initMap);
+
+
+ {/if} {*detail_show_map*}
+
+// Direction code is below, but since we're sending them offsite to google maps this is no longer necessary.
+//
+// {if $settings.detail_show_directions}
+//
+// var directionsDisplay;
+// var directionsService = new google.maps.DirectionsService();
+//
+// // Display map with route from specified location to member location
+// function calcRoute() {
+//
+// // If an address was input, use that, otherwise use detected location if available
+// var start = $('#glm-startLocation').val();
+// if (start == '' ) {
+// if (myLocation != false) {
+// start = myLocation;
+// }
+// }
+//
+// // If no start location available, tell user
+// if (start == '') {
+// alert('No starting location. Please enter address.');
+// return;
+// }
+//
+// // Switch to directions map being visible
+// $('#glm-directionsMap-container').removeClass('glm-hidden');
+// $('#glm-locationMap-container').addClass('glm-hidden');
+// $('#glm-showLocationButton').removeClass('glm-hidden');
+//
+// // Initialize the directions map with a default center location
+// directionsDisplay = new google.maps.DirectionsRenderer();
+// var mapOptions = {
+// zoom:7,
+// center: memberlocation
+// }
+// directionsMap = new google.maps.Map(document.getElementById("glm-directionsMap"), mapOptions);
+// directionsDisplay.setMap(directionsMap);
+//
+// // Get directions type selected
+// var directionsType = $('#directionsType').find(':selected').val();
+//
+// // Specify origin and destination then get route
+// var request = {
+// origin: start,
+// destination: memberlocation,
+// travelMode: google.maps.TravelMode[directionsType]
+// };
+// directionsService.route(request, function(result, status) {
+// if (status == google.maps.DirectionsStatus.OK) {
+// directionsDisplay.setDirections(result);
+// $('#directions-panel').html('');
+// directionsDisplay.setPanel(document.getElementById('directions-panel'));
+// }
+// });
+//
+// // Check for first map idle (completely loaded) - Check max initial zoom
+// var mapLoadedListener = google.maps.event.addListener(directionsMap, 'idle', function() {
+// if (directionsMap.getZoom() > 16) {
+// this.setZoom(16);
+// }
+// google.maps.event.removeListener(mapLoadedListener);
+// });
+//
+// }
+//
+// // Trigger route map either by button or input of address
+// $('#glm-showDirectionsButton' ).click( function() {
+// calcRoute();
+// });
+// $('#glm-startLocation' ).change( function() {
+// calcRoute();
+// });
+//
+// // Switch back to member location map
+// $('#glm-showLocationButton').click( function() {
+// $('#glm-directionsMap-container').addClass('glm-hidden');
+// $('#glm-locationMap-container').removeClass('glm-hidden');
+// $('#glm-showLocationButton').addClass('glm-hidden');
+// });
+//
+// {/if} {*detail_show_directions*}
+
+ }); // jquery
+
+ {apply_filters('glm-member-db-front-members-detail-jqueryScriptBottom', '', $member.id)}
+
+
+
+ </script>
+
+{else}
+ <p>For some reason the specified {$terms.term_member} was not found. Please try again.</p>
+{/if}
+
+
+{include file='front/footer.html'}
projects / WP-Themes / DiscoverKZOO.git / commitdiff