<script src="//maps.googleapis.com/maps/api/js?sensor=true&key={$settings.google_maps_api_key}"></script>
<script type="text/javascript">var enableDraggable = true;</script>
<div id="glm-locationMap" class="glm-map glmgrid-small-12 glmgrid-columns">(map loads here)</div>
- {/if}
+ {/if}
{apply_filters('glm-member-db-front-members-detail-mapBottom', '', $member.id)}
</div>
{apply_filters('glm-member-db-front-members-detail-mapAfter', '', $member.id)}
</form>
</div>
{apply_filters('glm-member-db-front-members-detail-mapButtonsAfter', '', $member.id)}
-
+
{/if}
</div>
{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>
-
+ {/if}
+ {if $settings.profile_accommodation && $member.accommodations}
+ <div id="glm-member-detail-accommodations-toggle" class="glm-member-detail-content-toggle">Accommodations Info</div>
+ <div id="glm-member-detail-accommodations-container" class="glm-member-detail-content-data">
+ <div id="glm-member-detail-accommodations">
+ <ul>
+ {if $member.num_rooms}<li>{$member.num_rooms} Rooms/Cabins</li>{/if}
+ {if $member.year_round}<li>Open Year Round</li>{/if}
+ </ul>
+ </div>
+
+ <div class="glm-member-detail-sub-data-links glma-row">
+ <a class="glm-member-detail-content-toggle glma-columns glma-small-6">Collapse</a>
+ <a class="glm-member-detail-link-to-top glma-columns glma-small-6">Back to top</a>
+ </div>
+ </div>
+ {/if}
+
{apply_filters('glm-member-db-front-members-detail-events', '', $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>
{/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>
{/if}
{apply_filters('glm-member-db-front-members-detail-liveCamAfter', '', $member.id)}
-
+
{$customFields = apply_filters('get_glm_custom_fields','glm-member-db',$member.memberInfoId)}
{if !empty($customFields[0].field_data)}
<div id="glm-member-detail-hours-toggle" class="glm-member-detail-content-toggle">Hours</div>
<div id="glm-member-detail-hours-container" class="glm-member-detail-content-data">
<div id="glm-member-detail-hours" >
-
+
{foreach $customFields as $field}
{if $field.field_data}
<div class="glm-member-detail-custom-field">
<span class="glm-member-detail-custom-field-name small-12 medium-5 columns" >{$field.field_name}</span>
<span class="glm-member-detail-custom-field-data small-12 medium-7 columns">{$field.field_data}</span>
</div>
-
+
</div>
{/if}
{/foreach}
</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>
{/if}
-
+
{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>
{/if}
{apply_filters('glm-member-db-front-members-detail-imageGalleryAfter', '', $member.id)}
-
+
{apply_filters('glm-member-db-front-members-detail-dataBottom','',$member.id)}
</div>
</div>
$(this).html(mapBtnTxt);
});
- {if $settings.selected_map_interface == 1}
-
+ {if $settings.selected_map_interface == 1}
+
/*
* Leaflet Map
* API reference: https://leafletjs.com/reference-1.3.2.html
{/if}
function initMap() {
-
+
var leafletMap = L.map('LeafletMapContainer').setView([memberLat, memberLon], {$settings.maps_default_zoom});
var leafletTileServer = '{$settings.leaflet_tile_server}/{$settings.leaflet_tile_server_key}/' + {literal}'{z}/{x}/{y}.png'{/literal};
var leafletMinZoom = 5;
delayIndicator: 500
});
leafletMap.addControl(loadingControl);
-
+
// Marker
var leafletMarker = L.marker([memberLat, memberLon]).addTo(leafletMap);
-
+
}
-
+
{/if}
- {if $settings.selected_map_interface == 2}
-
+ {if $settings.selected_map_interface == 2}
+
/*
* Google Maps
* API reference: https://developers.google.com/maps/documentation/javascript/reference
google.maps.event.addDomListener(window, 'load', initMap);
{/if}
-
+
{/if} {*detail_show_map*}
-
+
$(window).load(function(){
initMap();
});