Style changes based on meeting

diff --git a/assets/blog.png b/assets/blog.png
new file mode 100644 (file)
index 0000000..125638f
Binary files /dev/null and b/assets/blog.png differ

diff --git a/assets/blogger.png b/assets/blogger.png
new file mode 100644 (file)
index 0000000..57b85cb
Binary files /dev/null and b/assets/blogger.png differ

diff --git a/assets/facebook.png b/assets/facebook.png
new file mode 100644 (file)
index 0000000..809eed6
Binary files /dev/null and b/assets/facebook.png differ

diff --git a/assets/flickr.png b/assets/flickr.png
new file mode 100644 (file)
index 0000000..d0cdd0a
Binary files /dev/null and b/assets/flickr.png differ

diff --git a/assets/twitter.png b/assets/twitter.png
new file mode 100644 (file)
index 0000000..9e261f8
Binary files /dev/null and b/assets/twitter.png differ

diff --git a/classes/data/settings/dataSettingsGeneral.php b/classes/data/settings/dataSettingsGeneral.php
index 336c953..a7f8866 100644 (file)
--- a/classes/data/settings/dataSettingsGeneral.php
+++ b/classes/data/settings/dataSettingsGeneral.php
@@ -176,7 +176,7 @@ class GlmDataSettingsGeneral extends GlmDataAbstract
                 'maps_default_zoom' => array(
                         'field' => 'maps_default_zoom',
                         'type' => 'integer',
-                        'default' => 10,
+                        'default' => 12,
                         'use' => 'a'
                 ),
 

diff --git a/css/front.css b/css/front.css
index 2ce252d..3b00ad8 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -66,6 +66,9 @@
 .glm-member-list-info {
     clear: both;
 }
+.glm-member-list-info {
+    font-size: 13px;
+}
 .glm-member-list-items {
     margin-top: .5em;
 }
@@ -78,24 +81,21 @@
 }
 .glm-member-list-active-info {
     padding: 15px;
-    left: -20px;
 }
-
 /* Member Detail */
-.glm-member-detail-container {
-    border: 1px #ccc solid;
-/*    padding: .4em 0px 0px 0px;*/
-    background: #f8f8f8;
-    margin: .4em 0px .4em 0px;
-}
 .glm-member-detail-image {
     margin-bottom: 1em;
     width: 100%;
 }
 .glm-member-detail-nameAddress {
 }
-.glm-member-detail-info {
-    clear: both;
+#glm-member-detail-info h2 {
+    color: #92a682;
+    font-size: 20px;
+    padding: 5px 10px;
+}
+#glm-member-detail-data > div {
+    padding: 10px 40px 10px 10px;
 }
 .glm-member-detail-items {
     margin-top: .5em;
@@ -106,23 +106,16 @@
     overflow: hidden;
 }
 .glm-member-detail-image-wrapper img {
-    float: none;
+    float: right;
     margin: 0 auto;
 }
 .glm-package-detail-image-wrapper img {
     float: right;
 }
-@media (max-width: 640px) {
-    .glm-package-detail-image-wrapper img {
-        float: none;
-        margin: 0 auto;
-    }
-}
 .glm-member-detail-button {
     padding: 10px 20px;
     border-radius: 6px;
 }
-.glm-member-detail-container,
 .glm-member-entry-container,
 .glm-member-list-container {
     background-image: -moz-linear-gradient(top, #ffffff, #E9F0F7);
@@ -132,13 +125,35 @@
     margin-bottom: 5px;
     border-radius: 5px;
 }
-.glm-member-detail-container #glm-locationMap-container {
+#glm-member-detail-container {
+    background: #f5f5f5 none repeat scroll 0 0;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 20px 0 50px;
+}
+#page-wrapper .glm-member-container { 
+    height: auto;
+}
+#glm-member-detail-sidemenu .glm-member-detail-table td {
+  cursor: pointer;
+}
+#glm-member-detail-sidemenu .glm-member-detail-table td.selected {
+    box-shadow: 1px 2px 5px 2px lightgrey inset;
+}
+#glm-member-detail-sidemenu .glm-member-detail-table td:hover {
+    box-shadow: 1px 1px 5px 3px lightgrey;
+    border-radius: 2px;
+}
+#glm-member-detail-sidemenu table {
+    width: 100%;
+}    
+#glm-member-detail-container #glm-locationMap-container {
     padding: 0;
 }
