From: Anthony Talarico Date: Mon, 16 Apr 2018 12:36:13 +0000 (-0400) Subject: testing fix for off canvas menu sub menu toggling X-Git-Tag: v1.0.0^2~31 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=006fda12499ab130f7f45733b3b1b660d5861e18;p=WP-Themes%2Fdiscoverkalamazoo2018.git testing fix for off canvas menu sub menu toggling sub menu toggling wasn't working properly, added js to correct it --- diff --git a/js/app.js b/js/app.js index 0de16a6..fb745e0 100644 --- a/js/app.js +++ b/js/app.js @@ -10,354 +10,384 @@ this.removeClass("drop-top")),1==d.missRight&&(d.left=d.left-this.outerWidth()+a var g=a(f(this.selector(c),a("
").html(c.attr("title")).html())),h=this.inheritable_classes(c);g.addClass(h).appendTo(e.append_to),Modernizr.touch&&(g.append(''+e.touch_close_text+""),g.on("touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip",function(a){d.hide(c)})),c.removeAttr("title").attr("title","")},reposition:function(b,c,d){var e,f,g,h,i;c.css("visibility","hidden").show(),e=b.data("width"),f=c.children(".nub"),g=f.outerHeight(),h=f.outerWidth(),this.small()?c.css({width:"100%"}):c.css({width:e?e:"auto"}),i=function(a,b,c,d,e,f){return a.css({top:b?b:"auto",bottom:d?d:"auto",left:e?e:"auto",right:c?c:"auto"}).end()};var j=b.offset().top,k=b.offset().left,l=b.outerHeight();if(i(c,j+l+10,"auto","auto",k),this.small())i(c,j+l+10,"auto","auto",12.5,a(this.scope).width()),c.addClass("tip-override"),i(f,-g,"auto","auto",k);else{Foundation.rtl&&(f.addClass("rtl"),k=k+b.outerWidth()-c.outerWidth()),i(c,j+l+10,"auto","auto",k),f.attr("style")&&f.removeAttr("style"),c.removeClass("tip-override");var m=c.outerHeight();d&&d.indexOf("tip-top")>-1?(Foundation.rtl&&f.addClass("rtl"),i(c,j-m,"auto","auto",k).removeClass("tip-override")):d&&d.indexOf("tip-left")>-1?(i(c,j+l/2-m/2,"auto","auto",k-c.outerWidth()-g).removeClass("tip-override"),f.removeClass("rtl")):d&&d.indexOf("tip-right")>-1&&(i(c,j+l/2-m/2,"auto","auto",k+b.outerWidth()+g).removeClass("tip-override"),f.removeClass("rtl"))}c.css("visibility","visible").hide()},small:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},inheritable_classes:function(b){var c=a.extend({},this.settings,this.data_options(b)),d=["tip-top","tip-left","tip-bottom","tip-right","radius","round"].concat(c.additional_inheritable_classes),e=b.attr("class"),f=e?a.map(e.split(" "),function(b,c){return-1!==a.inArray(b,d)?b:void 0}).join(" "):"";return a.trim(f)},convert_to_touch:function(b){var c=this,d=c.getTip(b),e=a.extend({},c.settings,c.data_options(b));0===d.find(".tap-to-close").length&&(d.append(''+e.touch_close_text+""),d.on("click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose",function(a){c.hide(b)})),b.data("tooltip-open-event-type","touch")},show:function(a){var b=this.getTip(a);"touch"==a.data("tooltip-open-event-type")&&this.convert_to_touch(a),this.reposition(a,b,a.attr("class")),a.addClass("open"),b.fadeIn(this.settings.fade_in_duration)},hide:function(a){var b=this.getTip(a);b.fadeOut(this.settings.fade_out_duration,function(){b.find(".tap-to-close").remove(),b.off("click.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose"),a.removeClass("open")})},off:function(){var b=this;this.S(this.scope).off(".fndtn.tooltip"),this.S(this.settings.tooltip_class).each(function(c){a("["+b.attr_name()+"]").eq(c).attr("title",a(this).text())}).remove()},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.topbar={name:"topbar",version:"5.5.3",settings:{index:0,start_offset:0,sticky_class:"sticky",custom_back_text:!0,back_text:"Back",mobile_show_parent_link:!0,is_hover:!0,scrolltop:!0,sticky_on:"all",dropdown_autoclose:!0},init:function(b,c,d){Foundation.inherit(this,"add_custom_rule register_media throttle");var e=this;e.register_media("topbar","foundation-mq-topbar"),this.bindings(c,d),e.S("["+this.attr_name()+"]",this.scope).each(function(){var b=a(this),c=b.data(e.attr_name(!0)+"-init");e.S("section, .top-bar-section",this);b.data("index",0);var d=b.parent();d.hasClass("fixed")||e.is_sticky(b,d,c)?(e.settings.sticky_class=c.sticky_class,e.settings.sticky_topbar=b,b.data("height",d.outerHeight()),b.data("stickyoffset",d.offset().top)):b.data("height",b.outerHeight()),c.assembled||e.assemble(b),c.is_hover?e.S(".has-dropdown",b).addClass("not-click"):e.S(".has-dropdown",b).removeClass("not-click"),e.add_custom_rule(".f-topbar-fixed { padding-top: "+b.data("height")+"px }"),d.hasClass("fixed")&&e.S("body").addClass("f-topbar-fixed")})},is_sticky:function(a,b,c){var d=b.hasClass(c.sticky_class),e=matchMedia(Foundation.media_queries.small).matches,f=matchMedia(Foundation.media_queries.medium).matches,g=matchMedia(Foundation.media_queries.large).matches;return d&&"all"===c.sticky_on?!0:d&&this.small()&&-1!==c.sticky_on.indexOf("small")&&e&&!f&&!g?!0:d&&this.medium()&&-1!==c.sticky_on.indexOf("medium")&&e&&f&&!g?!0:d&&this.large()&&-1!==c.sticky_on.indexOf("large")&&e&&f&&g?!0:!1},toggle:function(c){var d,e=this;d=c?e.S(c).closest("["+this.attr_name()+"]"):e.S("["+this.attr_name()+"]");var f=d.data(this.attr_name(!0)+"-init"),g=e.S("section, .top-bar-section",d);e.breakpoint()&&(e.rtl?(g.css({right:"0%"}),a(">.name",g).css({right:"100%"})):(g.css({left:"0%"}),a(">.name",g).css({left:"100%"})),e.S("li.moved",g).removeClass("moved"),d.data("index",0),d.toggleClass("expanded").css("height","")),f.scrolltop?d.hasClass("expanded")?d.parent().hasClass("fixed")&&(f.scrolltop?(d.parent().removeClass("fixed"),d.addClass("fixed"),e.S("body").removeClass("f-topbar-fixed"),b.scrollTo(0,0)):d.parent().removeClass("expanded")):d.hasClass("fixed")&&(d.parent().addClass("fixed"),d.removeClass("fixed"),e.S("body").addClass("f-topbar-fixed")):(e.is_sticky(d,d.parent(),f)&&d.parent().addClass("fixed"),d.parent().hasClass("fixed")&&(d.hasClass("expanded")?(d.addClass("fixed"),d.parent().addClass("expanded"),e.S("body").addClass("f-topbar-fixed")):(d.removeClass("fixed"),d.parent().removeClass("expanded"),e.update_sticky_positioning())))},timer:null,events:function(c){var d=this,e=this.S;e(this.scope).off(".topbar").on("click.fndtn.topbar","["+this.attr_name()+"] .toggle-topbar",function(a){a.preventDefault(),d.toggle(this)}).on("click.fndtn.topbar contextmenu.fndtn.topbar",'.top-bar .top-bar-section li a[href^="#"],['+this.attr_name()+'] .top-bar-section li a[href^="#"]',function(b){var c=a(this).closest("li"),e=c.closest("["+d.attr_name()+"]"),f=e.data(d.attr_name(!0)+"-init");if(f.dropdown_autoclose&&f.is_hover){var g=a(this).closest(".hover");g.removeClass("hover")}!d.breakpoint()||c.hasClass("back")||c.hasClass("has-dropdown")||d.toggle()}).on("click.fndtn.topbar","["+this.attr_name()+"] li.has-dropdown",function(b){var c=e(this),f=e(b.target),g=c.closest("["+d.attr_name()+"]"),h=g.data(d.attr_name(!0)+"-init");return f.data("revealId")?void d.toggle():void(d.breakpoint()||(!h.is_hover||Modernizr.touch)&&(b.stopImmediatePropagation(),c.hasClass("hover")?(c.removeClass("hover").find("li").removeClass("hover"),c.parents("li.hover").removeClass("hover")):(c.addClass("hover"),a(c).siblings().removeClass("hover"),"A"===f[0].nodeName&&f.parent().hasClass("has-dropdown")&&b.preventDefault())))}).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown>a",function(a){if(d.breakpoint()){a.preventDefault();var b=e(this),c=b.closest("["+d.attr_name()+"]"),f=c.find("section, .top-bar-section"),g=(b.next(".dropdown").outerHeight(),b.closest("li"));c.data("index",c.data("index")+1),g.addClass("moved"),d.rtl?(f.css({right:-(100*c.data("index"))+"%"}),f.find(">.name").css({right:100*c.data("index")+"%"})):(f.css({left:-(100*c.data("index"))+"%"}),f.find(">.name").css({left:100*c.data("index")+"%"})),c.css("height",b.siblings("ul").outerHeight(!0)+c.data("height"))}}),e(b).off(".topbar").on("resize.fndtn.topbar",d.throttle(function(){d.resize.call(d)},50)).trigger("resize.fndtn.topbar").load(function(){e(this).trigger("resize.fndtn.topbar")}),e("body").off(".topbar").on("click.fndtn.topbar",function(a){var b=e(a.target).closest("li").closest("li.hover");b.length>0||e("["+d.attr_name()+"] li.hover").removeClass("hover")}),e(this.scope).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown .back",function(a){a.preventDefault();var b=e(this),c=b.closest("["+d.attr_name()+"]"),f=c.find("section, .top-bar-section"),g=(c.data(d.attr_name(!0)+"-init"),b.closest("li.moved")),h=g.parent();c.data("index",c.data("index")-1),d.rtl?(f.css({right:-(100*c.data("index"))+"%"}),f.find(">.name").css({right:100*c.data("index")+"%"})):(f.css({left:-(100*c.data("index"))+"%"}),f.find(">.name").css({left:100*c.data("index")+"%"})),0===c.data("index")?c.css("height",""):c.css("height",h.outerHeight(!0)+c.data("height")),setTimeout(function(){g.removeClass("moved")},300)}),e(this.scope).find(".dropdown a").focus(function(){a(this).parents(".has-dropdown").addClass("hover")}).blur(function(){a(this).parents(".has-dropdown").removeClass("hover")})},resize:function(){var a=this;a.S("["+this.attr_name()+"]").each(function(){var b,d=a.S(this),e=d.data(a.attr_name(!0)+"-init"),f=d.parent("."+a.settings.sticky_class);if(!a.breakpoint()){var g=d.hasClass("expanded");d.css("height","").removeClass("expanded").find("li").removeClass("hover"),g&&a.toggle(d)}a.is_sticky(d,f,e)&&(f.hasClass("fixed")?(f.removeClass("fixed"),b=f.offset().top,a.S(c.body).hasClass("f-topbar-fixed")&&(b-=d.data("height")),d.data("stickyoffset",b),f.addClass("fixed")):(b=f.offset().top,d.data("stickyoffset",b)))})},breakpoint:function(){return!matchMedia(Foundation.media_queries.topbar).matches},small:function(){return matchMedia(Foundation.media_queries.small).matches},medium:function(){return matchMedia(Foundation.media_queries.medium).matches},large:function(){return matchMedia(Foundation.media_queries.large).matches},assemble:function(b){var c=this,d=b.data(this.attr_name(!0)+"-init"),e=c.S("section, .top-bar-section",b);e.detach(),c.S(".has-dropdown>a",e).each(function(){var b,e=c.S(this),f=e.siblings(".dropdown"),g=e.attr("href");f.find(".title.back").length||(b=a(1==d.mobile_show_parent_link&&g?'
  • '+e.html()+"
    • ":'
  • '),1==d.custom_back_text?a("h5>a",b).html(d.back_text):a("h5>a",b).html("« "+e.html()),f.prepend(b))}),e.appendTo(b),this.sticky(),this.assembled(b)},assembled:function(b){b.data(this.attr_name(!0),a.extend({},b.data(this.attr_name(!0)),{assembled:!0}))},height:function(b){var c=0,d=this;return a("> li",b).each(function(){c+=d.S(this).outerHeight(!0)}),c},sticky:function(){var a=this;this.S(b).on("scroll",function(){a.update_sticky_positioning()})},update_sticky_positioning:function(){var a="."+this.settings.sticky_class,c=this.S(b),d=this;if(d.settings.sticky_topbar&&d.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(),this.settings)){var e=this.settings.sticky_topbar.data("stickyoffset")+this.settings.start_offset;d.S(a).hasClass("expanded")||(c.scrollTop()>e?d.S(a).hasClass("fixed")||(d.S(a).addClass("fixed"),d.S("body").addClass("f-topbar-fixed")):c.scrollTop()<=e&&d.S(a).hasClass("fixed")&&(d.S(a).removeClass("fixed"),d.S("body").removeClass("f-topbar-fixed")))}},off:function(){this.S(this.scope).off(".fndtn.topbar"),this.S(b).off(".fndtn.topbar")},reflow:function(){}}}(jQuery,window,window.document);;// Load foundation $(document).foundation(); $(document).ready(function () { - const oc_menu = $('#oc-overlay').find(".left-off-canvas-list"); - const menu_items = oc_menu.children('ul').children('li'); - const children_menus = $('ul.children'); - let other_menu; - - menu_items.each(function(){ - $(this).on("click", function(){ - other_menu = $(this).parent().siblings('ul.sub-menu-section').not(".oc-home-link"); - }) - if( $(this).children('ul').length > 0 ){ - $(this).on("click", function(){ - - other_menu.toggleClass("oc-hidden"); - $(this).children('a').toggleClass('open'); - $(this).children('a').siblings('ul').toggleClass('oc-open'); - // $(this).children('a').siblings('ul').toggleClass('oc-hidden'); - $(this).toggleClass('oc-expanded'); - $(this).siblings().toggleClass("oc-collapsed"); - $('.t-nav__curve').addClass("hide-curve"); - }) - - $(this).children('a').on('click', function(e){ - other_menu.toggleClass("oc-hidden"); - e.preventDefault(); - $(this).siblings('a').toggleClass('open'); - $(this).siblings('ul').toggleClass('oc-open'); - // $(this).siblings('ul').toggleClass('oc-hidden'); - $(this).parent().toggleClass('oc-expanded'); - $(this).parent().siblings().toggleClass("oc-collapsed"); - $('.t-nav__curve').addClass("hide-curve"); - }) - } - }); - - $('a.toggle').click('click', function () { - // let other_menu = $(this).parent().parent(); - // console.log(other_menu); - $(this).toggleClass('open'); - $(this).siblings('ul').toggleClass('oc-open'); - // $(this).siblings('ul').toggleClass('oc-hidden'); - $(this).parent().toggleClass('oc-expanded'); - $(this).parent().siblings().toggleClass("oc-collapsed"); - $('.t-nav__curve').addClass("hide-curve"); - }); - - $('ul.children').each(function () { - $(this).before(''); - }); - $('#glm-member-password-lost-link').click(function() { - $('#glm-member-password-lost-form').show(); - }); - - - $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){ - var menuImg = $(this).parent('li').prop('id'); - var menuNum = menuImg.match(/\d+/)[0]; - var menuImgSrc = 'img_for_menu_' + menuNum; - if (window['img_for_menu_' + menuNum]) { - $(this).find('li.image-placeholder').html(''); - } else { - $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul'); - $(this).find('li.image-placeholder').remove(); - } - //console.log('ul = ' + menuImg); - //console.log('menu-id = ' + menuNum); - }); + const oc_menu = $('#oc-overlay').find(".left-off-canvas-list"); + const menu_items = oc_menu.find('ul').find('li'); + const children_menus = $('ul.children'); + let other_menu; + + // console.log(menu_items) + oc_menu.children('ul').on("click", '> li', function(event){ + // console.log(event.target); + // console.log($(this)); + }) + + menu_items.each(function(){ + let menuThis = $(this); + + menuThis.on("click", function(){ + other_menu = $(this).closest('ul.sub-menu-section').siblings('ul.sub-menu-section').not(".oc-home-link"); + }) + if( $(this).children('ul').length > 0 ){ + let menuParent = $(this).parent(); + + + + + + + + + + + $(this).on("click", function(e){ + // if( $(this).parent().hasClass('children') ){ + // console.log("yes"); + // } + + // collapse the nav menu that isn't in focus (primary or secondary) + other_menu.toggleClass("oc-hidden"); + + // alter the orientation of the nav arrow, it's the only el that uses a plain open class instead of oc-open + $(this).children('a').toggleClass('open'); + e.stopImmediatePropagation(); + // problem is here, this is a blanket toggle which affects sub menus unintentionally + $(this).children('a').siblings('ul').toggleClass('oc-open'); + + // $(this).children('a').siblings('ul').toggleClass('oc-hidden'); + + // For animation purposes + $(this).toggleClass('oc-expanded'); + $(this).siblings().toggleClass("oc-collapsed"); + }) + + $(this).children('a').on('click', function(e){ + e.preventDefault(); + }) + + + + + + + + + + } else { + let url = $(this).children('a').attr('href'); + $(this).on("click", function(){ + window.location = url; + }) + } + }); + + - $("#searchIcon").click(function(){ - if($("#topSearchForm").css("display") == "none"){ + + + $('ul.children').each(function () { + $(this).before(''); + }); + $('#glm-member-password-lost-link').click(function() { + $('#glm-member-password-lost-form').show(); + }); + + + $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){ + var menuImg = $(this).parent('li').prop('id'); + var menuNum = menuImg.match(/\d+/)[0]; + var menuImgSrc = 'img_for_menu_' + menuNum; + if (window['img_for_menu_' + menuNum]) { + $(this).find('li.image-placeholder').html(''); + } else { + $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul'); + $(this).find('li.image-placeholder').remove(); + } + //console.log('ul = ' + menuImg); + //console.log('menu-id = ' + menuNum); + }); + + $("#searchIcon").click(function(){ + if($("#topSearchForm").css("display") == "none"){ // $("#searchform").css("display", "inline"); - $("#topSearchForm").toggle("slide"); - $("#searchIcon").css("visibility", "hidden"); - } - $("#lar-search").focus(); - }); - $("#lar-search").blur(function(){ - $("#topSearchForm").toggle("slide"); - $("#searchIcon").css("visibility", "visible"); - }); - - - // MOBILE SEARCH - var right = $('#mobile-search-form').offset().right; - $("#mobile-search").on("click", function(){ - $("#mobile-search-form").css({right:right}) // Set the left to its calculated position - .animate({"right":"0px"}, "slow"); - }); - $(".mobile-search-close").on("click", function(){ - $("#mobile-search-form").css({right:right}) // Set the left to its calculated position - .animate({"right":"-100%"}, "slow"); - }); - var countup_options = { - useEasing: true, - useGrouping: true, - separator: ',', - decimal: '.', - }; - $.fn.isInViewport = function(offset) { - var elementTop = $(this).offset().top; - var elementBottom = elementTop + $(this).outerHeight(); - var viewportTop = $(window).scrollTop(); - var viewportBottom = viewportTop + $(window).height(); - var center = (viewportBottom + viewportTop) / 2 + parseInt(offset); - return [elementBottom > viewportTop && elementTop < center,$(this)]; - }; - var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')]; - var posts = $('.home-feed-post'); - - var blog_position = $("#home-feed-posts").position(); - var scrolled = 0; - var the_number = parseInt($('.first-blur').text()); - - var our_impact_seen = false; - $(window).on("scroll", function() { - var page_position = $(window).scrollTop(); - if( $(window).width() < 1024 ){ - $.each(blocks, function(){ - if( $(this).length > 0){ - var test_scroll = $(this).isInViewport(-75); - - if( test_scroll[0]){ - $(this).find(".overlay").addClass('mobile-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); - }else{ - $(this).find(".overlay").removeClass('mobile-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); - } - } - }); - $.each(posts, function(){ - - if( $(this).length > 0){ - - var test_scroll = $(this).isInViewport(-75); - console.log( test_scroll[0] ); - if( test_scroll[0]){ - $(this).find(".overlay").addClass('blog-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); - }else{ - $(this).find(".overlay").removeClass('blog-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); - } - } - }); - } - if($("#home-feed-posts").length ){ - if($("#home-feed-posts").isInViewport(100)[0]){ - $('#home-feed-posts').css("opacity", 1); - $('#home-feed-posts').addClass("fadeInUp"); - } - } - - if( $('.blur-action').length > 0 ){ - if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false ){ - $('.blur-container').children('span:first-child').addClass("in-sight"); - - window.setTimeout(function(){ - $('.first-blur').animate({opacity: 1}, 200); - var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options); - if (!our_impact_counter.error) { - our_impact_counter.start(); - } else { - console.error(our_impact_counter.error); - } - }, 1000); - - window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600); - our_impact_seen = true; - } - - } - scrolled++; - if ($(this).scrollTop() > 50 ) { - $('.scrolltop:hidden').stop(true, true).fadeIn(); - } else { - $('.scrolltop').stop(true, true).fadeOut(); - } + $("#topSearchForm").toggle("slide"); + $("#searchIcon").css("visibility", "hidden"); + } + $("#lar-search").focus(); + }); + $("#lar-search").blur(function(){ + $("#topSearchForm").toggle("slide"); + $("#searchIcon").css("visibility", "visible"); + }); - if ($(window).scrollTop() >= 46) { - $('.sticky-header').addClass('fixed-header'); - } - else { - $('.sticky-header').removeClass('fixed-header'); - } - }); - $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})}) - - $("#block-3, #block-4").wrapAll('
    '); - $("#block-2").wrap('
    '); - $("#small-blocks, #med-block").wrapAll('
    '); - - var event_feed = $("#event-feed"); - var category_image = $("#glm-category-images-list"); - event_feed.addClass("feed"); - category_image.addClass("category-feed"); - - function slickening(el, slides, autoplay){ - if(el.hasClass('slick-initialized') ) { - el.slick('unslick') - } - el.slick({ - infinite: true, - slidesToShow: slides, - slidesToScroll: 1, - autoplay: autoplay, - arrows: true, - - }); - } - function check_window_width(){ - if( $('.slick-track').length > 0 ){ - $('.slick-track').addClass("row collapse"); - } - if($(window).width() > 1023){ - - slickening( $('.feed'), 3, false ); - } else if($(window).width() < 1025 && $(window).width() > 639){ - if( $(".feed").hasClass('slick-initialized') ) { - $(".feed").slick('unslick'); - - } - slickening( $('.feed'), 2, false ); - } else if($(window).width() < 641 && $(window).width() > 319){ - if( $(".feed").hasClass('slick-initialized') ) { - $(".feed").slick('unslick'); - } - slickening( $('.feed'), 1, false ); - } - } - check_window_width(); - $(window).resize(function () { - check_window_width(); - - }); + // MOBILE SEARCH + var right = $('#mobile-search-form').offset().right; + $("#mobile-search").on("click", function(){ + $("#mobile-search-form").css({right:right}) // Set the left to its calculated position + .animate({"right":"0px"}, "slow"); + }); + $(".mobile-search-close").on("click", function(){ + $("#mobile-search-form").css({right:right}) // Set the left to its calculated position + .animate({"right":"-100%"}, "slow"); + }); + var countup_options = { + useEasing: true, + useGrouping: true, + separator: ',', + decimal: '.', + }; + $.fn.isInViewport = function(offset) { + var elementTop = $(this).offset().top; + var elementBottom = elementTop + $(this).outerHeight(); + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + var center = (viewportBottom + viewportTop) / 2 + parseInt(offset); + return [elementBottom > viewportTop && elementTop < center,$(this)]; + }; + var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')]; + var posts = $('.home-feed-post'); + + var blog_position = $("#home-feed-posts").position(); + var scrolled = 0; + var the_number = parseInt($('.first-blur').text()); + var our_impact_seen = false; + $(window).on("scroll", function() { + var page_position = $(window).scrollTop(); + if( $(window).width() < 1024 ){ + $.each(blocks, function(){ + if( $(this).length > 0){ + var test_scroll = $(this).isInViewport(-75); + + if( test_scroll[0]){ + $(this).find(".overlay").addClass('mobile-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); + }else{ + $(this).find(".overlay").removeClass('mobile-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); + } + } + }); + $.each(posts, function(){ + + if( $(this).length > 0){ + + var test_scroll = $(this).isInViewport(-75); + console.log( test_scroll[0] ); + if( test_scroll[0]){ + $(this).find(".overlay").addClass('blog-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); + }else{ + $(this).find(".overlay").removeClass('blog-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); + } + } + }); + } + if($("#home-feed-posts").length ){ + if($("#home-feed-posts").isInViewport(100)[0]){ + $('#home-feed-posts').css("opacity", 1); + $('#home-feed-posts').addClass("fadeInUp"); + } + } - // remove #/gallery/recent from url to track current page - var url = window.location.href.replace("#/gallery/recent", ""); + if( $('.blur-action').length > 0 ){ + if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false ){ + $('.blur-container').children('span:first-child').addClass("in-sight"); - // 'current' class style to sidebar item that matches the current url - $('#side-links ul.sidebar li a').each(function() { - if ($(this).prop('href') == url) { - $(this).addClass('current'); - } - if($(this).attr("class") === "current"){ - $(this).parent("li").addClass("current"); - } - }); - $("#sitemap_pages").find("small").contents().unwrap(); - $("#sitemap_posts").find("small").contents().unwrap(); - - // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED - // if( $('.slick-track').length > 0 ){ - $('.slick-track').addClass("row collapse"); - if( $('.slick-track').length > 0 ){ - $('.slick-track').addClass("row collapse"); - - if( $(window).width() > 1023){ - $('.featured-event-details').each(function(index, value){ - var height = $(this).outerHeight(); - $(this).css("bottom", "-"+height+"px"); - }) - - var image; - $('.featured-event').hover( - function(){ - var details = $(this).find('.featured-event-details'); - - var details_height = details.outerHeight(); - $(this).data("top", details_height); - image = $(this).find('.front-page-event-image'); - - image.animate({bottom:details_height}, 400, function() { - //callback - }); - }, function(){ - details_height = $(this).data("top"); - image.animate({bottom:0}, 400, function() { - //callback - }); - } - ); - } + window.setTimeout(function(){ + $('.first-blur').animate({opacity: 1}, 200); + var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options); + if (!our_impact_counter.error) { + our_impact_counter.start(); + } else { + console.error(our_impact_counter.error); + } + }, 1000); + + window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600); + our_impact_seen = true; + } + + } + scrolled++; + if ($(this).scrollTop() > 50 ) { + $('.scrolltop:hidden').stop(true, true).fadeIn(); + } else { + $('.scrolltop').stop(true, true).fadeOut(); + } + + if ($(window).scrollTop() >= 46) { + $('.sticky-header').addClass('fixed-header'); } - if( $(window).width() > 1023){ - $('.front-page-post-content-container').each(function(index, value){ - var title_height = $(this).find('h2').find('a').outerHeight(); - var height = $(this).outerHeight(); - var offset = height - (title_height + 10); - $(this).css("bottom", "-"+offset+"px"); - }) - - var image; - $('.home-feed-post').hover( - function(){ - var details = $(this).find('.front-page-post-content-container'); - var details_height = details.outerHeight(); - $(this).data("top", details_height); - image = $(this).find('.front-page-blog-image'); - image.animate({bottom:details_height}, 400, function() { - //callback - }); - }, function(){ - details_height = $(this).data("top"); - image.animate({bottom:0}, 400, function() { - //callback - }); - } - ); + else { + $('.sticky-header').removeClass('fixed-header'); } - // } - $(".menu-icon").on("click", function(){ - $('#oc-overlay').fadeIn(); - }) - $("#menu-icon-close").on("click", function(){ - $('#oc-overlay').fadeOut(); - }) - // checking if the video is currently playing - Object.defineProperty(HTMLMediaElement.prototype, 'playing', { - get: function(){ - return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2); + }); + $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})}) + + $("#block-3, #block-4").wrapAll('
    '); + $("#block-2").wrap('
    '); + $("#small-blocks, #med-block").wrapAll('
    '); + + var event_feed = $("#event-feed"); + var category_image = $("#glm-category-images-list"); + event_feed.addClass("feed"); + category_image.addClass("category-feed"); + + function slickening(el, slides, autoplay){ + if(el.hasClass('slick-initialized') ) { + el.slick('unslick') + } + el.slick({ + infinite: true, + slidesToShow: slides, + slidesToScroll: 1, + autoplay: autoplay, + arrows: true, + + }); + } + function check_window_width(){ + if( $('.slick-track').length > 0 ){ + $('.slick-track').addClass("row collapse"); + } + if($(window).width() > 1023){ + + slickening( $('.feed'), 3, false ); + } else if($(window).width() < 1025 && $(window).width() > 639){ + if( $(".feed").hasClass('slick-initialized') ) { + $(".feed").slick('unslick'); + } + slickening( $('.feed'), 2, false ); + } else if($(window).width() < 641 && $(window).width() > 319){ + if( $(".feed").hasClass('slick-initialized') ) { + $(".feed").slick('unslick'); + } + slickening( $('.feed'), 1, false ); + } + } + + check_window_width(); + $(window).resize(function () { + check_window_width(); + + }); + + + // remove #/gallery/recent from url to track current page + var url = window.location.href.replace("#/gallery/recent", ""); + + // 'current' class style to sidebar item that matches the current url + $('#side-links ul.sidebar li a').each(function() { + if ($(this).prop('href') == url) { + $(this).addClass('current'); + } + if($(this).attr("class") === "current"){ + $(this).parent("li").addClass("current"); + } + }); + $("#sitemap_pages").find("small").contents().unwrap(); + $("#sitemap_posts").find("small").contents().unwrap(); + + // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED + // if( $('.slick-track').length > 0 ){ + $('.slick-track').addClass("row collapse"); + if( $('.slick-track').length > 0 ){ + $('.slick-track').addClass("row collapse"); + + if( $(window).width() > 1023){ + $('.featured-event-details').each(function(index, value){ + var height = $(this).outerHeight(); + $(this).css("bottom", "-"+height+"px"); + }) + + var image; + $('.featured-event').hover( + function(){ + var details = $(this).find('.featured-event-details'); + + var details_height = details.outerHeight(); + $(this).data("top", details_height); + image = $(this).find('.front-page-event-image'); + + image.animate({bottom:details_height}, 400, function() { + //callback + }); + }, function(){ + details_height = $(this).data("top"); + image.animate({bottom:0}, 400, function() { + //callback + }); + } + ); + } + } + if( $(window).width() > 1023){ + $('.front-page-post-content-container').each(function(index, value){ + var title_height = $(this).find('h2').find('a').outerHeight(); + var height = $(this).outerHeight(); + var offset = height - (title_height + 10); + $(this).css("bottom", "-"+offset+"px"); + }) + + var image; + $('.home-feed-post').hover( + function(){ + var details = $(this).find('.front-page-post-content-container'); + var details_height = details.outerHeight(); + $(this).data("top", details_height); + image = $(this).find('.front-page-blog-image'); + image.animate({bottom:details_height}, 400, function() { + //callback + }); + }, function(){ + details_height = $(this).data("top"); + image.animate({bottom:0}, 400, function() { + //callback + }); + } + ); + } + // } + $(".menu-icon").on("click", function(){ + $('#oc-overlay').fadeIn(); + }) + $("#menu-icon-close").on("click", function(){ + $('#oc-overlay').fadeOut(); + }) + // checking if the video is currently playing + Object.defineProperty(HTMLMediaElement.prototype, 'playing', { + get: function(){ + return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2); + } + }) + let video; + if($(window).width() > 1023 ){ + video = $(".parallax-video").find('video'); + video = video[0]; + } else { + video = $("#front-page-video"); + video = video[0]; + } + $("#pause-video").on("click", function(){ + if( video.playing ){ + video.pause(); + $(this).text('PLAY'); + }else{ + video.play(); + $(this).text('PAUSE'); } - }) - let video; - if($(window).width() > 1023 ){ - video = $(".parallax-video").find('video'); - video = video[0]; - } else { - video = $("#front-page-video"); - video = video[0]; - } - $("#pause-video").on("click", function(){ - if( video.playing ){ - video.pause(); - $(this).text('PLAY'); - }else{ - video.play(); - $(this).text('PAUSE'); - } - }); - $("#restart-video").on("click", function(){ - video.pause(); - video.currentTime = 0; - video.load(); - }); - - $('.home-feed-post').on('click', function(){ - window.location = $(this).data('url'); - }) + }); + $("#restart-video").on("click", function(){ + video.pause(); + video.currentTime = 0; + video.load(); + }); + + $('.home-feed-post').on('click', function(){ + window.location = $(this).data('url'); + }) }); + + diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js index 0019c57..a5da603 100644 --- a/js/custom/pageSetup.js +++ b/js/custom/pageSetup.js @@ -1,354 +1,384 @@ // Load foundation $(document).foundation(); $(document).ready(function () { - const oc_menu = $('#oc-overlay').find(".left-off-canvas-list"); - const menu_items = oc_menu.children('ul').children('li'); - const children_menus = $('ul.children'); - let other_menu; - - menu_items.each(function(){ - $(this).on("click", function(){ - other_menu = $(this).parent().siblings('ul.sub-menu-section').not(".oc-home-link"); - }) - if( $(this).children('ul').length > 0 ){ - $(this).on("click", function(){ - - other_menu.toggleClass("oc-hidden"); - $(this).children('a').toggleClass('open'); - $(this).children('a').siblings('ul').toggleClass('oc-open'); - // $(this).children('a').siblings('ul').toggleClass('oc-hidden'); - $(this).toggleClass('oc-expanded'); - $(this).siblings().toggleClass("oc-collapsed"); - $('.t-nav__curve').addClass("hide-curve"); - }) - - $(this).children('a').on('click', function(e){ - other_menu.toggleClass("oc-hidden"); - e.preventDefault(); - $(this).siblings('a').toggleClass('open'); - $(this).siblings('ul').toggleClass('oc-open'); - // $(this).siblings('ul').toggleClass('oc-hidden'); - $(this).parent().toggleClass('oc-expanded'); - $(this).parent().siblings().toggleClass("oc-collapsed"); - $('.t-nav__curve').addClass("hide-curve"); - }) - } - }); - - $('a.toggle').click('click', function () { - // let other_menu = $(this).parent().parent(); - // console.log(other_menu); - $(this).toggleClass('open'); - $(this).siblings('ul').toggleClass('oc-open'); - // $(this).siblings('ul').toggleClass('oc-hidden'); - $(this).parent().toggleClass('oc-expanded'); - $(this).parent().siblings().toggleClass("oc-collapsed"); - $('.t-nav__curve').addClass("hide-curve"); - }); - - $('ul.children').each(function () { - $(this).before(''); - }); - $('#glm-member-password-lost-link').click(function() { - $('#glm-member-password-lost-form').show(); - }); - - - $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){ - var menuImg = $(this).parent('li').prop('id'); - var menuNum = menuImg.match(/\d+/)[0]; - var menuImgSrc = 'img_for_menu_' + menuNum; - if (window['img_for_menu_' + menuNum]) { - $(this).find('li.image-placeholder').html(''); - } else { - $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul'); - $(this).find('li.image-placeholder').remove(); - } - //console.log('ul = ' + menuImg); - //console.log('menu-id = ' + menuNum); - }); + const oc_menu = $('#oc-overlay').find(".left-off-canvas-list"); + const menu_items = oc_menu.find('ul').find('li'); + const children_menus = $('ul.children'); + let other_menu; + + // console.log(menu_items) + oc_menu.children('ul').on("click", '> li', function(event){ + // console.log(event.target); + // console.log($(this)); + }) + + menu_items.each(function(){ + let menuThis = $(this); + + menuThis.on("click", function(){ + other_menu = $(this).closest('ul.sub-menu-section').siblings('ul.sub-menu-section').not(".oc-home-link"); + }) + if( $(this).children('ul').length > 0 ){ + let menuParent = $(this).parent(); + + + + + + + + + + + $(this).on("click", function(e){ + // if( $(this).parent().hasClass('children') ){ + // console.log("yes"); + // } + + // collapse the nav menu that isn't in focus (primary or secondary) + other_menu.toggleClass("oc-hidden"); + + // alter the orientation of the nav arrow, it's the only el that uses a plain open class instead of oc-open + $(this).children('a').toggleClass('open'); + e.stopImmediatePropagation(); + // problem is here, this is a blanket toggle which affects sub menus unintentionally + $(this).children('a').siblings('ul').toggleClass('oc-open'); + + // $(this).children('a').siblings('ul').toggleClass('oc-hidden'); + + // For animation purposes + $(this).toggleClass('oc-expanded'); + $(this).siblings().toggleClass("oc-collapsed"); + }) + + $(this).children('a').on('click', function(e){ + e.preventDefault(); + }) + + + + + + + + + + } else { + let url = $(this).children('a').attr('href'); + $(this).on("click", function(){ + window.location = url; + }) + } + }); + + - $("#searchIcon").click(function(){ - if($("#topSearchForm").css("display") == "none"){ + + + $('ul.children').each(function () { + $(this).before(''); + }); + $('#glm-member-password-lost-link').click(function() { + $('#glm-member-password-lost-form').show(); + }); + + + $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){ + var menuImg = $(this).parent('li').prop('id'); + var menuNum = menuImg.match(/\d+/)[0]; + var menuImgSrc = 'img_for_menu_' + menuNum; + if (window['img_for_menu_' + menuNum]) { + $(this).find('li.image-placeholder').html(''); + } else { + $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul'); + $(this).find('li.image-placeholder').remove(); + } + //console.log('ul = ' + menuImg); + //console.log('menu-id = ' + menuNum); + }); + + $("#searchIcon").click(function(){ + if($("#topSearchForm").css("display") == "none"){ // $("#searchform").css("display", "inline"); - $("#topSearchForm").toggle("slide"); - $("#searchIcon").css("visibility", "hidden"); - } - $("#lar-search").focus(); - }); - $("#lar-search").blur(function(){ - $("#topSearchForm").toggle("slide"); - $("#searchIcon").css("visibility", "visible"); - }); - - - // MOBILE SEARCH - var right = $('#mobile-search-form').offset().right; - $("#mobile-search").on("click", function(){ - $("#mobile-search-form").css({right:right}) // Set the left to its calculated position - .animate({"right":"0px"}, "slow"); - }); - $(".mobile-search-close").on("click", function(){ - $("#mobile-search-form").css({right:right}) // Set the left to its calculated position - .animate({"right":"-100%"}, "slow"); - }); - var countup_options = { - useEasing: true, - useGrouping: true, - separator: ',', - decimal: '.', - }; - $.fn.isInViewport = function(offset) { - var elementTop = $(this).offset().top; - var elementBottom = elementTop + $(this).outerHeight(); - var viewportTop = $(window).scrollTop(); - var viewportBottom = viewportTop + $(window).height(); - var center = (viewportBottom + viewportTop) / 2 + parseInt(offset); - return [elementBottom > viewportTop && elementTop < center,$(this)]; - }; - var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')]; - var posts = $('.home-feed-post'); - - var blog_position = $("#home-feed-posts").position(); - var scrolled = 0; - var the_number = parseInt($('.first-blur').text()); - - var our_impact_seen = false; - $(window).on("scroll", function() { - var page_position = $(window).scrollTop(); - if( $(window).width() < 1024 ){ - $.each(blocks, function(){ - if( $(this).length > 0){ - var test_scroll = $(this).isInViewport(-75); - - if( test_scroll[0]){ - $(this).find(".overlay").addClass('mobile-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); - }else{ - $(this).find(".overlay").removeClass('mobile-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); - } - } - }); - $.each(posts, function(){ - - if( $(this).length > 0){ - - var test_scroll = $(this).isInViewport(-75); - console.log( test_scroll[0] ); - if( test_scroll[0]){ - $(this).find(".overlay").addClass('blog-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); - }else{ - $(this).find(".overlay").removeClass('blog-overlay'); - $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); - } - } - }); - } - if($("#home-feed-posts").length ){ - if($("#home-feed-posts").isInViewport(100)[0]){ - $('#home-feed-posts').css("opacity", 1); - $('#home-feed-posts').addClass("fadeInUp"); - } - } - - if( $('.blur-action').length > 0 ){ - if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false ){ - $('.blur-container').children('span:first-child').addClass("in-sight"); - - window.setTimeout(function(){ - $('.first-blur').animate({opacity: 1}, 200); - var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options); - if (!our_impact_counter.error) { - our_impact_counter.start(); - } else { - console.error(our_impact_counter.error); - } - }, 1000); - - window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600); - our_impact_seen = true; - } - - } - scrolled++; - if ($(this).scrollTop() > 50 ) { - $('.scrolltop:hidden').stop(true, true).fadeIn(); - } else { - $('.scrolltop').stop(true, true).fadeOut(); - } + $("#topSearchForm").toggle("slide"); + $("#searchIcon").css("visibility", "hidden"); + } + $("#lar-search").focus(); + }); + $("#lar-search").blur(function(){ + $("#topSearchForm").toggle("slide"); + $("#searchIcon").css("visibility", "visible"); + }); - if ($(window).scrollTop() >= 46) { - $('.sticky-header').addClass('fixed-header'); - } - else { - $('.sticky-header').removeClass('fixed-header'); - } - }); - $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})}) - - $("#block-3, #block-4").wrapAll('
    '); - $("#block-2").wrap('
    '); - $("#small-blocks, #med-block").wrapAll('
    '); - - var event_feed = $("#event-feed"); - var category_image = $("#glm-category-images-list"); - event_feed.addClass("feed"); - category_image.addClass("category-feed"); - - function slickening(el, slides, autoplay){ - if(el.hasClass('slick-initialized') ) { - el.slick('unslick') - } - el.slick({ - infinite: true, - slidesToShow: slides, - slidesToScroll: 1, - autoplay: autoplay, - arrows: true, - - }); - } - function check_window_width(){ - if( $('.slick-track').length > 0 ){ - $('.slick-track').addClass("row collapse"); - } - if($(window).width() > 1023){ - - slickening( $('.feed'), 3, false ); - } else if($(window).width() < 1025 && $(window).width() > 639){ - if( $(".feed").hasClass('slick-initialized') ) { - $(".feed").slick('unslick'); - - } - slickening( $('.feed'), 2, false ); - } else if($(window).width() < 641 && $(window).width() > 319){ - if( $(".feed").hasClass('slick-initialized') ) { - $(".feed").slick('unslick'); - } - slickening( $('.feed'), 1, false ); - } - } - check_window_width(); - $(window).resize(function () { - check_window_width(); - - }); + // MOBILE SEARCH + var right = $('#mobile-search-form').offset().right; + $("#mobile-search").on("click", function(){ + $("#mobile-search-form").css({right:right}) // Set the left to its calculated position + .animate({"right":"0px"}, "slow"); + }); + $(".mobile-search-close").on("click", function(){ + $("#mobile-search-form").css({right:right}) // Set the left to its calculated position + .animate({"right":"-100%"}, "slow"); + }); + var countup_options = { + useEasing: true, + useGrouping: true, + separator: ',', + decimal: '.', + }; + $.fn.isInViewport = function(offset) { + var elementTop = $(this).offset().top; + var elementBottom = elementTop + $(this).outerHeight(); + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + var center = (viewportBottom + viewportTop) / 2 + parseInt(offset); + return [elementBottom > viewportTop && elementTop < center,$(this)]; + }; + var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')]; + var posts = $('.home-feed-post'); + + var blog_position = $("#home-feed-posts").position(); + var scrolled = 0; + var the_number = parseInt($('.first-blur').text()); + var our_impact_seen = false; + $(window).on("scroll", function() { + var page_position = $(window).scrollTop(); + if( $(window).width() < 1024 ){ + $.each(blocks, function(){ + if( $(this).length > 0){ + var test_scroll = $(this).isInViewport(-75); + + if( test_scroll[0]){ + $(this).find(".overlay").addClass('mobile-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); + }else{ + $(this).find(".overlay").removeClass('mobile-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); + } + } + }); + $.each(posts, function(){ + + if( $(this).length > 0){ + + var test_scroll = $(this).isInViewport(-75); + console.log( test_scroll[0] ); + if( test_scroll[0]){ + $(this).find(".overlay").addClass('blog-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)"); + }else{ + $(this).find(".overlay").removeClass('blog-overlay'); + $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)"); + } + } + }); + } + if($("#home-feed-posts").length ){ + if($("#home-feed-posts").isInViewport(100)[0]){ + $('#home-feed-posts').css("opacity", 1); + $('#home-feed-posts').addClass("fadeInUp"); + } + } - // remove #/gallery/recent from url to track current page - var url = window.location.href.replace("#/gallery/recent", ""); + if( $('.blur-action').length > 0 ){ + if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false ){ + $('.blur-container').children('span:first-child').addClass("in-sight"); - // 'current' class style to sidebar item that matches the current url - $('#side-links ul.sidebar li a').each(function() { - if ($(this).prop('href') == url) { - $(this).addClass('current'); - } - if($(this).attr("class") === "current"){ - $(this).parent("li").addClass("current"); - } - }); - $("#sitemap_pages").find("small").contents().unwrap(); - $("#sitemap_posts").find("small").contents().unwrap(); - - // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED - // if( $('.slick-track').length > 0 ){ - $('.slick-track').addClass("row collapse"); - if( $('.slick-track').length > 0 ){ - $('.slick-track').addClass("row collapse"); - - if( $(window).width() > 1023){ - $('.featured-event-details').each(function(index, value){ - var height = $(this).outerHeight(); - $(this).css("bottom", "-"+height+"px"); - }) - - var image; - $('.featured-event').hover( - function(){ - var details = $(this).find('.featured-event-details'); - - var details_height = details.outerHeight(); - $(this).data("top", details_height); - image = $(this).find('.front-page-event-image'); - - image.animate({bottom:details_height}, 400, function() { - //callback - }); - }, function(){ - details_height = $(this).data("top"); - image.animate({bottom:0}, 400, function() { - //callback - }); - } - ); - } + window.setTimeout(function(){ + $('.first-blur').animate({opacity: 1}, 200); + var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options); + if (!our_impact_counter.error) { + our_impact_counter.start(); + } else { + console.error(our_impact_counter.error); + } + }, 1000); + + window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600); + our_impact_seen = true; + } + + } + scrolled++; + if ($(this).scrollTop() > 50 ) { + $('.scrolltop:hidden').stop(true, true).fadeIn(); + } else { + $('.scrolltop').stop(true, true).fadeOut(); + } + + if ($(window).scrollTop() >= 46) { + $('.sticky-header').addClass('fixed-header'); } - if( $(window).width() > 1023){ - $('.front-page-post-content-container').each(function(index, value){ - var title_height = $(this).find('h2').find('a').outerHeight(); - var height = $(this).outerHeight(); - var offset = height - (title_height + 10); - $(this).css("bottom", "-"+offset+"px"); - }) - - var image; - $('.home-feed-post').hover( - function(){ - var details = $(this).find('.front-page-post-content-container'); - var details_height = details.outerHeight(); - $(this).data("top", details_height); - image = $(this).find('.front-page-blog-image'); - image.animate({bottom:details_height}, 400, function() { - //callback - }); - }, function(){ - details_height = $(this).data("top"); - image.animate({bottom:0}, 400, function() { - //callback - }); - } - ); + else { + $('.sticky-header').removeClass('fixed-header'); } - // } - $(".menu-icon").on("click", function(){ - $('#oc-overlay').fadeIn(); - }) - $("#menu-icon-close").on("click", function(){ - $('#oc-overlay').fadeOut(); - }) - // checking if the video is currently playing - Object.defineProperty(HTMLMediaElement.prototype, 'playing', { - get: function(){ - return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2); + }); + $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})}) + + $("#block-3, #block-4").wrapAll('
    '); + $("#block-2").wrap('
    '); + $("#small-blocks, #med-block").wrapAll('
    '); + + var event_feed = $("#event-feed"); + var category_image = $("#glm-category-images-list"); + event_feed.addClass("feed"); + category_image.addClass("category-feed"); + + function slickening(el, slides, autoplay){ + if(el.hasClass('slick-initialized') ) { + el.slick('unslick') + } + el.slick({ + infinite: true, + slidesToShow: slides, + slidesToScroll: 1, + autoplay: autoplay, + arrows: true, + + }); + } + function check_window_width(){ + if( $('.slick-track').length > 0 ){ + $('.slick-track').addClass("row collapse"); + } + if($(window).width() > 1023){ + + slickening( $('.feed'), 3, false ); + } else if($(window).width() < 1025 && $(window).width() > 639){ + if( $(".feed").hasClass('slick-initialized') ) { + $(".feed").slick('unslick'); + } + slickening( $('.feed'), 2, false ); + } else if($(window).width() < 641 && $(window).width() > 319){ + if( $(".feed").hasClass('slick-initialized') ) { + $(".feed").slick('unslick'); + } + slickening( $('.feed'), 1, false ); + } + } + + check_window_width(); + $(window).resize(function () { + check_window_width(); + + }); + + + // remove #/gallery/recent from url to track current page + var url = window.location.href.replace("#/gallery/recent", ""); + + // 'current' class style to sidebar item that matches the current url + $('#side-links ul.sidebar li a').each(function() { + if ($(this).prop('href') == url) { + $(this).addClass('current'); + } + if($(this).attr("class") === "current"){ + $(this).parent("li").addClass("current"); + } + }); + $("#sitemap_pages").find("small").contents().unwrap(); + $("#sitemap_posts").find("small").contents().unwrap(); + + // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED + // if( $('.slick-track').length > 0 ){ + $('.slick-track').addClass("row collapse"); + if( $('.slick-track').length > 0 ){ + $('.slick-track').addClass("row collapse"); + + if( $(window).width() > 1023){ + $('.featured-event-details').each(function(index, value){ + var height = $(this).outerHeight(); + $(this).css("bottom", "-"+height+"px"); + }) + + var image; + $('.featured-event').hover( + function(){ + var details = $(this).find('.featured-event-details'); + + var details_height = details.outerHeight(); + $(this).data("top", details_height); + image = $(this).find('.front-page-event-image'); + + image.animate({bottom:details_height}, 400, function() { + //callback + }); + }, function(){ + details_height = $(this).data("top"); + image.animate({bottom:0}, 400, function() { + //callback + }); + } + ); + } + } + if( $(window).width() > 1023){ + $('.front-page-post-content-container').each(function(index, value){ + var title_height = $(this).find('h2').find('a').outerHeight(); + var height = $(this).outerHeight(); + var offset = height - (title_height + 10); + $(this).css("bottom", "-"+offset+"px"); + }) + + var image; + $('.home-feed-post').hover( + function(){ + var details = $(this).find('.front-page-post-content-container'); + var details_height = details.outerHeight(); + $(this).data("top", details_height); + image = $(this).find('.front-page-blog-image'); + image.animate({bottom:details_height}, 400, function() { + //callback + }); + }, function(){ + details_height = $(this).data("top"); + image.animate({bottom:0}, 400, function() { + //callback + }); + } + ); + } + // } + $(".menu-icon").on("click", function(){ + $('#oc-overlay').fadeIn(); + }) + $("#menu-icon-close").on("click", function(){ + $('#oc-overlay').fadeOut(); + }) + // checking if the video is currently playing + Object.defineProperty(HTMLMediaElement.prototype, 'playing', { + get: function(){ + return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2); + } + }) + let video; + if($(window).width() > 1023 ){ + video = $(".parallax-video").find('video'); + video = video[0]; + } else { + video = $("#front-page-video"); + video = video[0]; + } + $("#pause-video").on("click", function(){ + if( video.playing ){ + video.pause(); + $(this).text('PLAY'); + }else{ + video.play(); + $(this).text('PAUSE'); } - }) - let video; - if($(window).width() > 1023 ){ - video = $(".parallax-video").find('video'); - video = video[0]; - } else { - video = $("#front-page-video"); - video = video[0]; - } - $("#pause-video").on("click", function(){ - if( video.playing ){ - video.pause(); - $(this).text('PLAY'); - }else{ - video.play(); - $(this).text('PAUSE'); - } - }); - $("#restart-video").on("click", function(){ - video.pause(); - video.currentTime = 0; - video.load(); - }); - - $('.home-feed-post').on('click', function(){ - window.location = $(this).data('url'); - }) + }); + $("#restart-video").on("click", function(){ + video.pause(); + video.currentTime = 0; + video.load(); + }); + + $('.home-feed-post').on('click', function(){ + window.location = $(this).data('url'); + }) }); + +