gitlab-org--gitlab-foss/app/assets/javascripts/breadcrumb.js

35 lines
988 B
JavaScript
Raw Normal View History

import $ from 'jquery';
import { hide } from '~/tooltips';
2018-10-24 15:17:03 -04:00
export const addTooltipToEl = el => {
const textEl = el.querySelector('.js-breadcrumb-item-text');
if (textEl && textEl.scrollWidth > textEl.offsetWidth) {
el.setAttribute('title', el.textContent);
el.setAttribute('data-container', 'body');
el.classList.add('has-tooltip');
}
};
export default () => {
const breadcrumbs = document.querySelector('.js-breadcrumbs-list');
2017-08-17 09:00:50 -04:00
if (breadcrumbs) {
2018-10-24 15:17:03 -04:00
const topLevelLinks = [...breadcrumbs.children]
.filter(el => !el.classList.contains('dropdown'))
.map(el => el.querySelector('a'))
.filter(el => el);
2017-08-17 09:00:50 -04:00
const $expander = $('.js-breadcrumbs-collapsed-expander');
2017-08-17 09:00:50 -04:00
topLevelLinks.forEach(el => addTooltipToEl(el));
2018-10-24 15:17:03 -04:00
$expander.closest('.dropdown').on('show.bs.dropdown hide.bs.dropdown', e => {
const $el = $('.js-breadcrumbs-collapsed-expander', e.currentTarget);
$el.toggleClass('open');
hide($el);
2018-10-24 15:17:03 -04:00
});
2017-08-17 09:00:50 -04:00
}
};