Commit 30ea58da authored by Phil Hughes's avatar Phil Hughes

Changed layout_nav to ES module

parent 888ed309
/* 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 */
import _ from 'underscore';
import Cookies from 'js-cookie';
import ContextualSidebar from './contextual_sidebar'; import ContextualSidebar from './contextual_sidebar';
import initFlyOutNav from './fly_out_nav'; import initFlyOutNav from './fly_out_nav';
(function() { function hideEndFade($scrollingTabs) {
var hideEndFade; $scrollingTabs.each(function scrollTabsLoop() {
const $this = $(this);
$this.siblings('.fade-right').toggleClass('scrolling', $this.width() < $this.prop('scrollWidth'));
});
}
hideEndFade = function($scrollingTabs) { export default function initLayoutNav() {
return $scrollingTabs.each(function() { const contextualSidebar = new ContextualSidebar();
var $this; contextualSidebar.bindEvents();
$this = $(this);
return $this.siblings('.fade-right').toggleClass('scrolling', $this.width() < $this.prop('scrollWidth')); initFlyOutNav();
});
};
$(document).on('init.scrolling-tabs', () => { $(document).on('init.scrolling-tabs', () => {
const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized'); const $scrollingTabs = $('.scrolling-tabs').not('.is-initialized');
$scrollingTabs.addClass('is-initialized'); $scrollingTabs.addClass('is-initialized');
hideEndFade($scrollingTabs); $(window).on('resize.nav', () => {
$(window).off('resize.nav').on('resize.nav', function() { hideEndFade($scrollingTabs);
return hideEndFade($scrollingTabs); }).trigger('resize.nav');
});
$scrollingTabs.off('scroll').on('scroll', function(event) { $scrollingTabs.on('scroll', function tabsScrollEvent() {
var $this, currentPosition, maxPosition; const $this = $(this);
$this = $(this); const currentPosition = $this.scrollLeft();
currentPosition = $this.scrollLeft(); const maxPosition = $this.prop('scrollWidth') - $this.outerWidth();
maxPosition = $this.prop('scrollWidth') - $this.outerWidth();
$this.siblings('.fade-left').toggleClass('scrolling', currentPosition > 0); $this.siblings('.fade-left').toggleClass('scrolling', currentPosition > 0);
return $this.siblings('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1); $this.siblings('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1);
}); });
$scrollingTabs.each(function () { $scrollingTabs.each(function scrollTabsEachLoop() {
var $this = $(this); const $this = $(this);
var scrollingTabWidth = $this.width(); const scrollingTabWidth = $this.width();
var $active = $this.find('.active'); const $active = $this.find('.active');
var activeWidth = $active.width(); const activeWidth = $active.width();
if ($active.length) { if ($active.length) {
var offset = $active.offset().left + activeWidth; const offset = $active.offset().left + activeWidth;
if (offset > scrollingTabWidth - 30) { if (offset > scrollingTabWidth - 30) {
var scrollLeft = scrollingTabWidth / 2; const scrollLeft = (offset - (scrollingTabWidth / 2)) - (activeWidth / 2);
scrollLeft = (offset - scrollLeft) - (activeWidth / 2);
$this.scrollLeft(scrollLeft); $this.scrollLeft(scrollLeft);
} }
} }
}); });
}); }).trigger('init.scrolling-tabs');
}
$(() => {
const contextualSidebar = new ContextualSidebar();
contextualSidebar.bindEvents();
initFlyOutNav();
});
}).call(window);
...@@ -41,7 +41,7 @@ import Flash, { removeFlashClickListener } from './flash'; ...@@ -41,7 +41,7 @@ import Flash, { removeFlashClickListener } from './flash';
import './gl_dropdown'; import './gl_dropdown';
import initTodoToggle from './header'; import initTodoToggle from './header';
import initImporterStatus from './importer_status'; import initImporterStatus from './importer_status';
import './layout_nav'; import initLayoutNav from './layout_nav';
import LazyLoader from './lazy_loader'; import LazyLoader from './lazy_loader';
import './line_highlighter'; import './line_highlighter';
import initLogoAnimation from './logo'; import initLogoAnimation from './logo';
...@@ -89,6 +89,7 @@ $(function () { ...@@ -89,6 +89,7 @@ $(function () {
var fitSidebarForSize; var fitSidebarForSize;
initBreadcrumbs(); initBreadcrumbs();
initLayoutNav();
initImporterStatus(); initImporterStatus();
initTodoToggle(); initTodoToggle();
initLogoAnimation(); initLogoAnimation();
...@@ -261,8 +262,6 @@ $(function () { ...@@ -261,8 +262,6 @@ $(function () {
renderTimeago(); renderTimeago();
$(document).trigger('init.scrolling-tabs');
$('form.filter-form').on('submit', function (event) { $('form.filter-form').on('submit', function (event) {
const link = document.createElement('a'); const link = document.createElement('a');
link.href = this.action; link.href = this.action;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment