{include file='front/members/header.html'}
{apply_filters('glm-member-db-front-members-list-pageTop', '')}
-
+
<script src="http://maps.googleapis.com/maps/api/js?sensor=true&key={$settings.google_maps_api_key}"></script>
{if $settings.list_show_map}
{/if}
{if $settings.list_show_search}
-
+
<form action="{$thisUrl}?glm_action=list" method="post" enctype="multipart/form-data">
- <div class="row">
+ <div class="row">
<div class="small-12 columns glm-member-search glm-member-entry-container glm-member-container">
{apply_filters('glm-member-db-front-members-list-searchFormTop', '')}
<div class="row">
<div class="small-12 columns">
- <h3 class="glm-searchTitle"><br>Search for a {$terms.term_member_cap}</h3>
+ <h3><br>Search for a {$terms.term_member_cap}</h3>
</div>
</div>
<div class="row">
{if $settings.list_show_search_category}
<div class="small-12 medium-5 columns">
- {$terms.term_member_cap} Category:
+ {$terms.term_member_cap} Category:
<select name="categorySearch" id="categorySelect">
<option value="">(all)</option>
{foreach from=$categories item=v}
{if $settings.list_show_search_text}
<div class="small-12 medium-7 columns">Text Search: <input type="text" name="textSearch" value="{$textSearch}" class="glm-form-text-input"></div>
{/if}
-
+
</div>
{if $settings.list_show_search_amenities}
<div class="row">
<div class="small-12 medium-5 columns">
- {$terms.term_member_cap} Amenity:
+ {$terms.term_member_cap} Amenity:
<select name="amenitySearch" id="amenitySelect">
<option value=""></option>
{foreach from=$amenities item=v}
</div>
</div>
- {/if}
+ {/if}
<div class="row"><div class="small-12 columns"><input class="button glm-member-button centered" type="submit" value="Search"></div></div>
{apply_filters('glm-member-db-front-members-list-searchFormBottom', '')}
</div>
{/if} {*list_show_search*}
{apply_filters('glm-member-db-front-members-list-listHeaderTop', '')}
-{if $settings.list_show_list && !$blankStart}
+{if $settings.list_show_list && !$blankStart}
<h3>List of {$terms.term_member_plur_cap}</h3>
{if $haveMembers}
-
+
{if $settings.list_show_search_alpha}
<div class="glm-alpha-links">
<a href="{$thisUrl}?glm_action=list&textSearch={$textSearch}&categorySearch={$catSelected}" class="glm-alpha-link{if !$alphaSelected} glm-alpha-link-selected{/if}">All</a>
</div>
{/if}
{apply_filters('glm-member-db-front-members-list-listHeaderBottom', '')}
-
+
<!-- Member information displayed in list -->
-
+
{foreach $members as $m}
-
+
{apply_filters('glm-member-db-front-members-list-memberAbove', '', $m.id)}
<div class="row">
<div class="glm-member-list-container glm-member-container small-12 columns">
{if $m.logo && $settings.list_show_logo}
<div class="glm-member-list-image-wrapper small-12 medium-4 columns">
<div class="glm-member-list-image-border">
- <img class="glm-member-list-image" src="{$glmPluginMediaUrl}/images/{$settings.list_logo_size}/{$m.logo}">
+ <img class="glm-member-list-image" src="{$glmPluginMediaUrl}/images/{$settings.list_logo_size}/{$m.logo}">
<!-- <img class="glm-member-list-image left" src="http://placehold.it/500x300">-->
</div>
</div>
<div class="glm-member-list-active-info small-12 medium-4 columns">
{else}
<div class="glm-member-list-image-wrapper small-12 medium-4 columns"><br></div>
- <div class="glm-member-list-active-info small-12 medium-4 columns">
+ <div class="glm-member-list-active-info small-12 medium-4 columns">
{/if}
<!-- Member name, address, and basic information -->
- {apply_filters('glm-member-db-front-members-list-memberInfoTop', '', $m.id)}
+ {apply_filters('glm-member-db-front-members-list-memberInfoTop', '', $m.id)}
<h4 class="glm-member-title">
{if $settings.list_show_detail_link}
<a href="{$siteBaseUrl}{$settings.canonical_member_page}/{$m.member_slug}/">{$m.member}</a>
{/if}
</h4>
{if $settings.list_show_address}
- {apply_filters('glm-member-db-front-members-list-memberAddressTop', '', $m.id)}
+ {apply_filters('glm-member-db-front-members-list-memberAddressTop', '', $m.id)}
{if $settings.list_show_street}
{if $m.addr1 && $settings.list_show_address}<div>{$m.addr1}</div>{/if}
{if $m.addr2 && $settings.list_show_addr2}<div>{$m.addr2}</div>{/if}
{/if}
{if $settings.list_show_citystatezip}
{if $m.city}<span>{$m.city}</span>{if $m.state.value}, {/if}{/if}<span>{if $m.state.value}{$m.state.value}</span>{/if}{if $m.zip} {$m.zip}{/if}
- {/if}
+ {/if}
{if $m.country.name && $settings.list_show_country}<div>{$m.country.name}</div>{/if}
{apply_filters('glm-member-db-front-members-list-memberAddressBottom', '', $m.id)}
- {/if}
- {apply_filters('glm-member-db-front-members-list-memberDetailTop', '', $m.id)}
+ {/if}
+ {apply_filters('glm-member-db-front-members-list-memberDetailTop', '', $m.id)}
{if $m.phone && $settings.list_show_phone}<div>Phone: {$m.phone}</div>{/if}
{if $m.toll_free && $settings.list_show_tollfree}<div><b>Toll Free:</b> {$m.toll_free}</div>{/if}
{if $m.region && $settings.list_show_region}<div><b>Region:</b> {$m.region}</div>{/if}
-
+
<div class="glm-member-list-links"><br>
{if $m.url && $settings.list_show_url}<a href="{$m.url}"{if $settings.list_show_url_newtarget} target="_blank"{/if}>Website</a>{/if}
{if $m.email && $settings.list_show_email}<a href="mailto:{$m.email}">Email</a>{/if}
</div>
<div class="glm-member-list-description small-12 medium-4 left columns">
<div>
- {apply_filters('glm-member-db-front-members-list-memberDescriptionTop', '', $m.id)}
+ {apply_filters('glm-member-db-front-members-list-memberDescriptionTop', '', $m.id)}
{if $m.short_descr && $settings.list_show_short_descr}
{$m.short_descr|nl2br}
{elseif $m.descr && $settings.list_show_description}
{/foreach}
</ul>
{/if}
- {if $m.cc_type && $settings.list_show_creditcards}
+ {if $m.cc_type && $settings.list_show_creditcards}
<b>Credit Cards Accepted:</b>
<ul>
{foreach $m.cc_type.names as $c}
</div>
<!-- Laury - This is the one that should go underneath all the address and description area -->
{apply_filters('glm-member-db-front-members-list-memberDataBelow', '', $m.id)}
-
+
{apply_filters('glm-member-db-front-members-list-memberBottom', '', $m.id)}
</div>
{apply_filters('glm-member-db-front-members-list-memberBelow', '', $m.id)}
-<!-- Member Description -->
+<!-- Member Description -->
</div>
-
+
<!-- Member information displayed in map bubbles -->
<div id="map_info_{$m.id}" class="glm-hidden">
{apply_filters('glm-member-db-front-members-list-mapBubbleTop', '', $m.id)}
{/if}
{if $settings.list_map_show_citystatezip}
{if $m.city}{$m.city}{if $m.state.value}, {/if}{/if}{if $m.state.value}{$m.state.value}{/if}{if $m.zip} {$m.zip}{/if}
- {/if}
+ {/if}
{if $m.country.name && $settings.list_map_show_country}<br>{$m.country.name}{/if}
- </p>
- {/if} {*list_map_show_address*}
+ </p>
+ {/if} {*list_map_show_address*}
<div class="glm-member-list-info">
<p>
{if $m.phone && $settings.list_map_show_phone}<b>Phone:</b> {$m.phone}<br>{/if}
{if $m.descr && $settings.list_map_show_descr}{$m.descr|nl2br}<br>{/if}
{if $m.short_descr && $settings.list_map_show_short_descr}{$m.short_descr}<br>{/if}
{if $m.categories && $settings.list_map_show_categories}
- <div class="glm-member-list-items">
+ <div class="glm-member-list-items">
<b>{$terms.term_member_cap} Categories</b>
<ul>
{foreach $m.categories as $c}
</div>
{/if}
{if $m.cc_type && $settings.list_map_show_creditcards}
- <div class="glm-member-list-items">
+ <div class="glm-member-list-items">
<b>Credit Cards Accepted:</b>
<ul>
{foreach $m.cc_type.names as $c}
<li>{$c}</li>
{/foreach}
- </ul>
+ </ul>
</div>
{/if}
{if $settings.list_map_show_amenities}
</div>
{apply_filters('glm-member-db-front-members-list-mapBubbleBottom', '', $m.id)}
</div> <!-- End of information displayed in map bubbles -->
-
+
{/foreach} {*$members*}
{apply_filters('glm-member-db-front-members-list-pageBottom', '')}
{else}
{/if} {*list_show_list*}
<script type="text/javascript">
jQuery(document).ready(function($) {
-
- {if $settings.list_show_map}
+
+ {if $settings.list_show_map}
/*
* Google Maps
* API reference: https://developers.google.com/maps/documentation/javascript/reference
*/
-
+
// Create a Google Map object
var map = new google.maps.Map(document.getElementById('glm-locationMap'), {
center: new google.maps.LatLng({$settings.maps_default_lat}, {$settings.maps_default_lon}),
zoom: {$settings.maps_default_zoom},
- disableDefaultUI: false,
- mapTypeId: google.maps.MapTypeId.MAP,
- });
-
+ disableDefaultUI: false,
+ mapTypeId: google.maps.MapTypeId.MAP,
+ });
+
var geocoder = new google.maps.Geocoder();
var bounds = new google.maps.LatLngBounds();
- var infowindow = new google.maps.InfoWindow();
-
+ var infowindow = new google.maps.InfoWindow();
+
// Try HTML5 to get user geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
null, /* anchor is bottom center of the scaled image */
new google.maps.Size(30, 30)
);
- var myMarker = new google.maps.Marker({
- map: map,
+ var myMarker = new google.maps.Marker({
+ map: map,
position: myLocation,
draggable: false,
- animation: google.maps.Animation.DROP,
+ animation: google.maps.Animation.DROP,
title: 'My Location',
icon: pinIcon,
zIndex: 100
});
});
}
-
+
{if $haveMembers}
{foreach $members as $m}
{if $m.lat != 0 && $m.lon != 0}
// Create a marker for this member
- var marker = new google.maps.Marker({
- map: map,
+ var marker = new google.maps.Marker({
+ map: map,
position: new google.maps.LatLng({$m.lat}, {$m.lon}),
draggable: false,
- animation: google.maps.Animation.DROP,
+ animation: google.maps.Animation.DROP,
title: '{$m.member|escape}',
descr: $('#map_info_' + {$m.id}).html(),
memberID: {$m.id}
});
-
+
// Add a click listener for this marker
marker.addListener('click', function() {
infowindow.setOptions({
});
infowindow.open(map,this);
});
-
+
// Extend the map bounds to include this marker
bounds.extend(marker.position);
-
+
{/if}
{/foreach}
-
+
// Fit map to bounds of all markers
map.fitBounds(bounds);
-
+
// Check for first map idle (completely loaded) - Check max zoom
var mapLoadedListener = google.maps.event.addListener(map, 'idle', function() {
if (map.getZoom() > 14) {
}
google.maps.event.removeListener(mapLoadedListener);
});
-
+
{else}
-
-
+
+
{/if}
-
-
- {/if}
+
+
+ {/if}
});
</script>
-
+
{include file='front/footer.html'}