59 lines
2.1 KiB
JavaScript
59 lines
2.1 KiB
JavaScript
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
var $tabSource = document.querySelector('#source-tab'),
|
||
|
|
$tabInfo = document.querySelector('#info-tab'),
|
||
|
|
$tabReadme = document.querySelector('#readme-tab'),
|
||
|
|
$tabTemplate = document.querySelector('#templateData-tab'),
|
||
|
|
$tabTree = document.querySelector('#tree-tab'),
|
||
|
|
$tabExample = document.querySelector('#example-tab'),
|
||
|
|
$prismPre = document.querySelector('pre.compodoc-sourcecode');
|
||
|
|
if ($tabSource && $prismPre) {
|
||
|
|
$prismCode = $prismPre.querySelector('code'),
|
||
|
|
$content = document.querySelector('.content'),
|
||
|
|
prismLinks = document.querySelectorAll('.link-to-prism')
|
||
|
|
|
||
|
|
for (var i = 0; i < prismLinks.length; i++) {
|
||
|
|
prismLinks[i].addEventListener('click', linkToPrism, false);
|
||
|
|
}
|
||
|
|
|
||
|
|
function linkToPrism(event) {
|
||
|
|
var targetLine = event.target.getAttribute('data-line');
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
$prismPre.setAttribute('data-line', targetLine);
|
||
|
|
Prism.highlightElement($prismCode, function() {});
|
||
|
|
|
||
|
|
$tabSource.click();
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
var $prismHighlightLine = document.querySelector('.line-highlight'),
|
||
|
|
top = parseInt(getComputedStyle($prismHighlightLine)['top']);
|
||
|
|
$content.scrollTop = top;
|
||
|
|
}, 500);
|
||
|
|
};
|
||
|
|
|
||
|
|
window.onhashchange = function(event) {
|
||
|
|
switch (window.location.hash) {
|
||
|
|
case '':
|
||
|
|
case '#info':
|
||
|
|
$tabInfo.click();
|
||
|
|
break;
|
||
|
|
case '#readme':
|
||
|
|
$tabReadme.click();
|
||
|
|
break;
|
||
|
|
case '#source':
|
||
|
|
$tabSource.click();
|
||
|
|
break;
|
||
|
|
case '#template':
|
||
|
|
$tabTemplate.click();
|
||
|
|
break;
|
||
|
|
case '#dom-tree':
|
||
|
|
$tabTree.click();
|
||
|
|
break;
|
||
|
|
case '#example':
|
||
|
|
$tabExample.click();
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|