76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
|
/* global NexT, CONFIG */
|
||
|
|
|
||
|
|
NexT.boot = {};
|
||
|
|
|
||
|
|
NexT.boot.registerEvents = function() {
|
||
|
|
|
||
|
|
NexT.utils.registerScrollPercent();
|
||
|
|
NexT.utils.registerCanIUseTag();
|
||
|
|
|
||
|
|
// Mobile top menu bar.
|
||
|
|
document.querySelector('.site-nav-toggle .toggle').addEventListener('click', event => {
|
||
|
|
event.currentTarget.classList.toggle('toggle-close');
|
||
|
|
const siteNav = document.querySelector('.site-nav');
|
||
|
|
if (!siteNav) return;
|
||
|
|
siteNav.style.setProperty('--scroll-height', siteNav.scrollHeight + 'px');
|
||
|
|
document.body.classList.toggle('site-nav-on');
|
||
|
|
});
|
||
|
|
|
||
|
|
document.querySelectorAll('.sidebar-nav li').forEach((element, index) => {
|
||
|
|
element.addEventListener('click', () => {
|
||
|
|
NexT.utils.activateSidebarPanel(index);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
window.addEventListener('hashchange', () => {
|
||
|
|
const tHash = location.hash;
|
||
|
|
if (tHash !== '' && !tHash.match(/%\S{2}/)) {
|
||
|
|
const target = document.querySelector(`.tabs ul.nav-tabs li a[href="${tHash}"]`);
|
||
|
|
target && target.click();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
NexT.boot.refresh = function() {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Register JS handlers by condition option.
|
||
|
|
* Need to add config option in Front-End at 'scripts/helpers/next-config.js' file.
|
||
|
|
*/
|
||
|
|
CONFIG.prism && window.Prism.highlightAll();
|
||
|
|
CONFIG.mediumzoom && window.mediumZoom('.post-body :not(a) > img, .post-body > img', {
|
||
|
|
background: 'var(--content-bg-color)'
|
||
|
|
});
|
||
|
|
CONFIG.lazyload && window.lozad('.post-body img').observe();
|
||
|
|
CONFIG.pangu && window.pangu.spacingPage();
|
||
|
|
|
||
|
|
CONFIG.exturl && NexT.utils.registerExtURL();
|
||
|
|
NexT.utils.wrapTableWithBox();
|
||
|
|
NexT.utils.registerCopyCode();
|
||
|
|
NexT.utils.registerTabsTag();
|
||
|
|
NexT.utils.registerActiveMenuItem();
|
||
|
|
NexT.utils.registerLangSelect();
|
||
|
|
NexT.utils.registerSidebarTOC();
|
||
|
|
NexT.utils.registerPostReward();
|
||
|
|
NexT.utils.registerVideoIframe();
|
||
|
|
};
|
||
|
|
|
||
|
|
NexT.boot.motion = function() {
|
||
|
|
// Define Motion Sequence & Bootstrap Motion.
|
||
|
|
if (CONFIG.motion.enable) {
|
||
|
|
NexT.motion.integrator
|
||
|
|
.add(NexT.motion.middleWares.header)
|
||
|
|
.add(NexT.motion.middleWares.postList)
|
||
|
|
.add(NexT.motion.middleWares.sidebar)
|
||
|
|
.add(NexT.motion.middleWares.footer)
|
||
|
|
.bootstrap();
|
||
|
|
}
|
||
|
|
NexT.utils.updateSidebarPosition();
|
||
|
|
};
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
NexT.boot.registerEvents();
|
||
|
|
NexT.boot.refresh();
|
||
|
|
NexT.boot.motion();
|
||
|
|
});
|