' ), submitText: 'Sign up' } }, scrollingTable: function (selector) { $(selector).not(selector + ' table').wrap(''); }, meetingFancy: function ($selector, trigger) { var meetingCookie = sessionStorage.getItem('requestMeeting'); if (meetingCookie != 'closed') { $selector.removeClass('js--hidden'); } $selector.on('click', '.button--cookie', function () { $selector.addClass('js--hidden'); sessionStorage.setItem("requestMeeting", 'closed'); }); $selector.on('click', trigger, function (e) { e.preventDefault(); $.fancybox.open({ type: 'iframe', src: '/request-meeting-iframe/default.aspx', opts: { margin: [10, 0], slideClass: 'fancybox-slide--form', parentEl: 'form' } }); }); window.addEventListener('message', function (event) { if (event.data == 'close-fancybox') { $.fancybox.close(); } }, false); }, iconFix: function () { $('.q4icons .module_link').each(function () { if (!$(this).children('.q4icons_icon').length) { $(this).prepend(''); } }); }, appendNewsroomNav: function () { $('.nav--newsroom .level1').clone().appendTo('.nav_newsroom'); }, backTop: function () { $('.button--back-top').on('click', function () { $('html, body').animate({ scrollTop: 0 }, 500); }); }, optanon: function () { $('.optanon').on('click', function (e) { e.preventDefault(); Optanon.ToggleInfoDisplay(); }); }, fancySignup: function () { var inst = this, validationLock = true, signup = inst.options.mailingListSignupCls, $signup = $(signup), confirm = 'div[id*="SubscriberConfirmation"]', $confirm = $('div[id*="SubscriberConfirmation"]'), // jshint ignore:line footerSuccess = inst.options.mailingListConfig.location + ' ' + confirm + ' .module_message--success', $footerSuccess = $(footerSuccess); // Subscriber Confirmation fix if ($confirm.is(':visible')) { if ($confirm.filter(':visible').closest(inst.options.mailingListConfig.location).length) { var successText = $confirm.filter(':visible').closest(inst.options.mailingListConfig.location).find('.module_message--success').text(); $confirm.filter(':visible').parent().html(inst.options.mailingListConfig.tpl).find('.module_message--success').html(successText); } inst.scrollTo($('div[id*="SubscriberConfirmation"]').filter(':visible'), 0); if (!$footerSuccess.length) { $('.module-unsubscribe,' + inst.options.mailingListConfig.hideOnConfirmation).addClass('js--hidden'); } } if (!$signup.length) { return; } $signup.each(function () { var $this = $(this); // If a confirmation or error message is visible on page load, scroll to the module if ($this.find('input.module_input').length && $this.find('input.module_input').val().length) { inst.scrollTo($this, 0); } // Create a second submit button to be displayed inside fancybox. Replace input type submit with button var $submit = $this.find('input[type="submit"]'); $submit.addClass('js--hidden'); $submit[0].outerHTML = $submit[0].outerHTML.replace(/^' + $submit[0].value + ''; $this.find('.module_actions').append(''); $this.on('click', '.module-subscribe_submit-button--fancy', function (e) { e.preventDefault(); validationLock = false; var $parent = $(this).closest(signup), errors = inst._mailingListValidation($parent); if (!errors.length) { $(this).closest(signup).find('.module_actions [type="submit"]').not(this).trigger('click'); return false; } else { inst.scrollTo($this.find('.module_error-container'), 0); } return false; }); // Run validation on change $this.find('input, select').on('change', function () { if (!validationLock) { inst._mailingListValidation($this); } }); // Validate submit on enter $this.find('input[type="text"], input[type="email"]').on('keydown', function (e) { if (e.keyCode == 13) { e.preventDefault(); $(this).closest(signup).find('.module_actions [type="submit"]').trigger('click'); return false; } }); }); }, mobileMenuToggle: function ($layout, pane, toggle, searchInput) { var inst = this; $(toggle).attr({ 'aria-expanded': 'false', 'aria-haspopup': 'true', 'aria-label': 'Toggle for mobile menu', 'aria-controls': 'accessibleRespNav' }); $(pane + ' ul').first().attr('id', 'accessibleRespNav'); //$(pane + ' ul').attr('role', 'menu'); //$(pane + ' ul li a').attr('role', 'menuitem'); // var initialWidth = $(window).width(); if (initialWidth <= 882) $(pane).addClass('js--hidden'); $(window).on('resize', function (e) { var currentWidth = $(window).width(); if (currentWidth <= 882 && initialWidth > 882 && $('.layout_toggle .module-menu-toggle[aria-expanded="false"]').length) { $(pane).addClass('js--hidden'); } else if (currentWidth > 882 && initialWidth <= 882) { $(pane).removeClass('js--hidden'); } initialWidth = currentWidth; }); $layout.on('click', toggle, function (e) { if ($(this).is('a, button')) e.preventDefault(); $(toggle).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }); $layout.toggleClass('js--mobile'); $(pane).toggleClass('js--hidden'); var $nav = $('.js--mobile ' + pane + ' .nav'), respNavCont = $nav.parents('span'), respSearch = null, respSearchCont = null, navBeforeSearch = true, toggler1 = null, toggler2 = null, paneChildren = $(pane + ' > div').children(), menuLast = true; // some themes utilize 2 toggles. let's differentiate. $.each($(toggle), function (i, tog) { $(tog).addClass('toganchor-' + (i)); }); if ($(toggle).length > 1) { toggler1 = '.toganchor-1'; toggler2 = '.toganchor-0'; } else { toggler1 = '.toganchor-0'; } // focus on first element in popout $(pane + ' button, ' + pane + ' a, ' + pane + ' input').not(toggle).first().focus(); $.each(paneChildren, function (i) { if ($(this).find('#accessibleRespNav').length !== 0) { if (paneChildren.length > (i + 1)) { menuLast = false; } } }); var lastTabbable = menuLast ? false : $(pane + ' button, ' + pane + ' a, ' + pane + ' input').get(-1); inst._onMobileMenuExpand($nav, toggler1, lastTabbable); //exit on esc key $(pane).on("keydown", function (e) { if (e.which === 27) { if (toggler2) { $(toggler1).click(); $(toggler2).focus(); } else { $(toggler1).click().focus(); } } }); // fix to get around bug with extra tab being invoked after focus if (!$("a.tempanchor").length) { $(toggler1).before(""); } else { $("a.tempanchor").remove(); } }); }, reveal: function (container, trigger, panel, once, includeFocus, containerClass, triggerClass, panelClass) { containerClass = containerClass ? containerClass : ''; triggerClass = triggerClass ? triggerClass : 'js--active'; panelClass = panelClass ? panelClass : 'js--revealed'; $(container).find(trigger).attr('tabindex', '0').attr('aria-expanded', 'false'); $(container).find(panel).attr('aria-hidden', 'true'); var events = "click keypress"; var checkEventCondition = function(e) { return (e.keyCode == 13 || e.type == "click"); }; if (includeFocus) { if(once) { events = "keypress focus"; checkEventCondition = function(e) { return (e.keyCode == 13 || (e.type == "focusin" && ($(this).attr('aria-expanded') !== "true"))); }; } else { events = "mousedown keypress focus"; checkEventCondition = function(e) { return (e.keyCode == 13 || e.type == "mousedown" || (e.type == "focusin" && ($(this).attr('aria-expanded') !== "true"))); }; } } if (once) { $(container).one(events, trigger, function (e) { if (checkEventCondition(e)) { if ($(container).find(trigger).is('a, button')) e.preventDefault(); $(container).toggleClass(containerClass); $(this).toggleClass(triggerClass).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }).closest(container).find(panel).toggleClass(panelClass); $(container).find(panel).attr('aria-hidden', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }); } }); } else { $(container).on(events, trigger, function (e) { if (checkEventCondition(e)) { if ($(container).find(trigger).is('a, button')) e.preventDefault(); $(container).toggleClass(containerClass); $(this).toggleClass(triggerClass).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }).closest(container).find(panel).toggleClass(panelClass); $(container).find(panel).attr('aria-hidden', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }); } }); } }, /** * Used to remove the duplicate classes on a Quick Link Module's
element * @param {$el} [element] the quick links module to clean up * @example app.cleanQuickLinks($('.module-links')); */ cleanQuickLinks: function ($el) { $el.find('ul').attr('class', 'module-links_list'); }, init: function () { var app = this; app.cleanUp(); app.submitOnEnter('.module-unsubscribe'); app.submitOnEnter('.module-search'); app.validateSubmit('.module-search'); app.cleanQuickLinks($('.module-links')); app.docTracking(); app.fancySignup(); app.resetDate(['.nav a[href*="s4.q4web.com"]:not([href$=".pdf"])']); app.previewToolbar(); app.sections(); app.contrast.init(); app.meetingFancy($('.module-cta'), '.button--meeting'); app.iconFix(); app.appendNewsroomNav(); app.reveal('.pane--header', '.module-search-toggle', '.module-search', false); app.mobileMenuToggle($('.layout'), '.module-header', '.module-menu-toggle'); //app.reveal('.nav--main .level0 > li.has-children', '> span', '> ul', false); //app.reveal('.nav--main .level1 > li.has-children', '> i', '> ul', false); app.copyright($('.copyright_year')); app.backTop(); app.reveal('.pane--footer .module-subscribe', '.module_input', '.module-subscribe_mailing-list, .module_actions', true); app.optanon(); // Accessibility fixes $('.module-subscribe .module_actions').removeAttr('aria-hidden'); } }); q4App.init();
