javascripts breadcrumb.js

0% Statements 0/22

0% Branches 0/6

0% Functions 0/8

0% Lines 0/21

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import $ from 'jquery';
 
export const addTooltipToEl = (el) => {
  const textEl = el.querySelector('.js-breadcrumb-item-text');
 
  if (textEl && textEl.scrollWidth > textEl.offsetWidth) {
    el.setAttribute('title', el.textContent);
    el.dataset.container = 'body';
    el.classList.add('has-tooltip');
  }
};
 
export default () => {
  const breadcrumbs = document.querySelector('.js-breadcrumbs-list');
 
  if (breadcrumbs) {
    const topLevelLinks = [...breadcrumbs.children]
      .filter((el) => !el.classList.contains('dropdown'))
      .map((el) => el.querySelector('a'))
      .filter((el) => el);
    const $expanderBtn = $('.js-breadcrumbs-collapsed-expander');
 
    topLevelLinks.forEach((el) => addTooltipToEl(el));
 
    $expanderBtn.on('click', () => {
      const detailItems = $('.gl-breadcrumb-item');
      const hiddenClass = 'gl-display-none!';
 
      $.each(detailItems, (_key, item) => {
        $(item).removeClass(hiddenClass);
      });
 
      // remove the ellipsis
      $('li.expander').remove();
 
      // set focus on first breadcrumb item
      $('.js-breadcrumb-item-text').first().focus();
    });
  }
};