From 2b9836bb3aa35d125d10e299f594a86734dd24bc Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Mon, 12 Dec 2016 13:53:07 -0500
Subject: [PATCH] Update on the member grid template.

Add apply_filters and style for adding a coupon ribbon in css.
---
 css/front.css                 | 49 ++++++++++++++++++-----------------
 views/front/members/list.html | 19 +++++++-------
 2 files changed, 35 insertions(+), 33 deletions(-)

diff --git a/css/front.css b/css/front.css
index f6fcab52..3765d4bc 100644
--- a/css/front.css
+++ b/css/front.css
@@ -98,6 +98,7 @@
 }
 .glm-member-db-list .glm-member-db-border-wrap {
     border-radius: 4px;
+    position: relative;
     overflow: hidden;
 }
 .glm-member-list-social {
@@ -153,7 +154,7 @@
     z-index: 20;
     text-decoration: none;
     padding: 0 20px;
-    font-size: 14px;   
+    font-size: 14px;
     margin: 0;
     border-top-right-radius: 4px;
 }
@@ -165,7 +166,7 @@
     position: absolute;
     z-index: 10;
     top: 0;
-    font-size: 14px;    
+    font-size: 14px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     overflow: hidden;
@@ -194,7 +195,7 @@
     z-index: 10;
     height: 40px;
     transition: all 0.5s;
-    
+
 }
 .glm-member-db-list.filters-closed #glm-member-list-filters-wrapper {
     overflow: hidden;
@@ -224,7 +225,7 @@
 }
 @media (min-width: 1024px) {
     #glm-member-list-filters-button {
-        position: absolute;    
+        position: absolute;
     }
 }
 .glm-member-db-list.filters-closed #glm-member-list-filters-button {
@@ -378,7 +379,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 .testclass {
 }
 .glm-member-detail-image .visible-img {
-    
+
 }
 .glm-member-list-info {
     clear: both;
@@ -408,7 +409,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 @media (max-width: 640px) {
     #glm-member-db-front-container {
         padding: 0;
-    }    
+    }
 }
 .glm-member-db-list .glm-member-list-active-info {
     padding: 0 15px 0 0;
@@ -421,7 +422,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
  * Grid-view styles start
  */
 .glm-member-db-grid-view .glm-member-list-image-wrapper {
-    max-height: 175px;   
+    max-height: 175px;
 }
 .glm-member-db-grid-view .glm-member-list-info-wrapper {
     padding: 10px 15px 20px;
@@ -555,7 +556,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     height: 12px;
     margin-right: 8px;
     width: 12px;
-    
+
 }
 #glm-member-detail-website-link a {
     color: white;
@@ -583,7 +584,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     margin-right: 15px;
 }
 #glm-member-detail-container h2 {
-    color: #92a682;    
+    color: #92a682;
 }
 #glm-member-detail-container .glm-member-title {
     font-size: 28px;
@@ -636,7 +637,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     border-radius: 2px;
 }
 @media (max-width: 640px) {
-    #glm-member-detail-images-container ul li {    
+    #glm-member-detail-images-container ul li {
         padding: 0;
     }
 }
