debian-mirror-gitlab/app/assets/javascripts/layout_nav.js

69 lines
2.3 KiB
JavaScript
Raw Normal View History

2017-08-17 22:00:37 +05:30
/* eslint-disable func-names, space-before-function-paren, no-var, prefer-arrow-callback, no-unused-vars, one-var, one-var-declaration-per-line, vars-on-top, max-len */
2017-09-10 17:25:29 +05:30
import _ from 'underscore';
import Cookies from 'js-cookie';
import NewNavSidebar from './new_sidebar';
import initFlyOutNav from './fly_out_nav';
2017-08-17 22:00:37 +05:30
2016-09-13 17:45:13 +05:30
(function() {
var hideEndFade;
hideEndFade = function($scrollingTabs) {
return $scrollingTabs.each(function() {
var $this;
$this = $(this);
return $this.siblings('.fade-right').toggleClass('scrolling', $this.width() < $this.prop('scrollWidth'));
});
};
2017-08-17 22:00:37 +05:30
$(document).on('init.scrolling-tabs', () => {
const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized');
$scrollingTabs.addClass('is-initialized');
2016-09-29 09:46:39 +05:30
hideEndFade($scrollingTabs);
2016-09-13 17:45:13 +05:30
$(window).off('resize.nav').on('resize.nav', function() {
2016-09-29 09:46:39 +05:30
return hideEndFade($scrollingTabs);
2016-09-13 17:45:13 +05:30
});
2016-09-29 09:46:39 +05:30
$scrollingTabs.off('scroll').on('scroll', function(event) {
2016-09-13 17:45:13 +05:30
var $this, currentPosition, maxPosition;
$this = $(this);
currentPosition = $this.scrollLeft();
maxPosition = $this.prop('scrollWidth') - $this.outerWidth();
$this.siblings('.fade-left').toggleClass('scrolling', currentPosition > 0);
return $this.siblings('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1);
});
2016-09-29 09:46:39 +05:30
$scrollingTabs.each(function () {
2017-08-17 22:00:37 +05:30
var $this = $(this);
var scrollingTabWidth = $this.width();
var $active = $this.find('.active');
var activeWidth = $active.width();
2016-09-29 09:46:39 +05:30
if ($active.length) {
var offset = $active.offset().left + activeWidth;
if (offset > scrollingTabWidth - 30) {
var scrollLeft = scrollingTabWidth / 2;
scrollLeft = (offset - scrollLeft) - (activeWidth / 2);
$this.scrollLeft(scrollLeft);
}
}
});
2016-09-13 17:45:13 +05:30
});
2017-09-10 17:25:29 +05:30
function applyScrollNavClass() {
const scrollOpacityHeight = 40;
$('.navbar-border').css('opacity', Math.min($(window).scrollTop() / scrollOpacityHeight, 1));
}
$(() => {
if (Cookies.get('new_nav') === 'true') {
const newNavSidebar = new NewNavSidebar();
newNavSidebar.bindEvents();
initFlyOutNav();
}
$(window).on('scroll', _.throttle(applyScrollNavClass, 100));
});
2017-08-17 22:00:37 +05:30
}).call(window);