зеркало из https://github.com/github/vitess-gh.git
143 строки
4.7 KiB
JavaScript
143 строки
4.7 KiB
JavaScript
// Make the table of contents
|
|
// Fix the left and right nav so they remain visible while scrolling
|
|
// Highlight current section in TOC with ScrollSpy
|
|
$(document).ready(function() {
|
|
$('#toc').toc({ listType: 'ul' });
|
|
|
|
// Set active item
|
|
var url = window.location.href.split('#')[0];
|
|
$('a').filter(function() {
|
|
return this.href == url;
|
|
}).parent('li').addClass('active-item');
|
|
|
|
$('#sidebar').affix({
|
|
offset: {
|
|
top: 110
|
|
}
|
|
});
|
|
$('#tocSidebar').affix({
|
|
offset: {
|
|
top: 110
|
|
}
|
|
});
|
|
|
|
var $body = $(document.body);
|
|
var navHeight = $('.navbar').outerHeight(true) + 20;
|
|
|
|
$body.scrollspy({
|
|
target: '#rightCol',
|
|
offset: navHeight
|
|
});
|
|
|
|
});
|
|
|
|
// Prettyprint
|
|
$('pre').addClass("prettyprint");
|
|
$.getScript("https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js", function(){
|
|
});
|
|
|
|
// Collapsible side menus
|
|
$.getScript("/js/jquery.collapsible.js", function() {
|
|
highlightActive();
|
|
$('.submenu').collapsible();
|
|
});
|
|
|
|
// Add the 'external' class to every outbound link on the site.
|
|
// This class is not set in the default CSS.
|
|
//$('a').filter(function() {
|
|
// return this.hostname && this.hostname !== location.hostname;
|
|
//}).addClass("external");
|
|
|
|
// TOC script
|
|
// https://github.com/ghiculescu/jekyll-table-of-contents
|
|
(function($){
|
|
$.fn.toc = function(options) {
|
|
var tocDepth = $('#toc-depth').attr('data-toc-depth') || ''
|
|
var defaults = {
|
|
noBackToTopLinks: false,
|
|
title: '<b>Contents</b>',
|
|
minimumHeaders: 3,
|
|
headers: tocDepth || 'h1, h2, h3, h4, h5, h6',
|
|
listType: 'ol', // values: [ol|ul]
|
|
showEffect: 'show', // values: [show|slideDown|fadeIn|none]
|
|
showSpeed: 'slow' // set to 0 to deactivate effect
|
|
},
|
|
settings = $.extend(defaults, options);
|
|
|
|
function fixedEncodeURIComponent (str) {
|
|
return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
|
|
return '%' + c.charCodeAt(0).toString(16);
|
|
});
|
|
}
|
|
|
|
var headers = $(settings.headers).filter(function() {
|
|
// get all headers with an ID
|
|
var previousSiblingName = $(this).prev().attr( 'name' );
|
|
if (!this.id && previousSiblingName) {
|
|
this.id = $(this).attr( 'id', previousSiblingName.replace(/\./g, '-') );
|
|
}
|
|
return this.id;
|
|
}), output = $(this);
|
|
if (!headers.length || headers.length < settings.minimumHeaders || !output.length) {
|
|
return;
|
|
}
|
|
|
|
if (0 === settings.showSpeed) {
|
|
settings.showEffect = 'none';
|
|
}
|
|
|
|
var render = {
|
|
show: function() { output.hide().html(html).show(settings.showSpeed); },
|
|
slideDown: function() { output.hide().html(html).slideDown(settings.showSpeed); },
|
|
fadeIn: function() { output.hide().html(html).fadeIn(settings.showSpeed); },
|
|
none: function() { output.html(html); }
|
|
};
|
|
|
|
var get_level = function(ele) { return parseInt(ele.nodeName.replace('H', ''), 10); }
|
|
var highest_level = headers.map(function(_, ele) { return get_level(ele); }).get().sort()[0];
|
|
var return_to_top = '<i class="icon-arrow-up back-to-top"> </i>';
|
|
|
|
var level = get_level(headers[0]),
|
|
this_level,
|
|
html = ('<a href="#top_of_page" id="toc-contents-header" data-title="' +
|
|
settings.title + '">' + settings.title + '</a><'+settings.listType+'>');
|
|
headers.on('click', function() {
|
|
if (!settings.noBackToTopLinks) {
|
|
window.location.hash = this.id;
|
|
}
|
|
})
|
|
.addClass('clickable-header')
|
|
.each(function(_, header) {
|
|
this_level = get_level(header);
|
|
if (!settings.noBackToTopLinks && this_level === highest_level) {
|
|
$(header).addClass('top-level-header').after(return_to_top);
|
|
}
|
|
if (this_level === level) // same level as before; same indenting
|
|
html += "<li><a href='#" + fixedEncodeURIComponent(header.id) + "'>" + header.innerHTML + "</a>";
|
|
else if (this_level <= level){ // higher level than before; end parent ol
|
|
for(i = this_level; i < level; i++) {
|
|
html += "</li></"+settings.listType+">"
|
|
}
|
|
html += "<li><a href='#" + fixedEncodeURIComponent(header.id) + "'>" + header.innerHTML + "</a>";
|
|
}
|
|
else if (this_level > level) { // lower level than before; expand the previous to contain a ol
|
|
for(i = this_level; i > level; i--) {
|
|
html += "<"+settings.listType+"><li>"
|
|
}
|
|
html += "<a href='#" + fixedEncodeURIComponent(header.id) + "'>" + header.innerHTML + "</a>";
|
|
}
|
|
level = this_level; // update for the next one
|
|
});
|
|
html += "</"+settings.listType+">";
|
|
if (!settings.noBackToTopLinks) {
|
|
$(document).on('click', '.back-to-top', function() {
|
|
$(window).scrollTop(0);
|
|
window.location.hash = '';
|
|
});
|
|
}
|
|
|
|
render[settings.showEffect]();
|
|
};
|
|
|
|
})(jQuery);
|