@@ -655,10 +656,10 @@ input[type="submit"].glm-member-button {
 }
 .glm-member-db-list .glm-member-list-container {
     padding: 0;
-    
+
 }
 .glm-member-db-list .glm-member-db-phone-tollfree {
-    
+
 }
 @media(min-width: 640px){
     .glm-member-db-list .glm-member-db-phone-tollfree:before {
@@ -672,7 +673,7 @@ input[type="submit"].glm-member-button {
     padding: 15px;
 }
 #glm-member-detail-container > div {
-    
+
 }
 #glm-member-detail-descr-row {
     padding: 0 0 0 40px;
@@ -810,7 +811,7 @@ input[type="submit"].glm-member-button {
 .glm-alpha-link {
     border: 1px black solid;
     padding: .1em .3em .1em .3em;
-    margin-right: .2em;    
+    margin-right: .2em;
     font-weight: bold;
     text-decoration: none !important;
     line-height: 2;
@@ -828,9 +829,9 @@ input[type="submit"].glm-member-button {
 /*
  * Map Start
  */
-.glm-map { 
-    width: 100%; 
-    height:400px; 
+.glm-map {
+    width: 100%;
+    height:400px;
     border-color:  lightgrey;
     border-image: none;
     border-style: solid;
@@ -846,7 +847,7 @@ input[type="submit"].glm-member-button {
     font-size: 16px;
     width: 100%;
     font-weight: bold;
-    border-bottom: 2px #ccc solid;    
+    border-bottom: 2px #ccc solid;
 }
 .glm-member-list-info,
 .glm-member-list-info p,
@@ -948,7 +949,7 @@ glm-member-detail-content-toggle {
     .glm-member-detail-image-wrapper img {
         float: none;
         margin: 0 auto;
-    }  
+    }
     #glm-member-detail-sidemenu,
     .glm-member-detail-image-wrapper {
         margin: 10px 0;
@@ -960,10 +961,10 @@ glm-member-detail-content-toggle {
     }
     #glm-member-detail-container {
         margin: 20px 0 50px;
-    }    
+    }
 }
 @media (min-width: 1024px) {
-    
+
 }
 
 @media (max-width: 640px) {
@@ -979,7 +980,7 @@ glm-member-detail-content-toggle {
     #glm-member-detail-amenities-container {
         padding: 10px;
         text-align: center;
-    }    
+    }
     .glm-member-list-description {
         padding: 15px;
     }
@@ -987,7 +988,7 @@ glm-member-detail-content-toggle {
     #glm-member-detail-data-container > div {
         padding: 10px;
     }
-    
+
 }
 .fancybox-title.fancybox-title-inside-wrap{
     text-align: center;
@@ -1066,4 +1067,4 @@ glm-member-detail-content-toggle {
         padding: 5px;
     }
 }
-*/
\ No newline at end of file
+*/
diff --git a/views/front/members/list.html b/views/front/members/list.html
index a2b8d1df..c880a2a5 100644
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -121,6 +121,7 @@
             <li class="glm-member-list-record">
                 {apply_filters('glm-member-db-front-members-list-memberAbove', '', $member.member_pointer)}
                 <div class="glm-member-db-border-wrap">
+                    {apply_filters('glm-member-db-front-members-list-memberTop', '', $member.member_pointer)}
 
                     {if $settings.list_show_detail_link}
                     <a class="glm-member-list-image-wrapper" href="{$siteBaseUrl}{$settings.canonical_member_page}/{$member.member_slug}/">
@@ -164,7 +165,7 @@
         <!--                        {if $member.phone && $settings.list_map_show_phone}<a href="tel:+{$member.phone}">Phone</a>{/if}-->
                                 {$packageLink = apply_filters('glm-member-db-front-members-list-linksBottom', '', $member.member_pointer)}
                                 {if $packageLink}<li>{$packageLink}</li>{/if}
-                                                               
+
                                 {if $settings.list_show_live_cam}
                                     {if $member.live_cam_type.name == "Web Page" && $member.live_cam_url && $settings.list_show_live_cam}
                                         <li><a target="_blank" href="{$member.live_cam_url}">{$terms.term_webcam_cap}</a></li>
@@ -172,7 +173,7 @@
                                         <li><a href="{$siteBaseUrl}{$settings.canonical_member_page}/{$member.member_slug}/?expanded=live-cam">{$terms.term_webcam_cap}</a></li>
                                     {/if}
                                 {/if}
-                                
+
                                 <li><a href="{$siteBaseUrl}{$settings.canonical_member_page}/{$member.member_slug}/">View&nbsp;More</a></li>
                                 {apply_filters('glm-member-db-front-members-list-memberBelow', '', $member.member_pointer)}
                             </ul>
@@ -260,9 +261,9 @@
         {/foreach} {*$members*}
         </ul>
     <!-- Grid view above -->
-    
+
     {else}
-    
+
     <!-- List view below -->
         {foreach $members as $member}
         {apply_filters('glm-member-db-front-members-list-memberAbove', '', $member.member_pointer)}
@@ -303,17 +304,17 @@
                                     {if $member.state.value}
                                         <span>{$member.state.value}</span>
                                     {/if}
-                                    {if $member.zip} 
+                                    {if $member.zip}
                                         {$member.zip}
                                     {/if}
                                 </div>
-                            {/if} 
+                            {/if}
                             {if $member.country.name && $settings.list_show_country}
                                 <div>{$member.country.name}</div>
                             {/if}
                             {apply_filters('glm-member-db-front-members-list-memberAddressBottom', '', $member.member_pointer)}
                         </div>
-                    {/if}  
+                    {/if}
                     {apply_filters('glm-member-db-front-members-list-memberDetailTop', '', $member.member_pointer)}
                     {if ($member.phone && $settings.list_show_phone) || ($member.toll_free && $settings.list_show_tollfree)}
                         <div>
@@ -326,7 +327,7 @@
                     <div class="glm-member-list-links">
                         {apply_filters('glm-member-db-front-members-list-memberLinksTop', '', $member.member_pointer)}
                         {if $member.url && $settings.list_show_url}<a class='glm-member-list-website-link' data-member-id="{$member.member_pointer}" data-member-slug="{$member.member_slug}" href="{$member.url}"{if $settings.list_show_url_newtarget} target="_blank"{/if} >Visit Website</a>{/if}
-                        {if $member.email && $settings.list_show_email}<a href="mailto:{$member.email}">Email</a>{/if}                                
+                        {if $member.email && $settings.list_show_email}<a href="mailto:{$member.email}">Email</a>{/if}
                         {if $settings.list_show_live_cam}
                             {if $member.live_cam_type.name == "Web Page" && $member.live_cam_url && $settings.list_show_live_cam}
                                 <a target="_blank" href="{$member.live_cam_url}">{$terms.term_webcam_cap}</a>
@@ -635,7 +636,7 @@
             });
         });
             </script>
-            
+
         </div><!-- glm-member-list-inner-wrapper-->
     </div><!-- glm-member-db-list-view -->
 {include file='front/footer.html'}
-- 
2.17.1