-#glm-member-detail-amenities-container table {
+.glm-member-detail-table {
     width: 100%;
 }
-#glm-member-detail-amenities-container table tbody tr th {
+.glm-member-detail-table tbody tr th {
     background-color: #c4e2f0;
 }
 /* Alpha Lists */
@@ -174,12 +189,161 @@
     max-width: none !important;
 }
 .glm-map-member-name {
+    font-size: 16px;
     width: 100%;
     font-weight: bold;
     border-bottom: 2px #ccc solid;    
 }
+.glm-member-list-info,
+.glm-member-list-info p,
+.glm-map-member-address {
+    font-size: 13px;
+    line-height: 1.2;
+    margin: 3px 0 0;
+}
+
 
 /* Specific Divs */
 #glm-directions {
     padding: 1em;
 }
+.glm-member-list-links {
+    display: inline;
+}
+.glm-member-list-links a {
+    color: black;
+    text-decoration: underline;
+    margin-right: 15px;
+}
+#glm-member-detail-social a {
+    margin-right: 5px;
+}
+
+@media (max-width: 1024px) {
+    #glm-member-detail-data > div {
+        margin: 0 auto;
+    }
+    .glm-member-detail-image-wrapper img {
+        float: none;
+        margin: 0 auto;
+    }  
+    #glm-member-detail-sidemenu,
+    .glm-member-detail-image-wrapper {
+        margin: 10px 0;
+    }
+    .glm-member-list-image-wrapper {
+        border-top-right-radius: 4px;
+        border-top-left-radius: 4px;
+    }
+}
+@media (min-width: 1024px) {
+    #page-wrapper .glm-member-detail-image-wrapper {
+        border-top-right-radius: 5px;
+    }
+    
+    .glm-member-list-image-wrapper {
+        border-bottom-left-radius: 4px;
+        border-top-left-radius: 4px;
+    }
+}
+
+@media (max-width: 640px) {
+    .glm-package-detail-image-wrapper img {
+        float: none;
+        margin: 0 auto;
+    }
+}
+/*#glm-locationMap-container {
+    margin-bottom: 0px;
+}
+#glm-locationMap {
+    margin: 0;
+}
+.glm-member-container {
+    line-height: 1.3;
+    font-size: 14px;
+    overflow: hidden;
+    position: relative;
+}
+.glm-member-container a:hover {
+    color: black;
+    cursor: pointer;
+}
+
+.glm-member-container ul,
+.glm-member-container ol,
+.glm-member-container dl {
+    font-size: 14px;
+}
+.glm-member-container h2 {
+    padding: 0;
+    line-height: 1;
+    margin-bottom:3px;
+    font-size: 16px;
+    text-transform: uppercase;
+}
+.glm-member-container h2 a:hover {
+    color: black;
+}
+.glm-member-container p {
+    font-size: 14px;
+    margin-bottom: 10px;
+}
+.glm-member-container .glm-member-list-image-border {
+    border-right: 2px solid lightgrey;
+    overflow: hidden;
+    max-height: 200px;
+    max-width: 300px;
+}
+.glm-member-container .glm-member-list-description {
+    padding: 20px 20px 20px 0;
+}
+#glm-member-detail-container {
+    .glm-member-detail-info  {
+    }
+    ul {
+        list-style: none;
+    }
+    .glm-member-detail-info {
+        padding: 15px;
+    }
+}
+#glm-member-detail-descr-row {
+    margin-top: 40px;
+}
+#glm-member-detail-amenities-container {
+    padding: 10px 40px 10px 10px;
+}
+#glm-member-detail-description-container {
+    padding: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.glm-member-detail-border {
+    border: 1px solid lightgrey;
+    padding: 10px;
+}
+#glm-member-detail-photos {
+    margin-top: 20px;
+    b, .clearing-assembled {
+        padding: 5px;
+    }
+}
+.glm-member-package-container .address a,
+.glm-member-package-container .package-info > h3 a {
+    color: #34A9CD;
+}
+.glm-member-package-container .address a.email,
+.glm-member-package-container .member > h2 a {
+    color: #92A682;
+}*/
+div.member div.address a.email {
+    display: block;
+    float: left;
+    width: auto;
+    color: #73BF45;
+    height: 28px;
+    margin: 0 10px 3px 0;
+    padding: 4px 0 4px 32px;
+    background: url(../assets/email.png) 0 50% no-repeat;
+}
\ No newline at end of file

diff --git a/npm-debug.log b/npm-debug.log
new file mode 100644 (file)
index 0000000..36fb5ea
--- /dev/null
+++ b/npm-debug.log
@@ -0,0 +1,17 @@
+0 info it worked if it ends with ok
+1 verbose cli [ '/usr/bin/nodejs', '/usr/bin/npm', 'install' ]
+2 info using npm@1.4.21
+3 info using node@v0.10.25
+4 error install Couldn't read dependencies
+5 error package.json ENOENT, open '/home/laury/dev55/explorewesternup.gaslightmedia.com/web/wp-content/plugins/glm-member-db/package.json'
+5 error package.json This is most likely not a problem with npm itself.
+5 error package.json npm can't find a package.json file in your current directory.
+6 error System Linux 3.19.0-42-generic
+7 error command "/usr/bin/nodejs" "/usr/bin/npm" "install"
+8 error cwd /home/laury/dev55/explorewesternup.gaslightmedia.com/web/wp-content/plugins/glm-member-db
+9 error node -v v0.10.25
+10 error npm -v 1.4.21
+11 error path /home/laury/dev55/explorewesternup.gaslightmedia.com/web/wp-content/plugins/glm-member-db/package.json
+12 error code ENOPACKAGEJSON
+13 error errno 34
+14 verbose exit [ 34, true ]

diff --git a/views/front/members/detail.html b/views/front/members/detail.html
index aacf5fc..ca03ca9 100644 (file)
--- a/views/front/members/detail.html
+++ b/views/front/members/detail.html
@@ -1,11 +1,19 @@
 {include file='front/members/header.html'}
