2018-03-09 15:18:59 -05:00
|
|
|
/* global $ */
|
2016-12-14 00:26:26 -05:00
|
|
|
|
2017-03-01 18:02:01 -05:00
|
|
|
import jQuery from 'jquery';
|
|
|
|
import Cookies from 'js-cookie';
|
|
|
|
|
2018-05-06 02:19:04 -04:00
|
|
|
// bootstrap webpack, common libs, polyfills, and behaviors
|
|
|
|
import './webpack';
|
|
|
|
import './commons';
|
|
|
|
import './behaviors';
|
2017-02-23 16:40:36 -05:00
|
|
|
|
|
|
|
// lib/utils
|
2018-02-23 04:00:19 -05:00
|
|
|
import { handleLocationHash, addSelectOnFocusBehaviour } from './lib/utils/common_utils';
|
2017-12-19 05:12:32 -05:00
|
|
|
import { localTimeAgo } from './lib/utils/datetime_utility';
|
2017-12-07 07:30:53 -05:00
|
|
|
import { getLocationHash, visitUrl } from './lib/utils/url_utility';
|
2017-02-23 16:40:36 -05:00
|
|
|
|
|
|
|
// everything else
|
2017-06-26 23:43:32 -04:00
|
|
|
import loadAwardsHandler from './awards_handler';
|
2017-08-10 09:02:30 -04:00
|
|
|
import bp from './breakpoints';
|
2017-10-13 05:35:40 -04:00
|
|
|
import Flash, { removeFlashClickListener } from './flash';
|
2017-03-07 16:25:27 -05:00
|
|
|
import './gl_dropdown';
|
2017-10-30 14:59:16 -04:00
|
|
|
import initTodoToggle from './header';
|
2017-10-26 14:03:48 -04:00
|
|
|
import initImporterStatus from './importer_status';
|
2017-12-19 03:32:51 -05:00
|
|
|
import initLayoutNav from './layout_nav';
|
2018-01-10 23:16:27 -05:00
|
|
|
import './feature_highlight/feature_highlight_options';
|
2017-07-24 13:36:52 -04:00
|
|
|
import LazyLoader from './lazy_loader';
|
2017-11-01 08:32:15 -04:00
|
|
|
import initLogoAnimation from './logo';
|
2018-07-06 09:40:11 -04:00
|
|
|
import './frequent_items';
|
2017-08-16 08:13:34 -04:00
|
|
|
import initBreadcrumbs from './breadcrumb';
|
2018-09-07 10:32:28 -04:00
|
|
|
import initUsagePingConsent from './usage_ping_consent';
|
2018-09-13 18:05:10 -04:00
|
|
|
import initPerformanceBar from './performance_bar';
|
2018-09-13 17:59:09 -04:00
|
|
|
import initSearchAutocomplete from './search_autocomplete';
|
2018-09-13 17:01:12 -04:00
|
|
|
import GlFieldErrors from './gl_field_errors';
|
2018-12-07 22:12:23 -05:00
|
|
|
import initUserPopovers from './user_popovers';
|
2019-05-03 09:00:44 -04:00
|
|
|
import { __ } from './locale';
|
2017-08-03 16:31:53 -04:00
|
|
|
|
2019-07-04 06:18:51 -04:00
|
|
|
import 'ee_else_ce/main_ee';
|
|
|
|
|
2018-05-06 02:19:04 -04:00
|
|
|
// expose jQuery as global (TODO: remove these)
|
|
|
|
window.jQuery = jQuery;
|
|
|
|
window.$ = jQuery;
|
|
|
|
|
2018-02-28 16:22:15 -05:00
|
|
|
// inject test utilities if necessary
|
|
|
|
if (process.env.NODE_ENV !== 'production' && gon && gon.test_env) {
|
|
|
|
$.fx.off = true;
|
|
|
|
import(/* webpackMode: "eager" */ './test_utils/');
|
|
|
|
}
|
2017-02-23 16:40:36 -05:00
|
|
|
|
2017-12-19 05:12:32 -05:00
|
|
|
document.addEventListener('beforeunload', () => {
|
2017-03-11 02:30:44 -05:00
|
|
|
// Unbind scroll events
|
|
|
|
$(document).off('scroll');
|
|
|
|
// Close any open tooltips
|
2018-04-19 15:16:18 -04:00
|
|
|
$('.has-tooltip, [data-toggle="tooltip"]').tooltip('dispose');
|
2017-06-23 16:52:43 -04:00
|
|
|
// Close any open popover
|
2018-04-24 16:43:55 -04:00
|
|
|
$('[data-toggle="popover"]').popover('dispose');
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|
2016-07-24 16:45:11 -04:00
|
|
|
|
2017-09-06 12:14:34 -04:00
|
|
|
window.addEventListener('hashchange', handleLocationHash);
|
2018-05-06 02:16:29 -04:00
|
|
|
window.addEventListener(
|
|
|
|
'load',
|
|
|
|
function onLoad() {
|
|
|
|
window.removeEventListener('load', onLoad, false);
|
|
|
|
handleLocationHash();
|
|
|
|
},
|
|
|
|
false,
|
|
|
|
);
|
2016-10-24 17:31:01 -04:00
|
|
|
|
2017-07-24 13:36:52 -04:00
|
|
|
gl.lazyLoader = new LazyLoader({
|
|
|
|
scrollContainer: window,
|
2017-12-19 05:12:32 -05:00
|
|
|
observerNode: '#content-body',
|
2017-07-24 13:36:52 -04:00
|
|
|
});
|
|
|
|
|
2019-01-08 06:25:02 -05:00
|
|
|
// Put all initialisations here that can also wait after everything is rendered and ready
|
|
|
|
function deferredInitialisation() {
|
2017-12-19 05:12:32 -05:00
|
|
|
const $body = $('body');
|
2016-10-24 17:31:01 -04:00
|
|
|
|
2017-08-16 08:13:34 -04:00
|
|
|
initBreadcrumbs();
|
2017-10-26 14:03:48 -04:00
|
|
|
initImporterStatus();
|
2017-10-30 14:59:16 -04:00
|
|
|
initTodoToggle();
|
2017-11-01 08:32:15 -04:00
|
|
|
initLogoAnimation();
|
2018-09-07 10:32:28 -04:00
|
|
|
initUsagePingConsent();
|
2018-12-07 22:12:23 -05:00
|
|
|
initUserPopovers();
|
2017-08-16 08:13:34 -04:00
|
|
|
|
2018-09-13 17:59:09 -04:00
|
|
|
if (document.querySelector('.search')) initSearchAutocomplete();
|
|
|
|
|
2018-02-23 04:00:19 -05:00
|
|
|
addSelectOnFocusBehaviour('.js-select-on-focus');
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
$('.remove-row').on('ajax:success', function removeRowAjaxSuccessCallback() {
|
2018-05-06 02:16:29 -04:00
|
|
|
$(this)
|
2018-05-08 11:49:30 -04:00
|
|
|
.tooltip('dispose')
|
2017-03-11 02:30:44 -05:00
|
|
|
.closest('li')
|
|
|
|
.fadeOut();
|
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
$('.js-remove-tr').on('ajax:before', function removeTRAjaxBeforeCallback() {
|
|
|
|
$(this).hide();
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
$('.js-remove-tr').on('ajax:success', function removeTRAjaxSuccessCallback() {
|
2018-05-06 02:16:29 -04:00
|
|
|
$(this)
|
|
|
|
.closest('tr')
|
|
|
|
.fadeOut();
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
// Initialize select2 selects
|
2019-01-29 04:35:53 -05:00
|
|
|
if ($('select.select2').length) {
|
|
|
|
import(/* webpackChunkName: 'select2' */ 'select2/select2')
|
|
|
|
.then(() => {
|
|
|
|
$('select.select2').select2({
|
|
|
|
width: 'resolve',
|
|
|
|
dropdownAutoWidth: true,
|
|
|
|
});
|
|
|
|
|
|
|
|
// Close select2 on escape
|
|
|
|
$('.js-select2').on('select2-close', () => {
|
|
|
|
setTimeout(() => {
|
|
|
|
$('.select2-container-active').removeClass('select2-container-active');
|
|
|
|
$(':focus').blur();
|
|
|
|
}, 1);
|
|
|
|
});
|
|
|
|
})
|
|
|
|
.catch(() => {});
|
|
|
|
}
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2019-06-28 15:27:47 -04:00
|
|
|
const glTooltipDelay = localStorage.getItem('gl-tooltip-delay');
|
|
|
|
const delay = glTooltipDelay ? JSON.parse(glTooltipDelay) : 0;
|
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
// Initialize tooltips
|
2018-04-20 10:44:56 -04:00
|
|
|
$body.tooltip({
|
|
|
|
selector: '.has-tooltip, [data-toggle="tooltip"]',
|
2018-05-08 12:16:35 -04:00
|
|
|
trigger: 'hover',
|
2018-06-08 00:27:36 -04:00
|
|
|
boundary: 'viewport',
|
2019-06-28 15:27:47 -04:00
|
|
|
delay,
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2017-06-23 16:52:43 -04:00
|
|
|
// Initialize popovers
|
|
|
|
$body.popover({
|
2017-06-26 08:41:17 -04:00
|
|
|
selector: '[data-toggle="popover"]',
|
2017-09-05 03:26:40 -04:00
|
|
|
trigger: 'focus',
|
|
|
|
// set the viewport to the main content, excluding the navigation bar, so
|
|
|
|
// the navigation can't overlap the popover
|
2017-12-19 05:12:32 -05:00
|
|
|
viewport: '.layout-page',
|
2017-06-23 16:52:43 -04:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2019-01-08 06:25:02 -05:00
|
|
|
loadAwardsHandler();
|
2019-04-18 14:04:01 -04:00
|
|
|
|
2019-05-07 03:43:52 -04:00
|
|
|
/**
|
|
|
|
* Toggle Canary Badge
|
|
|
|
*
|
|
|
|
* For GitLab.com only, when the user is using canary
|
|
|
|
* we render a Next badge and hide the option to switch
|
|
|
|
* to canay
|
|
|
|
*/
|
2019-04-18 14:04:01 -04:00
|
|
|
if (Cookies.get('gitlab_canary') && Cookies.get('gitlab_canary') === 'true') {
|
2019-05-07 03:43:52 -04:00
|
|
|
const canaryBadge = document.querySelector('.js-canary-badge');
|
|
|
|
const canaryLink = document.querySelector('.js-canary-link');
|
|
|
|
if (canaryBadge) {
|
2019-05-20 08:29:58 -04:00
|
|
|
canaryBadge.classList.remove('hidden');
|
2019-05-07 03:43:52 -04:00
|
|
|
}
|
|
|
|
if (canaryLink) {
|
|
|
|
canaryLink.classList.add('hidden');
|
|
|
|
}
|
2019-04-18 14:04:01 -04:00
|
|
|
}
|
2019-01-08 06:25:02 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
const $body = $('body');
|
|
|
|
const $document = $(document);
|
|
|
|
const $window = $(window);
|
|
|
|
const $sidebarGutterToggle = $('.js-sidebar-toggle');
|
|
|
|
let bootstrapBreakpoint = bp.getBreakpointSize();
|
|
|
|
|
2019-02-19 03:46:11 -05:00
|
|
|
if (document.querySelector('#js-peek')) initPerformanceBar({ container: '#js-peek' });
|
|
|
|
|
2019-01-08 06:25:02 -05:00
|
|
|
initLayoutNav();
|
|
|
|
|
|
|
|
// Set the default path for all cookies to GitLab's root directory
|
|
|
|
Cookies.defaults.path = gon.relative_url_root || '/';
|
|
|
|
|
|
|
|
// `hashchange` is not triggered when link target is already in window.location
|
|
|
|
$body.on('click', 'a[href^="#"]', function clickHashLinkCallback() {
|
|
|
|
const href = this.getAttribute('href');
|
|
|
|
if (href.substr(1) === getLocationHash()) {
|
|
|
|
setTimeout(handleLocationHash, 1);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
if (bootstrapBreakpoint === 'xs') {
|
|
|
|
const $rightSidebar = $('aside.right-sidebar, .layout-page');
|
|
|
|
|
|
|
|
$rightSidebar.removeClass('right-sidebar-expanded').addClass('right-sidebar-collapsed');
|
|
|
|
}
|
|
|
|
|
|
|
|
// prevent default action for disabled buttons
|
|
|
|
$('.btn').click(function clickDisabledButtonCallback(e) {
|
|
|
|
if ($(this).hasClass('disabled')) {
|
|
|
|
e.preventDefault();
|
|
|
|
e.stopImmediatePropagation();
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
return true;
|
|
|
|
});
|
|
|
|
|
|
|
|
localTimeAgo($('abbr.timeago, .js-timeago'), true);
|
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
// Form submitter
|
2017-12-19 05:12:32 -05:00
|
|
|
$('.trigger-submit').on('change', function triggerSubmitCallback() {
|
2018-05-06 02:16:29 -04:00
|
|
|
$(this)
|
|
|
|
.parents('form')
|
|
|
|
.submit();
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
// Disable form buttons while a form is submitting
|
2017-12-19 05:12:32 -05:00
|
|
|
$body.on('ajax:complete, ajax:beforeSend, submit', 'form', function ajaxCompleteCallback(e) {
|
|
|
|
const $buttons = $('[type="submit"], .js-disable-on-submit', this);
|
2017-03-11 02:30:44 -05:00
|
|
|
switch (e.type) {
|
|
|
|
case 'ajax:beforeSend':
|
|
|
|
case 'submit':
|
2017-12-19 05:12:32 -05:00
|
|
|
return $buttons.disable();
|
2017-03-11 02:30:44 -05:00
|
|
|
default:
|
2017-12-19 05:12:32 -05:00
|
|
|
return $buttons.enable();
|
2017-03-11 02:30:44 -05:00
|
|
|
}
|
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
$(document).ajaxError((e, xhrObj) => {
|
|
|
|
const ref = xhrObj.status;
|
|
|
|
|
|
|
|
if (ref === 401) {
|
2019-05-03 09:00:44 -04:00
|
|
|
Flash(__('You need to be logged in.'));
|
2017-03-11 02:30:44 -05:00
|
|
|
} else if (ref === 404 || ref === 500) {
|
2019-05-03 09:00:44 -04:00
|
|
|
Flash(__('Something went wrong on our end.'));
|
2017-03-11 02:30:44 -05:00
|
|
|
}
|
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2019-01-08 06:25:02 -05:00
|
|
|
$('.navbar-toggler').on('click', () => {
|
|
|
|
$('.header-content').toggleClass('menu-expanded');
|
|
|
|
});
|
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
// Commit show suppressed diff
|
2017-12-19 05:12:32 -05:00
|
|
|
$document.on('click', '.diff-content .js-show-suppressed-diff', function showDiffCallback() {
|
|
|
|
const $container = $(this).parent();
|
|
|
|
$container.next('table').show();
|
|
|
|
$container.remove();
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
// Show/hide comments on diff
|
2017-12-19 05:12:32 -05:00
|
|
|
$body.on('click', '.js-toggle-diff-comments', function toggleDiffCommentsCallback(e) {
|
|
|
|
const $this = $(this);
|
|
|
|
const notesHolders = $this.closest('.diff-file').find('.notes_holder');
|
|
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
$this.toggleClass('active');
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
if ($this.hasClass('active')) {
|
2018-05-06 02:16:29 -04:00
|
|
|
notesHolders
|
|
|
|
.show()
|
|
|
|
.find('.hide, .content')
|
|
|
|
.show();
|
2017-03-11 02:30:44 -05:00
|
|
|
} else {
|
2018-05-06 02:16:29 -04:00
|
|
|
notesHolders
|
|
|
|
.hide()
|
|
|
|
.find('.content')
|
|
|
|
.hide();
|
2017-03-11 02:30:44 -05:00
|
|
|
}
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
$(document).trigger('toggle.comments');
|
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
$document.on('breakpoint:change', (e, breakpoint) => {
|
2017-03-11 02:30:44 -05:00
|
|
|
if (breakpoint === 'sm' || breakpoint === 'xs') {
|
2017-12-19 05:12:32 -05:00
|
|
|
const $gutterIcon = $sidebarGutterToggle.find('i');
|
2017-03-11 02:30:44 -05:00
|
|
|
if ($gutterIcon.hasClass('fa-angle-double-right')) {
|
2017-12-19 05:12:32 -05:00
|
|
|
$sidebarGutterToggle.trigger('click');
|
2016-07-24 16:45:11 -04:00
|
|
|
}
|
2017-03-11 02:30:44 -05:00
|
|
|
}
|
2016-07-12 18:52:36 -04:00
|
|
|
});
|
2017-12-19 05:12:32 -05:00
|
|
|
|
|
|
|
function fitSidebarForSize() {
|
|
|
|
const oldBootstrapBreakpoint = bootstrapBreakpoint;
|
2017-03-11 02:30:44 -05:00
|
|
|
bootstrapBreakpoint = bp.getBreakpointSize();
|
2017-12-19 05:12:32 -05:00
|
|
|
|
2017-03-11 02:30:44 -05:00
|
|
|
if (bootstrapBreakpoint !== oldBootstrapBreakpoint) {
|
2017-12-19 05:12:32 -05:00
|
|
|
$document.trigger('breakpoint:change', [bootstrapBreakpoint]);
|
2017-03-11 02:30:44 -05:00
|
|
|
}
|
2017-12-19 05:12:32 -05:00
|
|
|
}
|
2017-03-11 02:30:44 -05:00
|
|
|
|
2017-12-19 05:12:32 -05:00
|
|
|
$window.on('resize.app', fitSidebarForSize);
|
|
|
|
|
|
|
|
$('form.filter-form').on('submit', function filterFormSubmitCallback(event) {
|
2017-07-28 04:00:09 -04:00
|
|
|
const link = document.createElement('a');
|
|
|
|
link.href = this.action;
|
|
|
|
|
|
|
|
const action = `${this.action}${link.search === '' ? '?' : '&'}`;
|
|
|
|
|
2017-07-25 11:27:51 -04:00
|
|
|
event.preventDefault();
|
2017-12-07 07:30:53 -05:00
|
|
|
visitUrl(`${action}${$(this).serialize()}`);
|
2017-07-25 11:27:51 -04:00
|
|
|
});
|
2017-10-13 05:35:40 -04:00
|
|
|
|
|
|
|
const flashContainer = document.querySelector('.flash-container');
|
|
|
|
|
|
|
|
if (flashContainer && flashContainer.children.length) {
|
2018-05-06 02:16:29 -04:00
|
|
|
flashContainer
|
|
|
|
.querySelectorAll('.flash-alert, .flash-notice, .flash-success')
|
|
|
|
.forEach(flashEl => {
|
|
|
|
removeFlashClickListener(flashEl);
|
|
|
|
});
|
2017-10-13 05:35:40 -04:00
|
|
|
}
|
2018-02-01 22:28:50 -05:00
|
|
|
|
2018-09-13 17:01:12 -04:00
|
|
|
// initialize field errors
|
|
|
|
$('.gl-show-field-errors').each((i, form) => new GlFieldErrors(form));
|
2019-01-08 06:25:02 -05:00
|
|
|
|
|
|
|
requestIdleCallback(deferredInitialisation);
|
2017-03-11 02:30:44 -05:00
|
|
|
});
|