2021-10-27 15:23:28 +05:30
|
|
|
// TODO: With the combined_menu feature flag removed, there's likely a better
|
|
|
|
// way to slice up the async import (i.e., include trigger in main bundle, but
|
|
|
|
// async import subviews. Don't do this at the cost of UX).
|
|
|
|
// See https://gitlab.com/gitlab-org/gitlab/-/issues/336042
|
2021-09-04 01:27:46 +05:30
|
|
|
const importModule = () => import(/* webpackChunkName: 'top_nav' */ './mount');
|
|
|
|
|
|
|
|
const tryMountTopNav = async () => {
|
2021-06-08 01:23:25 +05:30
|
|
|
const el = document.getElementById('js-top-nav');
|
|
|
|
|
|
|
|
if (!el) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2021-09-04 01:27:46 +05:30
|
|
|
const { mountTopNav } = await importModule();
|
2021-06-08 01:23:25 +05:30
|
|
|
|
|
|
|
mountTopNav(el);
|
|
|
|
};
|
2021-09-04 01:27:46 +05:30
|
|
|
|
|
|
|
const tryMountTopNavResponsive = async () => {
|
|
|
|
const el = document.getElementById('js-top-nav-responsive');
|
|
|
|
|
|
|
|
if (!el) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
const { mountTopNavResponsive } = await importModule();
|
|
|
|
|
|
|
|
mountTopNavResponsive(el);
|
|
|
|
};
|
|
|
|
|
|
|
|
export const initTopNav = async () => Promise.all([tryMountTopNav(), tryMountTopNavResponsive()]);
|