63 lines
2.3 KiB
JavaScript
63 lines
2.3 KiB
JavaScript
|
var join = require('path').join;
|
||
|
|
|
||
|
|
hexo.extend.helper.register('show_lang', function (lang) {
|
||
|
|
if (this.page.lang != 'en') {
|
||
|
|
return '/' + this.page.lang;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
hexo.extend.helper.register('lang_name', function(lang) {
|
||
|
|
var data = this.site.data.languages[lang];
|
||
|
|
return data.name || data;
|
||
|
|
});
|
||
|
|
|
||
|
|
hexo.extend.helper.register('sidebar', function (path) {
|
||
|
|
return `
|
||
|
|
<ul class="c-side-navigation js-docs-sidebar">
|
||
|
|
<li class="c-side-navigation__header">
|
||
|
|
<a href="#" class="c-side-navigation__header__offset js-docs-trigger-close">
|
||
|
|
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.5752" y="0.368273" width="22" height="1" rx="0.5" transform="rotate(45 1.5752 0.368273)" fill="#090909"></rect> <rect x="0.868164" y="15.9246" width="22" height="1" rx="0.5" transform="rotate(-45 0.868164 15.9246)" fill="#090909"></rect> </svg>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
${genSidebarList.call(this, "", this.site.data.sidebar[path])}
|
||
|
|
</ul>
|
||
|
|
`
|
||
|
|
});
|
||
|
|
|
||
|
|
function genSidebarList(parent, entries) {
|
||
|
|
/* necessary due to changed context of map() */
|
||
|
|
let self = this
|
||
|
|
/* all languages except english needs a path prefix */
|
||
|
|
let lang = (self.page.lang != 'en' && parent == "") ? self.page.lang : ''
|
||
|
|
return entries.map(entry => {
|
||
|
|
/* normally path needs to be prefixed with lang and parent path */
|
||
|
|
|
||
|
|
let fullPath;
|
||
|
|
if (entry.path.startsWith('#')) {
|
||
|
|
fullPath = join('', lang, parent) + entry.path;
|
||
|
|
} else if (entry.path.startsWith('empty')) {
|
||
|
|
fullPath = 'empty';
|
||
|
|
} else {
|
||
|
|
fullPath = join('', lang, entry.path);
|
||
|
|
}
|
||
|
|
/* sometimes paths are full URLs instead of sub-paths */
|
||
|
|
if (entry.path.startsWith('http')) {
|
||
|
|
fullPath = entry.path
|
||
|
|
}
|
||
|
|
/* path is active when it's the one we are on currently */
|
||
|
|
let isActive = (self.path).startsWith(fullPath)
|
||
|
|
return `
|
||
|
|
<li class="c-side-navigation__item ${isActive ? "is-active" : ""}">
|
||
|
|
${(fullPath == 'empty') ? `
|
||
|
|
<span class="c-side-navigation__item__anchor">${entry.title}</span>
|
||
|
|
` : `<a href="${fullPath}" class="c-side-navigation__item__anchor">${entry.title}</a>`
|
||
|
|
}
|
||
|
|
${(entry.children != undefined) ? `
|
||
|
|
<ul class="c-side-navigation__item__tree">
|
||
|
|
${genSidebarList.call(self, fullPath, entry.children)}
|
||
|
|
</ul>
|
||
|
|
` : ''}
|
||
|
|
</li>`
|
||
|
|
}).join('\n')
|
||
|
|
}
|