annotate core/themes/seven/js/nav-tabs.js @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents 4c8ae668cc8c
children
rev   line source
Chris@0 1 /**
Chris@0 2 * DO NOT EDIT THIS FILE.
Chris@0 3 * See the following change record for more information,
Chris@0 4 * https://www.drupal.org/node/2815083
Chris@0 5 * @preserve
Chris@0 6 **/
Chris@0 7
Chris@0 8 (function ($, Drupal) {
Chris@0 9 function init(i, tab) {
Chris@0 10 var $tab = $(tab);
Chris@0 11 var $target = $tab.find('[data-drupal-nav-tabs-target]');
Chris@0 12 var isCollapsible = $tab.hasClass('is-collapsible');
Chris@0 13
Chris@0 14 function openMenu(e) {
Chris@0 15 $target.toggleClass('is-open');
Chris@0 16 }
Chris@0 17
Chris@0 18 function handleResize(e) {
Chris@0 19 $tab.addClass('is-horizontal');
Chris@0 20 var $tabs = $tab.find('.tabs');
Chris@0 21 var isHorizontal = $tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
Chris@0 22 $tab.toggleClass('is-horizontal', isHorizontal);
Chris@0 23 if (isCollapsible) {
Chris@0 24 $tab.toggleClass('is-collapse-enabled', !isHorizontal);
Chris@0 25 }
Chris@0 26 if (isHorizontal) {
Chris@0 27 $target.removeClass('is-open');
Chris@0 28 }
Chris@0 29 }
Chris@0 30
Chris@0 31 $tab.addClass('position-container is-horizontal-enabled');
Chris@0 32
Chris@0 33 $tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);
Chris@0 34 $(window).on('resize.tabs', Drupal.debounce(handleResize, 150)).trigger('resize.tabs');
Chris@0 35 }
Chris@0 36
Chris@0 37 Drupal.behaviors.navTabs = {
Chris@0 38 attach: function attach(context, settings) {
Chris@0 39 var $tabs = $(context).find('[data-drupal-nav-tabs]');
Chris@0 40 if ($tabs.length) {
Chris@0 41 var notSmartPhone = window.matchMedia('(min-width: 300px)');
Chris@0 42 if (notSmartPhone.matches) {
Chris@0 43 $tabs.once('nav-tabs').each(init);
Chris@0 44 }
Chris@0 45 }
Chris@0 46 }
Chris@0 47 };
Chris@0 48 })(jQuery, Drupal);