changing hover effects on hover map
authorAnthony Talarico <talarico@gaslightmedia.com>
Thu, 2 Nov 2017 20:47:07 +0000 (16:47 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Thu, 2 Nov 2017 20:47:07 +0000 (16:47 -0400)
adding hover effects for dropdown map and styles for member detail page

functions.php
glm-member-db/views/front/members/detail.html
parts/dropdown-map.php
sections/interior-page.php

index c916f36..7bc22b0 100644 (file)
@@ -73,12 +73,12 @@ function glm_site_scripts()
 function glm_get_header() {
     global $post;
     echo '<div';
-    if (has_post_thumbnail() && $post->post_type == 'page') {
+    if (has_post_thumbnail() && $post->post_type == 'page'&& !is_page('member-detail')) {
             $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
             echo ' style="background-image: url('.$image_data[0].');height:0;padding:0;padding-bottom:22%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 420px; "';
-    } else {
+    } else if (!is_page('member-detail')) {
             echo ' style="background-image: url('.get_template_directory_uri().'/assets/default-header.jpg);height:0;padding:0;padding-bottom:22%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 420px; "';
-    }
+    } 
     echo '>';
     echo '</div>';
     echo '<div class="row">';
index 16d694d..4b8facd 100644 (file)
@@ -9,38 +9,6 @@
             <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>-->
 <!-- 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}">
index a47ac74..863b28c 100644 (file)
         var sibling_region,region_id,url;
         $('#Text').find('path').addClass("hover-region-text");
 
+        $('#northern-michigan').hover(
+            function(){
+                console.log("asdf");
+                $('#upper-peninsula').css("fill", blue);
+                $(this).css("fill", blue);
+            },
+            function(){
+                $('#upper-peninsula').css("fill", green);
+                $(this).css("fill", green);
+            }
+        );
+        $('#upper-peninsula').hover(
+            function(){
+                console.log("asdf");
+                $('#northern-michigan').css("fill", blue);
+                $(this).css("fill", blue);
+            },
+            function(){
+                $('#northern-michigan').css("fill", green);
+                $(this).css("fill", green);
+            }
+        );
         region.hover(function(){
-            
                 region_id   = $(this).attr('id');
                 var img     = regions[region_id]['image'];
                 var title   = regions[region_id]['title'];
             window.location.href = url;
         })
         $('ul.map-dropdown').on('mouseout', function(){
-            console.log("OUT");
+         
             // var img     = regions['regions']['image'];
             // var title   = regions['regions']['title'];
             // var content = regions['regions']['content'];
index 11ed7ac..2033d74 100644 (file)
@@ -1,6 +1,9 @@
 <main class="page-inside">
     <div id="header-image" class="page-header">
-        <?php echo glm_get_header();?>
+        <?php if( !is_page('member-detail') ){
+            echo glm_get_header();
+        }
+        ?>
     </div>
     <div id="content-wrapper">
         <div class="row">