+    <script>
+    document.write('<a class="button right glm-member-detail-button" href="' + document.referrer + '">Take me back</a>');
+</script>
+
 
 {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>
@@ -40,11 +48,10 @@
     {/if}
     
 <!--    <h3>{$terms.term_member_cap} Detail</h3>-->
-    <script> document.write('<a class="button right glm-member-detail-button" href="' + document.referrer + '">Take me back</a>'); </script>
     <div class="row">
-        <div class="small-12 columns glm-member-detail-container">
+        <div id="glm-member-detail-container" class="small-12 columns glm-member-container">
             <div class="row">
-                <div class="small-12 medium-4 glm-member-detail-info columns">
+                <div id="glm-member-detail-info" class="small-12 medium-6 columns">
         <!-- Member name, address, and basic information -->                    
                     <h2>
                     {$member.member}
@@ -65,33 +72,32 @@
                     {if $member.phone && $settings.detail_show_phone}<div>Phone: {$member.phone}</div>{/if}
                     {if $member.toll_free && $settings.detail_show_tollfree}<div><b>Toll Free:</b> {$member.toll_free}</div>{/if}
                     {if $member.region && $settings.detail_show_region}<div><p><b>Region:</b> {$member.region}</div>{/if}
+                    <div></div>
                     {apply_filters('glm-member-db-front-members-detail-otherDetailBottom', '', $member.id)}
-                    <div class="glm-member-list-links"><br>
-                            {apply_filters('glm-member-db-front-members-detail-linksTop', '', $member.id)}
-                            {if $member.url && $settings.detail_show_url}<a href="{$member.url}"{if $settings.detail_show_url_newtarget} target="_blank"{/if}>Website</a>{/if}
-                            {if $member.email && $settings.detail_show_email}<a href="mailto:{$member.email}">Email</a>{/if}
-                            {if $settings.detail_show_imagegallery && $haveImageGallery}<a href="#glm-member-detail-photo-gallery">Photo Gallery</a>{/if}
-                            {if $settings.detail_show_coupons && $coupons}<a href="#glm-member-detail-coupons">Coupons</a>{/if}
-                            {if $settings.detail_show_packages && $packages}<a href="#glm-member-detail-packages">Packages</a>{/if}
-                            {apply_filters('glm-member-db-front-members-detail-linksBottom', '', $member.id)}
-                    </div>
-                </div>
-            {if $settings.detail_show_map}
-                {if $member.logo && $settings.detail_show_logo}
-                <div id="glm-locationMap-container" class="small-12 medium-4 columns">
-                {else}
-                <div id="glm-locationMap-container" class="small-12 medium-8 columns">
-                {/if}
-                    <div id="glm-locationMap" class="glm-map">(map loads here)</div>
-                </div>
-            {/if}
-            {if $member.logo && $settings.detail_show_logo}
-                <div class="glm-member-detail-image-wrapper small-12 medium-4 columns">
+                    <div class="glm-member-list-links">
+                        <div id="glm-member-detail-social">
+                            <a href="#" target="_blank"><img src="{$baseURL}/assets/blog.png"></a>
+                            <a href="http://www.blogger.com" target="_blank"><img src="{$baseURL}/assets/blogger.png"></a>
+                            <a href="http://www.facebook.com" target="_blank"><img src="{$baseURL}/assets/facebook.png"></a>
+                            <a href="http://www.twitter.com" target="_blank"><img src="{$baseURL}/assets/twitter.png"></a>
+                        </div>
+                        {apply_filters('glm-member-db-front-members-detail-linksTop', '', $member.id)}
+                        {if $member.url && $settings.detail_show_url}<a href="{$member.url}"{if $settings.detail_show_url_newtarget} target="_blank"{/if}>Website</a>{/if}
+                        {if $member.email && $settings.detail_show_email}<a href="mailto:{$member.email}">Email</a>{/if}
+<!--                        {if $settings.detail_show_imagegallery && $haveImageGallery}<a href="#glm-member-detail-images-container">Photo Gallery</a>{/if}-->
+                        {if $settings.detail_show_coupons && $coupons}<a href="#glm-member-detail-coupons">Coupons</a>{/if}
+                        {if $settings.detail_show_packages && $packages}<a href="#glm-member-detail-packages">Packages</a>{/if}
+                        {apply_filters('glm-member-db-front-members-detail-linksBottom', '', $member.id)}
+</div>
+                    </div>      
+
+                    {if $member.logo && $settings.detail_show_logo}
+                    <div class="glm-member-detail-image-wrapper small-12 medium-6 columns">
 <!--                            <img class="glm-member-list-image-left" src="http://placehold.it/500x300">-->
-                    <img CLASS="glm-member-list-image-left" src="{$glmPluginMediaURL}/images/{$settings.detail_logo_size}/{$member.logo}">
+                            <img CLASS="glm-member-list-image-left" src="{$glmPluginMediaURL}/images/{$settings.detail_logo_size}/{$member.logo}">
+                    </div>
+                    {/if}
                 </div>
-            {/if}
-            </div>
             
             
             <div>
@@ -103,13 +109,51 @@
 <!-- Attributes: amenitities, credit cards, etc -->
             <div id="glm-member-detail-descr-row" class="row" data-equalizer data-options="equalize_on_stack:false">
                 {apply_filters('glm-member-db-front-members-detail-attributesTop', '', $member.id)}
-                {if ($member.amenities && $settings.detail_show_amenities) || ($member.cc_type && $settings.detail_show_creditcards) || ($member.categories && $settings.detail_show_categories)}
-                <div id="glm-member-detail-amenities-container" class="small-12 medium-4 columns" >
-                    <div data-equalizer-watch>
-                    {apply_filters('glm-member-db-front-members-detail-attributesTop', '', $member.id)}
-                {if $member.amenities && $settings.detail_show_amenities}
-                        <table>
-                            <th><b>Amenities & Services</b></th>
+                <div id="glm-member-detail-sidemenu" class="small-12 medium-3 columns" >
+                    <table class="glm-member-detail-table">
+                        <th><b>Member Info</b></th>
+                        <tr><td id="glm-member-detail-fullprofile-button">Full profile</td></tr>
+                        <tr><td id="glm-member-detail-description-button" class="selected">Description</td></tr>
+                        {if $member.amenities && $settings.detail_show_amenities}
+                        <tr><td id="glm-member-detail-amenities-button">Amenities & Services</td></tr>
+                        {/if}
+                        {if $settings.detail_show_imagegallery && $haveImageGallery}
+                        <tr><td id="glm-member-detail-images-button">Image Gallery</td></tr>
+                        {/if}
+                        {if $member.cc_type && $settings.detail_show_creditcards}
+                        <tr><td id="glm-member-detail-creditcards-button">Accepted Credit Cards</td></tr>
+                        {/if}
+                        {if $member.categories && $settings.detail_show_categories}
+                        <tr><td id="glm-member-detail-categories-button">Categories</td></tr>
+                        {/if}
+                        {if $settings.detail_show_coupons}
+                        <tr><td id="glm-member-detail-coupons-button">Coupons</td></tr>
+                        {/if}
+<!--                        {if $settings.detail_show_coupons && $coupons}
+                        <tr><td id="glm-member-detail-coupons">Coupons</td></tr>
+                        {/if}-->
+<!--                        {if $settings.detail_show_packages && $packages}
+                        <tr><td id="glm-member-detail-packages">Packages</td></tr>
+                        {/if}-->
+                        {if !$havePackages}
+                        <tr><td id="glm-member-detail-amenities-button">Packages</td></tr>
+                        {/if}
+                    </table>
+                </div>
+                <div id="glm-member-detail-data" class="small-12 medium-9 columns">
+                    <div id="glm-member-detail-description-container">
+                        <div data-equalizer-watch>
+                           {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
+                           {if $member.descr && $settings.detail_show_descr}{$member.descr|nl2br}{/if}
+                           {if $member.short_descr && $settings.detail_show_short_descr}{$member.short_descr|nl2br}{/if}
+                           {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
+                       </div>
+                    </div>
+                    {apply_filters('glm-member-db-front-members-detail-descriptionAfter', '', $member.id)}
+                    {if $member.amenities && $settings.detail_show_amenities}
+                    <div id="glm-member-detail-amenities-container" class="small-12 medium-9 columns">
+                        <table class="glm-member-detail-table">
+                            <tr><th>Amenities & Services</th></tr>
                             {foreach $member.amenities as $a}
                             <tr>
                                 <td>
@@ -118,76 +162,195 @@
                             </tr>
                             {/foreach}
                         </table>
+                    </div>
+                    {/if}
 
-                {/if}
-                {if $member.cc_type && $settings.detail_show_creditcards}
-                        <p>           
-                            <b>Credit Cards Accepted:</b>
-                            <ul>
-                  {foreach $member.cc_type.names as $c}
-                                <li>{$c}</li>
-                  {/foreach}
-                            </ul>        
-                        </p>
-                {/if}
-                {if $member.categories && $settings.detail_show_categories}
-                        <p>           
-                            <b>{$terms.term_member_cap} Categories</b>
-                            <ul>
-                    {foreach $member.categories as $c}
-                                <li>
-                                    {if $c.parent_name}{$c.parent_name}: {/if}{$c.name}
-                                </li>
+                    {if $member.cc_type && $settings.detail_show_creditcards}
+                    <div id="glm-member-detail-creditcards-container" class="small-12 medium-9 columns">
+                        <p>     
+                            <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}
-                            </ul>
+                            </table>        
                         </p>
-                {/if}
-                    {apply_filters('glm-member-db-front-members-detail-attributesBottom', '', $member.id)}
                     </div>
-                </div>
-<!-- Member Description -->                
-                <div id="glm-member-detail-description-container" class="small-12 medium-8 columns" >
-                {else}
-                <div id="glm-member-detail-description-container" class="small-12 medium-9 medium-centered columns" >
-                {/if}
-                    <div data-equalizer-watch>
-                    {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
-                    {if $member.descr && $settings.detail_show_descr}{$member.descr|nl2br}{/if}
-                    {if $member.short_descr && $settings.detail_show_short_descr}{$member.short_descr|nl2br}{/if}
-                    {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
+                    {/if}
+                    
+                    {if $member.categories && $settings.detail_show_categories}
+                    <div id="glm-member-detail-categories-container" class="small-12 medium-9 columns">
+                        <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>
+                    {/if}
+
+                    {if $settings.detail_show_coupons && $coupons}
+                    <div id="glm-member-detail-coupons-container" class="small-12 medium-9 columns">
+                        <a name="glm-member-detail-coupons"></a>
+                    </div>
+                    {/if}
+
+                    {if $settings.detail_show_packages && $havePackages && $packages}
+                    <div id="glm-member-detail-packages-container" class="small-12 medium-9 columns">
+                        <a name="glm-member-detail-packages"></a>
+                    </div>
+                    {/if}
+
+                    {if $settings.detail_show_imagegallery && $haveImageGallery}
+                    <div id="glm-member-detail-images-container" class="small-12 columns">
+                        {apply_filters('glm-member-db-front-members-detail-galleryTop', '', $member.id)}
+                        <a name="glm-member-detail-images-gallery"></a>
+                        <div class="small-12 columns">
+                            <b>Photo Gallery</b>
+                        </div>
+
+                        <div class="small-12 columns">
+                            <ul class="clearing-thumbs small-block-grid-2 medium-block-grid-3 large-block-grid-4" data-clearing>
+                        {foreach $imageGallery as $i}
+                                <li><a href="{$glmPluginMediaURL}/images/large/{$i.file_name}"><img data-caption="{$i.caption}" src="{$glmPluginMediaURL}/images/small/{$i.file_name}"></a></li>
+                        {/foreach}
+                            </ul>
+                        </div>
+                        {apply_filters('glm-member-db-front-members-detail-galleryBottom', '', $member.id)}
+                    </div>    
+                    {/if}
                 </div>
             </div>
-            {apply_filters('glm-member-db-front-members-detail-descriptionAfter', '', $member.id)}
+            {apply_filters('glm-member-db-front-members-detail-attributesBottom', '', $member.id)}
 <!-- Image Gallery -->
 
-        {if $settings.detail_show_imagegallery && $haveImageGallery}
-            <div id="glm-member-detail-photos" class="row">
-                {apply_filters('glm-member-db-front-members-detail-galleryTop', '', $member.id)}
-                <a name="glm-member-detail-photo-gallery"></a>
-                <div class="small-12 columns">
-                    <b>Photo Gallery</b>
-                </div>
-        
-                <div class="small-12 columns">
-                    <ul class="clearing-thumbs small-block-grid-2 medium-block-grid-3 large-block-grid-4" data-clearing>
-        {foreach $imageGallery as $i}
-                        <li><a href="{$glmPluginMediaURL}/images/large/{$i.file_name}"><img data-caption="{$i.caption}" src="{$glmPluginMediaURL}/images/small/{$i.file_name}"></a></li>
-        {/foreach}
-                    </ul>
-                </div>
-                {apply_filters('glm-member-db-front-members-detail-galleryBottom', '', $member.id)}
-            </div>    
-        {/if}
-            {apply_filters('glm-member-db-front-members-detail-pageBottom', '', $member.id)}
         </div>
     </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($) {
+        
+        $("#glm-member-detail-fullprofile-container").hide();
+        $("#glm-member-detail-images-container").hide();
+        $("#glm-member-detail-creditcards-container").hide();
+        $("#glm-member-detail-categories-container").hide();
+        $("#glm-member-detail-coupons-container").hide();
+        $("#glm-member-detail-packages-container").hide();
+        $("#glm-member-detail-amenities-container").hide();
+        $("#glm-member-detail-images-container").hide();
+        $("#glm-member-detail-fullprofile-button").click(function() {
+            if ( $("#glm-member-detail-data").css('display') == 'none') {
+                $("#glm-member-detail-data").show().children().show();
+                $("#glm-member-detail-sidemenu table tr td").addClass("selected");
+            } else if ($("#glm-member-detail-fullprofile-button").hasClass("selected")) {
+                $("#glm-member-detail-data").hide();
+                $("#glm-member-detail-data > div").hide();
+                $("#glm-member-detail-sidemenu table tr td").removeClass("selected");
+            } else {
+                $("#glm-member-detail-data").show().children().show();
+                $("#glm-member-detail-sidemenu table tr td").addClass("selected");
+            }
+        });
+        $("#glm-member-detail-description-button" ).click(function() {
+            if ( $("#glm-member-detail-description-container").css('display') == 'none' ){
+                $("#glm-member-detail-description").show();
+                $("#glm-member-detail-data").show();
+                $("#glm-member-detail-description-container").show();
+                    $("#glm-member-detail-description-button").addClass("selected");
+            } else {
+                $("#glm-member-detail-description-container").hide();
+                $("#glm-member-detail-description-button").removeClass("selected");
+                $("#glm-member-detail-fullprofile-button").removeClass("selected");
+            }
+        });
+        {if $member.amenities && $settings.detail_show_amenities}
+            $("#glm-member-detail-amenities-button" ).click(function() {
+                if ( $("#glm-member-detail-amenities-container").css('display') == 'none' ){
+                    $("#glm-member-detail-amenities-container").show();
+                $("#glm-member-detail-data").show();
+                    $("#glm-member-detail-amenities-button").addClass("selected");
+                } else {
+                    $("#glm-member-detail-amenities-container").hide();
+                    $("#glm-member-detail-amenities-button").removeClass("selected");
+                    $("#glm-member-detail-fullprofile-button").removeClass("selected");
+                }
+            });
+        {/if}
 
-            {apply_filters('glm-member-db-front-members-detail-jqueryScriptTop', '', $member.id)}
+        {if $settings.detail_show_imagegallery && $haveImageGallery}
+            $("#glm-member-detail-images-button" ).click(function() {
+                if ( $("#glm-member-detail-images-container").css('display') == 'none' ){
+                    $("#glm-member-detail-images-container").show();
+                $("#glm-member-detail-data").show();
+                    $("#glm-member-detail-images-button").addClass("selected");
+                } else {
+                    $("#glm-member-detail-images-container").hide();
+                    $("#glm-member-detail-images-button").removeClass("selected");
+                    $("#glm-member-detail-fullprofile-button").removeClass("selected");
+                }
+            });
+        {/if}
+        {if $member.cc_type && $settings.detail_show_creditcards}
+            $("#glm-member-detail-creditcards-button" ).click(function() {
+                if ( $("#glm-member-detail-creditcards-container").css('display') == 'none' ){
+                    $("#glm-member-detail-creditcards-container").show();
+                $("#glm-member-detail-data").show();
+                    $("#glm-member-detail-creditcards-button").addClass("selected");
+                } else {
+                    $("#glm-member-detail-creditcards-container").hide();
+                    $("#glm-member-detail-creditcards-button").removeClass("selected");
+                    $("#glm-member-detail-fullprofile-button").removeClass("selected");
+                }
+            });
+        {/if}
+        {if $member.categories && $settings.detail_show_categories}
+            $("#glm-member-detail-categories-button" ).click(function() {
+                if ( $("#glm-member-detail-categories-container").css('display') == 'none' ){
+                    $("#glm-member-detail-categories-container").show();
+                $("#glm-member-detail-data").show();
+                    $("#glm-member-detail-categories-button").addClass("selected");
+                } else {
+                    $("#glm-member-detail-categories-container").hide();
+                    $("#glm-member-detail-categories-button").removeClass("selected");
+                    $("#glm-member-detail-fullprofile-button").removeClass("selected");
+                }
+            });
+        {/if}
+        {if $settings.detail_show_coupons && $coupons}
+            $("#glm-member-detail-coupons-button" ).click(function() {
+                if ( $("#glm-member-detail-coupons-container").css('display') == 'none' ){
+                    $("#glm-member-detail-coupons-container").show();
+                $("#glm-member-detail-data").show();
+                    $("#glm-member-detail-coupons-button").addClass("selected");
+                } else {
+                    $("#glm-member-detail-coupons-container").hide();
+                    $("#glm-member-detail-coupons-button").removeClass("selected");
+                    $("#glm-member-detail-fullprofile-button").removeClass("selected");
+                }
+            });
+        {/if}
+        {if $settings.detail_show_packages && $packages}
+        $("#glm-member-detail-packages-button" ).click(function() {
+                if ( $("#glm-member-detail-packages-container").css('display') == 'none' ){
+                    $("#glm-member-detail-packages-container").show();
+                $("#glm-member-detail-data").show();
+                    $("#glm-member-detail-packages-button").addClass("selected");
+                } else {
+                    $("#glm-member-detail-packages-container").hide();
+                    $("#glm-member-detail-packages-button").removeClass("selected");
+                    $("#glm-member-detail-fullprofile-button").removeClass("selected");
+                }
+            });
+        {/if}
             
     {if $settings.detail_show_map}
             /*

diff --git a/views/front/members/list.html b/views/front/members/list.html
index 838665f..0f5cc67 100644 (file)
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -14,7 +14,7 @@
         
         <form action="{$thisURL}?glm_action=list" method="post" enctype="multipart/form-data">
             <div class="row">           
-                <div class="small-12 columns glm-member-entry-container">
+                <div class="small-12 columns glm-member-entry-container glm-member-container">
                     {apply_filters('glm-member-db-front-members-list-searchFormTop', '')}
                     <div class="row">
                         <div class="small-12 columns">
@@ -84,7 +84,7 @@
         
         {apply_filters('glm-member-db-front-members-list-memberAbove', '', $m.id)}
         <div class="row">
-            <div class="small-12 columns glm-member-list-container">
+            <div class="small-12 columns glm-member-list-container glm-member-container">
                 {apply_filters('glm-member-db-front-members-list-memberTop', '', $m.id)}
                 <div class="row">
                 <!-- Member Logo - Medium and up-->
@@ -198,7 +198,7 @@
               {/if}
             </div>
           {if $settings.list_map_show_address}
-            <p>
+            <p class="glm-map-member-address">
               {if $settings.list_map_show_street}
                 {if $m.addr1}{$m.addr1}<br>{/if}
                 {if $m.addr2}{$m.addr2}<br>{/if}