93 lines
2.5 KiB
JavaScript
93 lines
2.5 KiB
JavaScript
window.hypothesisConfig = function() {
|
|
var Annotator = window.Annotator;
|
|
var $main = $("#main");
|
|
|
|
function MySidebar(elem, options) {
|
|
options = {
|
|
server: true,
|
|
origin: true,
|
|
showHighlights: true,
|
|
Toolbar: {container: '#annotation-controls'}
|
|
}
|
|
|
|
Annotator.Host.call(this, elem, options);
|
|
}
|
|
|
|
MySidebar.prototype = Object.create(Annotator.Host.prototype);
|
|
|
|
MySidebar.prototype.show = function() {
|
|
this.frame.css({
|
|
'margin-left': (-1 * this.frame.width()) + "px"
|
|
});
|
|
this.frame.removeClass('annotator-collapsed');
|
|
if (!$main.hasClass('single')) {
|
|
$main.addClass("single");
|
|
this.toolbar.find('[name=sidebar-toggle]').removeClass('h-icon-chevron-left').addClass('h-icon-chevron-right');
|
|
this.setVisibleHighlights(true);
|
|
}
|
|
};
|
|
|
|
MySidebar.prototype.hide = function() {
|
|
this.frame.css({
|
|
'margin-left': ''
|
|
});
|
|
this.frame.addClass('annotator-collapsed');
|
|
if ($main.hasClass('single')) {
|
|
$main.removeClass("single");
|
|
this.toolbar.find('[name=sidebar-toggle]').removeClass('h-icon-chevron-right').addClass('h-icon-chevron-left');
|
|
this.setVisibleHighlights(false);
|
|
}
|
|
};
|
|
|
|
return {
|
|
constructor: MySidebar,
|
|
}
|
|
};
|
|
|
|
|
|
EPUBJS.reader.plugins.HypothesisController = function (Book) {
|
|
var reader = this;
|
|
var $main = $("#main");
|
|
|
|
var updateAnnotations = function () {
|
|
var annotator = Book.renderer.render.window.annotator;
|
|
if (annotator && annotator.constructor.$) {
|
|
var annotations = getVisibleAnnotations(annotator.constructor.$);
|
|
annotator.showAnnotations(annotations)
|
|
}
|
|
};
|
|
|
|
var getVisibleAnnotations = function ($) {
|
|
var width = Book.renderer.render.iframe.clientWidth;
|
|
return $('.annotator-hl').map(function() {
|
|
var $this = $(this),
|
|
left = this.getBoundingClientRect().left;
|
|
|
|
if (left >= 0 && left <= width) {
|
|
return $this.data('annotation');
|
|
}
|
|
}).get();
|
|
};
|
|
|
|
// $("#annotations").on("click", function () {
|
|
// var annotator = Book.renderer.render.window.annotator;
|
|
// var currentPosition = Book.getCurrentLocationCfi();
|
|
|
|
// if ($main.hasClass("single")) {
|
|
// $main.removeClass("single");
|
|
// annotator.setVisibleHighlights(false);
|
|
// } else {
|
|
// $main.addClass("single");
|
|
// annotator.setVisibleHighlights(true);
|
|
// }
|
|
|
|
// $main.one("transitionend", function(){
|
|
// Book.gotoCfi(currentPosition);
|
|
// });
|
|
// });
|
|
|
|
Book.on("renderer:locationChanged", updateAnnotations);
|
|
// Book.on("renderer:chapterDisplayed", updateAnnotations);
|
|
|
|
return {}
|
|
};
|