BigW Consortium Gitlab

breadcrumb.js 921 Bytes
Newer Older
1
export const addTooltipToEl = (el) => {
2 3 4
  const textEl = el.querySelector('.js-breadcrumb-item-text');

  if (textEl && textEl.scrollWidth > textEl.offsetWidth) {
5 6 7 8 9 10 11
    el.setAttribute('title', el.textContent);
    el.setAttribute('data-container', 'body');
    el.classList.add('has-tooltip');
  }
};

export default () => {
12
  const breadcrumbs = document.querySelector('.js-breadcrumbs-list');
13

14
  if (breadcrumbs) {
15 16 17
    const topLevelLinks = [...breadcrumbs.children].filter(el => !el.classList.contains('dropdown'))
      .map(el => el.querySelector('a'))
      .filter(el => el);
18
    const $expander = $('.js-breadcrumbs-collapsed-expander');
19

20 21 22 23 24 25 26 27
    topLevelLinks.forEach(el => addTooltipToEl(el));

    $expander.closest('.dropdown')
      .on('show.bs.dropdown hide.bs.dropdown', (e) => {
        $('.js-breadcrumbs-collapsed-expander', e.currentTarget).toggleClass('open')
          .tooltip('hide');
      });
  }
28
};