75 lines
1.9 KiB
JavaScript
75 lines
1.9 KiB
JavaScript
|
PDFJS.reader.OutlineController = function(_outline) {
|
||
|
|
|
||
|
|
var reader = this,
|
||
|
|
book = this.book,
|
||
|
|
outline = _outline || [];
|
||
|
|
|
||
|
|
var outlineView = document.getElementById("outlineView");
|
||
|
|
|
||
|
|
var DEFAULT_TITLE = '\u2013';
|
||
|
|
|
||
|
|
var generateOutlineItems = function (outline, level) {
|
||
|
|
|
||
|
|
var container = document.createElement("ul");
|
||
|
|
|
||
|
|
if(!level) level = 1;
|
||
|
|
|
||
|
|
outline.forEach(function (chapter) {
|
||
|
|
|
||
|
|
var listitem = document.createElement("li"),
|
||
|
|
link = document.createElement("a"),
|
||
|
|
toggle = document.createElement("a"),
|
||
|
|
subitems;
|
||
|
|
|
||
|
|
listitem.id = "outline-"+chapter.dest;
|
||
|
|
listitem.classList.add('list_item');
|
||
|
|
|
||
|
|
link.textContent = PDFJS.removeNullCharacters(chapter.title) || DEFAULT_TITLE;
|
||
|
|
reader.bindLink(link, chapter);
|
||
|
|
reader.setStyles(link, chapter);
|
||
|
|
link.classList.add('outline_link');
|
||
|
|
|
||
|
|
listitem.appendChild(link);
|
||
|
|
|
||
|
|
if(chapter.items.length > 0) {
|
||
|
|
level++;
|
||
|
|
subitems = generateOutlineItems(chapter.items, level);
|
||
|
|
toggle.classList.add('outline_toggle');
|
||
|
|
listitem.insertBefore(toggle, link);
|
||
|
|
listitem.appendChild(subitems);
|
||
|
|
}
|
||
|
|
|
||
|
|
container.appendChild(listitem);
|
||
|
|
});
|
||
|
|
|
||
|
|
return container;
|
||
|
|
}
|
||
|
|
|
||
|
|
var onShow = function() {
|
||
|
|
outlineView.classList.add('open');
|
||
|
|
};
|
||
|
|
|
||
|
|
var onHide = function() {
|
||
|
|
outlineView.classList.remove('open');
|
||
|
|
};
|
||
|
|
|
||
|
|
outlineView.appendChild(generateOutlineItems(outline));
|
||
|
|
|
||
|
|
$(outlineView).find(".outline_toggle").on("click", function(event){
|
||
|
|
var $el = $(this).parent('li'),
|
||
|
|
open = $el.hasClass("openChapter");
|
||
|
|
|
||
|
|
event.preventDefault();
|
||
|
|
if(open){
|
||
|
|
$el.removeClass("openChapter");
|
||
|
|
} else {
|
||
|
|
$el.addClass("openChapter");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return {
|
||
|
|
"show" : onShow,
|
||
|
|
"hide" : onHide
|
||
|
|
};
|
||
|
|
};
|