File "shapely-scripts.js"

Full Path: /home2/sdektunc/cepali.edu.mx/wp-content/themes/shapely/assets/js/shapely-scripts.js
File size: 16.69 KB
MIME-type: text/plain
Charset: utf-8

/* jshint es3:false, esversion:6 */
(function ($) {
  // jscs:ignore validateLineBreaks

  let clNav, clNavOuterHeight, windowW, menu, farRight, isOnScreen, difference, videos, recentEntries, searchInterval, shapelyCf, element, newURL, scrollToID;

  $(function () {
    $('body').imagesLoaded(function () {
      $(window).trigger('resize').trigger('scroll');
    });

    $('.shapely-dropdown').on('click', function (evt) {
      evt.preventDefault();
      $(this).parent().find('> ul').toggleClass('active');
      $(window).trigger('resize').trigger('scroll');
    });

    // Smooth scroll to inner links
    $('.inner-link').each(function () {
      let href = $(this).attr('href');
      if ('#' !== href.charAt(0)) {
        $(this).removeClass('inner-link');
      }
    });

    // Smooth scroll
    (function () {
      if ('' === window.location.hash) {
        return;
      }

      // Try to extract the target ID from the related menu item, else use the hash as ID
      let scrollToID = $('#site-navigation #menu a[href="' + window.location.hash + '"]').data('scroll');
      scrollToID = scrollToID ? '#' + scrollToID : window.location.hash;

      let scrollTarget = $(scrollToID);
      if (scrollTarget.length < 1) {
        return;
      }

      $('html,body').animate(
        {
          scrollTop: scrollTarget.offset().top,
        },
        2000
      );

      newURL = window.location.href.replace(window.location.hash, '');
      window.history.replaceState({}, document.title, newURL);
    })();

    $('#site-navigation #menu a[href^="#"]:not([href="#"])').on('click', function (evt) {
      let scrollToID = '#' + $(this).data('scroll');

      if ($(scrollToID).length > 1) {
        scrollToID = $(this).attr('href');
      }

      if ($(scrollToID).length < 1) {
        return;
      }

      evt.preventDefault();
      $('html,body').animate(
        {
          scrollTop: $(scrollToID).offset().top,
        },
        2000
      );
    });

    $('.inner-link').on('click', function () {
      $('html, body').animate(
        {
          scrollTop: 0,
        },
        500
      );
      return false;
    });

    // Append .background-image-holder <img>'s as CSS backgrounds
    $('.background-image-holder').each(function () {
      let imgSrc = $(this).children('img').attr('src');
      $(this).css('background', 'url("' + imgSrc + '")');
      $(this).children('img').hide();
      $(this).css('background-position', 'initial');
    });

    // Fade in background images
    setTimeout(function () {
      $('.background-image-holder').each(function () {
        $(this).addClass('fadeIn');
      });
    }, 200);

    if ('1' === ShapelyAdminObject.sticky_header) {
      // Fix nav to top while scrolling
      clNav = $('body .nav-container nav:first');
      clNavOuterHeight = $('body .nav-container nav:first').outerHeight();
      windowW = $(window).width();
      if (windowW > 991) {
        window.addEventListener('scroll', updateNav, false);
        updateNav();
      }

      $(window).resize(function () {
        windowW = $(window).width();
        if (windowW < 992) {
          clNav.removeClass('fixed scrolled outOfSight');
        } else {
          window.addEventListener('scroll', updateNav, false);
          updateNav();
        }
      });
    }

    // Menu dropdown positioning

    $('.menu > li > ul').each(function () {
      menu = $(this).offset();
      farRight = menu.left + $(this).outerWidth(true);
      if (farRight > $(window).width() && !$(this).hasClass('mega-menu')) {
        $(this).addClass('make-right');
      } else if (farRight > $(window).width() && $(this).hasClass('mega-menu')) {
        isOnScreen = $(window).width() - menu.left;
        difference = $(this).outerWidth(true) - isOnScreen;
        $(this).css('margin-left', -difference);
      }
    });

    // Mobile Menu

    $('.mobile-toggle').on('click', function () {
      $('.nav-bar').toggleClass('nav-open');
      $(this).toggleClass('active');
      $('.search-widget-handle').toggleClass('hidden-xs hidden-sm');
      $(window).trigger('resize').trigger('scroll');
    });

    $('.module.widget-handle').on('click', function () {
      $(this).toggleClass('toggle-search');
      $(window).trigger('resize').trigger('scroll');
    });

    $('.search-widget-handle .search-form input').on('click', function (e) {
      if (!e) {
        e = window.event;
      }
      e.stopPropagation();
    });

    // Image Sliders
    $('.slider-all-controls').flexslider({
      start: function (slider) {
        if (slider.find('.slides li:first-child').find('.fs-vid-background video').length) {
          slider.find('.slides li:first-child').find('.fs-vid-background video').get(0).play();
        }
      },
      after: function (slider) {
        if (slider.find('.fs-vid-background video').length) {
          if (slider.find('li:not(.flex-active-slide)').find('.fs-vid-background video').length) {
            slider.find('li:not(.flex-active-slide)').find('.fs-vid-background video').get(0).pause();
          }
          if (slider.find('.flex-active-slide').find('.fs-vid-background video').length) {
            slider.find('.flex-active-slide').find('.fs-vid-background video').get(0).play();
          }
        }
      },
    });
    $('.slider-paging-controls').flexslider({
      animation: 'slide',
      directionNav: false,
      after: function (slider) {
        if (!slider.playing) {
          slider.pause();
          slider.play();
          slider.off('mouseenter mouseleave');
          slider.off('mouseover mouseout');
          slider
            .mouseover(function () {
              if (!slider.manualPlay && !slider.manualPause) {
                slider.pause();
              }
            })
            .mouseout(function () {
              if (!slider.manualPause && !slider.manualPlay && !slider.stopped) {
                slider.play();
              }
            });
        }
      },
    });
    $('.slider-arrow-controls').flexslider({
      controlNav: false,
      after: function (slider) {
        if (!slider.playing) {
          slider.pause();
          slider.play();
          slider.off('mouseenter mouseleave');
          slider.off('mouseover mouseout');
          slider
            .mouseover(function () {
              if (!slider.manualPlay && !slider.manualPause) {
                slider.pause();
              }
            })
            .mouseout(function () {
              if (!slider.manualPause && !slider.manualPlay && !slider.stopped) {
                slider.play();
              }
            });
        }
      },
    });
    $('.slider-thumb-controls .slides li').each(function () {
      let imgSrc = $(this).find('img').attr('src');
      $(this).attr('data-thumb', imgSrc);
    });
    $('.slider-thumb-controls').flexslider({
      animation: 'slide',
      controlNav: 'thumbnails',
      directionNav: true,
      after: function (slider) {
        if (!slider.playing) {
          slider.pause();
          slider.play();
          slider.off('mouseenter mouseleave');
          slider.off('mouseover mouseout');
          slider
            .mouseover(function () {
              if (!slider.manualPlay && !slider.manualPause) {
                slider.pause();
              }
            })
            .mouseout(function () {
              if (!slider.manualPause && !slider.manualPlay && !slider.stopped) {
                slider.play();
              }
            });
        }
      },
    });
    $('.logo-carousel').flexslider({
      minItems: 1,
      maxItems: 4,
      move: 1,
      itemWidth: 200,
      itemMargin: 0,
      animation: 'slide',
      slideshow: true,
      slideshowSpeed: 3000,
      directionNav: false,
      controlNav: false,
      after: function (slider) {
        if (!slider.playing) {
          slider.pause();
          slider.play();
          slider.off('mouseenter mouseleave');
          slider.off('mouseover mouseout');
          slider
            .mouseover(function () {
              if (!slider.manualPlay && !slider.manualPause) {
                slider.pause();
              }
            })
            .mouseout(function () {
              if (!slider.manualPause && !slider.manualPlay && !slider.stopped) {
                slider.play();
              }
            });
        }
      },
    });

    // Lightbox gallery titles
    $('.lightbox-grid li a').each(function () {
      let galleryTitle = $(this).closest('.lightbox-grid').attr('data-gallery-title');
      $(this).attr('data-lightbox', galleryTitle);
    });

    videos = $('.video-widget');
    if (videos.length) {
      $.each(videos, function () {
        let play = $(this).find('.play-button'),
          pause = $(this).find('.pause-button'),
          isYoutube = $(this).hasClass('youtube'),
          isVimeo = $(this).hasClass('vimeo'),
          videoId,
          mute,
          instance,
          self,
          autoplay,
          data,
          options,
          containerId,
          player;

        if (isYoutube) {
          videoId = $(this).attr('data-video-id');
          autoplay = parseInt($(this).attr('data-autoplay'), 10);
          mute = parseInt($(this).attr('data-mute'), 10);
          instance = $(this).YTPlayer({
            fitToBackground: true,
            videoId: videoId,
            mute: mute,
            playerVars: {
              autoplay: autoplay,
              autohide: 0,
              branding: 0,
              controls: 0,
              showinfo: 0,
              modestbranding: 0,
            },
            playerlets: {
              rel: 0,
            },
          });
          self = $(this);

          $(document).on('YTBGREADY', function () {
            let iframe = self.find('iframe'),
              height = iframe.height();
          });

          $(play).on('click', function (e) {
            let parent = $(this).parents('.video-widget'),
              instance = $(parent).data('ytPlayer').player;
            e.preventDefault();
            instance.playVideo();
          });

          $(pause).on('click', function (e) {
            let parent = $(this).parents('.video-widget'),
              instance = $(parent).data('ytPlayer').player;
            e.preventDefault();
            instance.pauseVideo();
          });
        } else if (isVimeo) {
          data = $(this).data();
          options = {
            id: data.videoId,
            autoplay: data.autoplay,
            loop: 1,
            title: false,
            portrait: false,
            byline: false,
            height: $(this).height(),
            width: $(this).width(),
          };
          containerId = $(this).find('.vimeo-holder').attr('id');
          player = new Vimeo.Player(containerId, options);

          if (data.mute) {
            player.setVolume(0);
          }

          $(play).on('click', function () {
            player.play();
          });
          $(pause).on('click', function () {
            player.pause();
          });
        } else {
          $(play).on('click', function (e) {
            let parent = $(this).parents('.video-widget'),
              instance = $(parent).data('vide'),
              video = instance.getVideoObject();
            e.preventDefault();
            video.play();
          });

          $(pause).on('click', function (e) {
            let parent = $(this).parents('.video-widget'),
              instance = $(parent).data('vide'),
              video = instance.getVideoObject();
            e.preventDefault();
            video.pause();
          });
        }
      });
    }

    recentEntries = $('.widget_recent_entries').find('li');
    $.each(recentEntries, function () {
      $(this).find('a').insertAfter($(this).find('.post-date'));
    });

    $('.comment-form').find('textarea').insertAfter($('.comment-form > #url'));

    if ('undefined' !== typeof $.fn.owlCarousel) {
      $('.owlCarousel').each(function (index) {
        let sliderSelector = '#owlCarousel-' + $(this).data('slider-id'); // This is the slider selector
        let sliderItems = $(this).data('slider-items');
        let sliderSpeed = $(this).data('slider-speed');
        let sliderAutoPlay = $(this).data('slider-auto-play');
        let sliderSingleItem = $(this).data('slider-single-item');

        //Conversion of 1 to true & 0 to false
        // auto play
        sliderAutoPlay = !(0 === sliderAutoPlay || 'false' === sliderAutoPlay);

        // Custom Navigation events outside of the owlCarousel mark-up
        $('.shapely-owl-next').on('click', function (event) {
          event.preventDefault();
          $(sliderSelector).trigger('next.owl.carousel');
        });
        $('.shapely-owl-prev').on('click', function (event) {
          event.preventDefault();
          $(sliderSelector).trigger('prev.owl.carousel');
        });

        // Instantiate the slider with all the options
        $(sliderSelector).owlCarousel({
          items: sliderItems,
          loop: false,
          margin: 2,
          autoplay: sliderAutoPlay,
          dots: false,
          autoplayTimeout: sliderSpeed * 10,
          responsive: {
            0: {
              items: 1,
            },
            768: {
              items: sliderItems,
            },
          },
        });
      });
    } // End

    $('#masthead .function #s').on('focus', function () {
      $(this).parents('.function').addClass('active');
    });

    $('#masthead .function #s').focusout(function () {
      searchInterval = setInterval(function () {
        $('#masthead .function').removeClass('active');
      }, 500);
    });

    $('#masthead .function #searchsubmit').on('focus', function () {
      clearInterval(searchInterval);
      $(this).parents('.function').addClass('active');
    });

    $('#masthead .function #searchsubmit').focusout(function () {
      $(this).parents('.function').removeClass('active');
    });

    // Check if is a contact form 7 with parallax background
    shapelyCf = $('.contact-section.image-bg .wpcf7');
    if (shapelyCf.length > 0) {
      shapelyCf.on('wpcf7submit', function () {
        setTimeout(function () {
          $(window).trigger('resize').trigger('scroll');
        }, 800);
      });
    }
  });

  $(window).on('load', function () {
    // "use strict";
    // Resetting testimonial parallax height
    let msnry, container, clFirstSectionHeight;
    if (0 !== $('.testimonial-section').length) {
      testimonialHeight();
      setTimeout(function () {
        testimonialHeight();
      }, 3000);
    }

    // Initialize Masonry
    if ($('.masonry').length && 'undefined' !== typeof Masonry) {
      container = document.querySelector('.masonry');
      msnry = new Masonry(container, {
        itemSelector: '.masonry-item',
      });

      msnry.on('layoutComplete', function () {
        clFirstSectionHeight = $('.main-container section:nth-of-type(1)').outerHeight(true);
        $('.masonry').addClass('fadeIn');
        $('.masonry-loader').addClass('fadeOut');
        if ($('.masonryFlyIn').length) {
          masonryFlyIn();
        }
      });

      msnry.layout();
    }

    // Navigation height
    clFirstSectionHeight = $('.main-container section:nth-of-type(1)').outerHeight(true);
  });

  /* Function To
   * keep menu fixed
   **/
  function updateNav() {
    let scroll = $(window).scrollTop();
    let windowW = $(window).width();

    if (windowW < 992) {
      return;
    }

    if (scroll > clNavOuterHeight) {
      clNav.addClass('outOfSight');
    }

    if ($(window).scrollTop() > clNavOuterHeight + 65) {
      //If href = #element id
      clNav.addClass('fixed scrolled');
    }

    if (0 === $(window).scrollTop()) {
      clNav.removeClass('fixed scrolled outOfSight');
    }
  }

  function masonryFlyIn() {
    let $items = $('.masonryFlyIn .masonry-item');
    let time = 0;

    $items.each(function () {
      let item = $(this);
      setTimeout(function () {
        item.addClass('fadeIn');
      }, time);
      time += 170;
    });
  }

  $('body').imagesLoaded(function () {
    $(window).trigger('resize').trigger('scroll');
  });
})(jQuery);

/*
 * Resetting testimonial parallax height
 */
function testimonialHeight() {
  jQuery('.testimonial-section .parallax-window').css('height', jQuery('.testimonial-section .parallax-window .container').outerHeight() + 150);
  jQuery(window).trigger('resize').trigger('scroll');
}