summaryrefslogtreecommitdiff
path: root/app/assets/javascripts
diff options
context:
space:
mode:
authorFilipa Lacerda <filipa@gitlab.com>2017-09-18 18:02:18 +0100
committerFilipa Lacerda <filipa@gitlab.com>2017-09-18 18:02:18 +0100
commit8784d362abd46c91791e783629621e4d3eaa7f08 (patch)
treee3b92ac2617590970836b036a2137805612df5c9 /app/assets/javascripts
parent57c97a10b0574a7fba14ef408ee0fbda1f96c646 (diff)
downloadgitlab-ce-8784d362abd46c91791e783629621e4d3eaa7f08.tar.gz
Exports all the methods in the same place37220-es-modules
Diffstat (limited to 'app/assets/javascripts')
-rw-r--r--app/assets/javascripts/lib/utils/common_utils.js53
1 files changed, 28 insertions, 25 deletions
diff --git a/app/assets/javascripts/lib/utils/common_utils.js b/app/assets/javascripts/lib/utils/common_utils.js
index b65758015d5..ead1b8f99d3 100644
--- a/app/assets/javascripts/lib/utils/common_utils.js
+++ b/app/assets/javascripts/lib/utils/common_utils.js
@@ -1,14 +1,9 @@
-window.gl = window.gl || {};
-window.gl.utils = window.gl.utils || {};
export const getPagePath = (index = 0) => $('body').data('page').split(':')[index];
-window.gl.utils.getPagePath = getPagePath;
export const isInGroupsPage = () => getPagePath() === 'groups';
-window.gl.utils.isInGroupsPage = isInGroupsPage;
export const isInProjectPage = () => getPagePath() === 'projects';
-window.gl.utils.isInProjectPage = isInProjectPage;
export const getProjectSlug = () => {
if (isInProjectPage()) {
@@ -16,7 +11,6 @@ export const getProjectSlug = () => {
}
return null;
};
-window.gl.utils.getProjectSlug = getProjectSlug;
export const getGroupSlug = () => {
if (isInGroupsPage()) {
@@ -24,7 +18,6 @@ export const getGroupSlug = () => {
}
return null;
};
-window.gl.utils.getGroupSlug = getGroupSlug;
export const isInIssuePage = () => {
const page = getPagePath(1);
@@ -32,21 +25,18 @@ export const isInIssuePage = () => {
return page === 'issues' && action === 'show';
};
-window.gl.utils.isInIssuePage = isInGroupsPage;
export const ajaxGet = url => $.ajax({
type: 'GET',
url,
dataType: 'script',
});
-window.gl.utils.ajaxGet = ajaxGet;
export const ajaxPost = (url, data) => $.ajax({
type: 'POST',
url,
data,
});
-window.gl.utils.ajaxPost = ajaxPost;
export const rstrip = (val) => {
if (val) {
@@ -54,10 +44,8 @@ export const rstrip = (val) => {
}
return val;
};
-window.gl.utils.rstrip = rstrip;
export const updateTooltipTitle = ($tooltipEl, newTitle) => $tooltipEl.attr('title', newTitle).tooltip('fixTitle');
-window.gl.utils.updateTooltipTitle = updateTooltipTitle;
export const disableButtonIfEmptyField = (fieldSelector, buttonSelector, eventName = 'input') => {
const field = $(fieldSelector);
@@ -73,7 +61,6 @@ export const disableButtonIfEmptyField = (fieldSelector, buttonSelector, eventNa
return closestSubmit.enable();
});
};
-window.gl.utils.disableButtonIfEmptyField = disableButtonIfEmptyField;
// automatically adjust scroll position for hash urls taking the height of the navbar into account
// https://github.com/twitter/bootstrap/issues/1768
@@ -111,7 +98,6 @@ export const handleLocationHash = () => {
window.scrollBy(0, adjustment);
}
};
-window.gl.utils.handleLocationHash = handleLocationHash;
// Check if element scrolled into viewport from above or below
// Courtesy http://stackoverflow.com/a/7557433/414749
@@ -125,14 +111,12 @@ export const isInViewport = (el) => {
rect.right <= window.innerWidth
);
};
-window.gl.utils.isInViewport = isInViewport;
export const parseUrl = (url) => {
const parser = document.createElement('a');
parser.href = url;
return parser;
};
-window.gl.utils.parseUrl = parseUrl;
export const parseUrlPathname = (url) => {
const parsedUrl = parseUrl(url);
@@ -140,7 +124,6 @@ export const parseUrlPathname = (url) => {
// We have to make sure we always have an absolute path.
return parsedUrl.pathname.charAt(0) === '/' ? parsedUrl.pathname : `/${parsedUrl.pathname}`;
};
-window.gl.utils.parseUrlPathname = parseUrlPathname;
// We can trust that each param has one & since values containing & will be encoded
// Remove the first character of search as it is always ?
@@ -148,17 +131,14 @@ export const getUrlParamsArray = () => window.location.search.slice(1).split('&'
const split = param.split('=');
return [decodeURI(split[0]), split[1]].join('=');
});
-window.gl.utils.getUrlParamsArray = getUrlParamsArray;
export const isMetaKey = e => e.metaKey || e.ctrlKey || e.altKey || e.shiftKey;
-window.gl.utils.isMetaKey = isMetaKey;
// Identify following special clicks
// 1) Cmd + Click on Mac (e.metaKey)
// 2) Ctrl + Click on PC (e.ctrlKey)
// 3) Middle-click or Mouse Wheel Click (e.which is 2)
export const isMetaClick = e => e.metaKey || e.ctrlKey || e.which === 2;
-window.gl.utils.isMetaClick = isMetaClick;
export const scrollToElement = ($el) => {
const top = $el.offset().top;
@@ -169,7 +149,6 @@ export const scrollToElement = ($el) => {
scrollTop: top - mrTabsHeight - headerHeight,
}, 200);
};
-window.gl.utils.scrollToElement = scrollToElement;
/**
this will take in the `name` of the param you want to parse in the url
@@ -185,7 +164,6 @@ export const getParameterByName = (name, urlToParse) => {
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
};
-window.gl.utils.getParameterByName = getParameterByName;
export const getSelectedFragment = () => {
const selection = window.getSelection();
@@ -198,7 +176,6 @@ export const getSelectedFragment = () => {
return documentFragment;
};
-window.gl.utils.getSelectedFragment = getSelectedFragment;
// TODO: Update this name, there is a gl.text.insertText function.
export const insertText = (target, text) => {
@@ -226,7 +203,6 @@ export const insertText = (target, text) => {
event.initEvent('autosize:update', true, false);
target.dispatchEvent(event);
};
-window.gl.utils.insertText = insertText;
export const nodeMatchesSelector = (node, selector) => {
const matches = Element.prototype.matches ||
@@ -253,7 +229,6 @@ export const nodeMatchesSelector = (node, selector) => {
const matchingNodes = parentNode.querySelectorAll(selector);
return Array.prototype.indexOf.call(matchingNodes, node) !== -1;
};
-window.gl.utils.nodeMatchesSelector = nodeMatchesSelector;
/**
this will take in the headers from an API response and normalize them
@@ -432,3 +407,31 @@ export const setCiStatusFavicon = (pageUrl) => {
},
});
};
+
+window.gl = window.gl || {};
+window.gl.utils = {
+ ...(window.gl.utils || {}),
+ getPagePath,
+ isInGroupsPage,
+ isInProjectPage,
+ getProjectSlug,
+ getGroupSlug,
+ isInIssuePage,
+ ajaxGet,
+ ajaxPost,
+ rstrip,
+ updateTooltipTitle,
+ disableButtonIfEmptyField,
+ handleLocationHash,
+ isInViewport,
+ parseUrl,
+ parseUrlPathname,
+ getUrlParamsArray,
+ isMetaKey,
+ isMetaClick,
+ scrollToElement,
+ getParameterByName,
+ getSelectedFragment,
+ insertText,
+ nodeMatchesSelector,
+};