updating the events feed view file for the carousel on front page develop
authorAnthony Talarico <talarico@gaslightmedia.com>
Fri, 22 Mar 2019 16:33:42 +0000 (12:33 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Fri, 22 Mar 2019 16:33:42 +0000 (12:33 -0400)
glm-member-db-events/views/front/events/eventsFeed.html

index ad92bed..b57d677 100644 (file)
@@ -2,11 +2,12 @@
 <div class="glma-small-12 glma-medium-9 glma-large-10 glma-columns">
     <h1>Featured Events</h1>
 </div>
+
 <div class="glma-small-12 glma-medium-3 glma-large-2 glma-columns">
     <a href="{$mainEventUrl}"><button class="view-events-btn">VIEW ALL EVENTS</button></a>
 </div>
 <div class="glma-small-12 glma-columns main-events-container">
-    <div id="feed" class="glma-row collapse">
+    <div id="feed" class="glma-row">
         {foreach $events as $event}
         <div class="event glma-small-12 text-left glma-medium-6 glma-large-4 glma-columns">
              <a class="glma-event-image-container" href="{$siteBaseUrl}event-detail/{$event.name_slug}/">
 </div>
 {/if}
 <script>
-        jQuery(function($){
-            var event_feed = $("#feed");
+          jQuery(window).on("load", function(){
+            var event_feed = jQuery("#feed");
             event_feed.addClass("feed");
             event_feed.children("div").addClass("feed-block");
-    
+            var equalheight;
             function check_window_width(){
     
-                if($(window).width() > 1023){
-                    if($(".feed").hasClass('slick-initialized') ) {
-                    $(".feed").slick('unslick')
+                if(jQuery(window).width() > 1023){
+                    if(jQuery(".feed").hasClass('slick-initialized') ) {
+                    jQuery(".feed").slick('unslick')
                     }
-                    $(".feed").slick({
+                    jQuery(".feed").slick({
                         infinite: true,
                         slidesToShow: 3,
                         slidesToScroll: 1,
     
                     });
     
-                } else if($(window).width() < 1025 && $(window).width() > 639){
-                    if($(".feed").hasClass('slick-initialized') ) {
-                    $(".feed").slick('unslick')
+                } else if(jQuery(window).width() < 1025 && jQuery(window).width() > 639){
+                    if(jQuery(".feed").hasClass('slick-initialized') ) {
+                    jQuery(".feed").slick('unslick')
                     }
-                    $(".feed").slick({
+                    jQuery(".feed").slick({
                         infinite: true,
                         slidesToShow: 2,
                         slidesToScroll: 1,
                         autoplay: true,
                         autoplaySpeed: 5000
                     });
-                } else if($(window).width() < 641 && $(window).width() > 319){
-                    if($(".feed").hasClass('slick-initialized') ) {
-                        $(".feed").slick('unslick')
+                } else if(jQuery(window).width() < 641 && jQuery(window).width() > 319){
+                    if(jQuery(".feed").hasClass('slick-initialized') ) {
+                        jQuery(".feed").slick('unslick')
                     }
-                    $(".feed").slick({
+                    jQuery(".feed").slick({
                         infinite: true,
                         slidesToShow: 1,
                         slidesToScroll: 1,
@@ -85,7 +86,8 @@
                     });
                 }
             }
-            $(window).on("load", function(){
+          
+                console.log("load")
                 equalheight = function(container){
     
                 var currentTallest = 0,
                     $el,
                     currentDiv,
                     topPosition = 0;
-                    $(container).each(function() {
+                    jQuery(container).each(function() {
        
-                        $el = $(this);
-                        $($el).height('auto'); 
+                        $el = jQuery(this);
+                        jQuery($el).height('auto'); 
                         topPosition = $el.position().top;
                         if (currentRowStart != topPosition) {
                             for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
                         }
                     });
                 }
-             equalheight( $('.event.feed-block .event-title-intro') );
-                $('.main-events-container').fadeTo('slow', 1);
-            });
+             equalheight( jQuery('.event.feed-block .event-title-intro') );
+            jQuery('.main-events-container').fadeTo('slow', 1);
+        
     
             check_window_width();
-            $(window).resize(function () {
+            jQuery(window).resize(function () {
                 check_window_width();
-                equalheight( $('.event.feed-block .event-title-intro') );
+                equalheight( jQuery('.event.feed-block .event-title-intro') );
             });
         });
     </script>
\ No newline at end of file