Difference between revisions of "Template:Warwick/js/mainJS"

Latest revision as of 23:02, 20 October 2021

// Show a loading screen until all assets are loaded // Require all js and images to load $(window).on("load", function () {

   // Include some padding lag so you don't just flash the loading screen
   setTimeout(function () {
       $('body').addClass('loaded');
       $('#homepage-hero-text').addClass('animate__animated animate__fadeInLeft');
   }, 1500);

});

// Expand the read more section on click $('.read_more').find('a[href="#"]').on('click', function (e) {

   // Don't follow the hyperlink
   e.preventDefault();
   // Show the read more
   $(this).closest('.read_more').find('.read_more_small').toggleClass('read_more_small read_more_big');
   // Adjust the height that was set inline on the read more small, and not
   // deleted on toggle
   $(this).closest('.read_more').find(".read_more_big").css("height", "auto");
   // Hide the read more message
   $(this).css("display", "none");

});

$(function () {

   // Handle the sticky header
   var siteSticky = function () {
       $(".js-sticky-header").sticky({ topSpacing: 0 });
   };
   siteSticky();

   var siteMenuClone = function () {
       $('.js-clone-nav').each(function () {
           var $this = $(this);
           $this.clone().attr('class', 'site-nav-wrap').appendTo('.site-mobile-menu-body');
       });

       setTimeout(function () {
           var counter = 0;
           $('.site-mobile-menu .has-children').each(function () {
               var $this = $(this);
               $this.prepend('');
               $this.find('.arrow-collapse').attr({
                   'data-toggle': 'collapse',
                   'data-target': '#collapseItem' + counter,
               });
               $this.find('> ul').attr({
                   'class': 'collapse',
                   'id': 'collapseItem' + counter,
               });
               counter++;
           });
       }, 1000);

       $('body').on('click', '.arrow-collapse', function (e) {
           var $this = $(this);
           if ($this.closest('li').find('.collapse').hasClass('show')) {
               $this.removeClass('active');
           } else {
               $this.addClass('active');
           }
           e.preventDefault();
       });

       $(window).resize(function () {
           var $this = $(this),
               w = $this.width();
           if (w > 768) {
               if ($('body').hasClass('offcanvas-menu')) {
                   $('body').removeClass('offcanvas-menu');
               }
           }
       })

       $('body').on('click', '.js-menu-toggle', function (e) {
           var $this = $(this);
           e.preventDefault();
           if ($('body').hasClass('offcanvas-menu')) {
               $('body').removeClass('offcanvas-menu');
               $this.removeClass('active');
           } else {
               $('body').addClass('offcanvas-menu');
               $this.addClass('active');
           }
       })

       // click outisde offcanvas
       $(document).mouseup(function (e) {
           var container = $(".site-mobile-menu");
           if (!container.is(e.target) && container.has(e.target).length === 0) {
               if ($('body').hasClass('offcanvas-menu')) {
                   $('body').removeClass('offcanvas-menu');
               }
           }
       });
   };
   siteMenuClone();

   /*

   // Handle animations scrolling into view
   var elements;
   var windowHeight;
   var offset;

   function init() {
       elements = document.querySelectorAll('.waiting-animation');
       windowHeight = window.innerHeight;
       offset = windowHeight * (40/100);
   }

   function checkPosition() {
       for (var i = 0; i < elements.length; i++) {
           var element = elements[i];
           var positionFromTop = elements[i].getBoundingClientRect().top;

           if (positionFromTop - windowHeight + offset <= 0) {
               element.classList.remove('waiting-animation');
           }
       }
   }

   window.addEventListener('scroll', checkPosition);
   window.addEventListener('resize', init);

   init();
   checkPosition();

   */

});