mirror of
https://github.com/futurepress/epub.js.git
synced 2025-10-04 15:09:16 +02:00
New book / renderTo methods, added promises, new render, cfi parsing, seperate package parsing, added settings, removed modernizr, disabled offline storage until it can return apromise
This commit is contained in:
Fred Chasen
parent
0780411e0c
commit
751a87ca4b
24 changed files with 5038 additions and 1745 deletions
344
src/chapter.js
344
src/chapter.js
|
|
@ -1,337 +1,43 @@
|
|||
EPUBJS.Chapter = function(book, pos){
|
||||
|
||||
this.book = book;
|
||||
this.iframe = this.book.iframe;
|
||||
|
||||
this.pos = pos || this.book.spinePos
|
||||
this.chapInfo = this.book.spine[this.pos];
|
||||
//-- Get the url to the book from the spine
|
||||
this.path = this.chapInfo.href;
|
||||
this.ID = this.chapInfo.id;
|
||||
|
||||
this.chapterPos = 1;
|
||||
this.leftPos = 0;
|
||||
localStorage.setItem("chapterPos", this.chapterPos);
|
||||
|
||||
|
||||
this.book.registerHook("beforeChapterDisplay",
|
||||
[this.replaceLinks.bind(this), this.replaceResources.bind(this)]);
|
||||
|
||||
|
||||
this.load();
|
||||
|
||||
return this;
|
||||
|
||||
EPUBJS.Chapter = function(spineObject){
|
||||
this.href = spineObject.href;
|
||||
this.id = spineObject.id;
|
||||
this.spinePos = spineObject.index;
|
||||
this.properties = spineObject.properties;
|
||||
this.linear = spineObject.linear;
|
||||
this.pages = 1;
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.load = function(){
|
||||
var path = this.path;
|
||||
|
||||
if(this.book.online && !this.book.contained){
|
||||
this.setIframeSrc(path);
|
||||
EPUBJS.Chapter.prototype.contents = function(store){
|
||||
// if(this.store && (!this.book.online || this.book.contained))
|
||||
if(store){
|
||||
return store.get(href);
|
||||
}else{
|
||||
this.loadFromStorage(path);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.loadFromStorage = function(path){
|
||||
var file = EPUBJS.storage.get(path, this.setIframeSrc.bind(this));
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.setIframeSrc = function(url){
|
||||
var that = this;
|
||||
|
||||
this.visible(false);
|
||||
|
||||
this.iframe.src = url;
|
||||
|
||||
|
||||
this.iframe.onload = function() {
|
||||
that.doc = that.iframe.contentDocument;
|
||||
that.bodyEl = that.doc.body;
|
||||
|
||||
|
||||
that.formatSpread();
|
||||
|
||||
//-- Trigger registered hooks before displaying
|
||||
that.beforeDisplay(function(){
|
||||
|
||||
that.calcPages();
|
||||
|
||||
that.book.tell("book:chapterDisplayed");
|
||||
|
||||
that.visible(true);
|
||||
|
||||
});
|
||||
|
||||
that.afterLoaded(that);
|
||||
|
||||
that.book.listen("book:resized", that.formatSpread, that);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.afterLoaded = function(chapter){
|
||||
//-- This is overwritten by the book object
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.error = function(err){
|
||||
console.log("error", error)
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.formatSpread = function(){
|
||||
|
||||
var divisor = 2,
|
||||
cutoff = 800;
|
||||
|
||||
if(this.colWidth){
|
||||
this.OldcolWidth = this.colWidth;
|
||||
this.OldspreadWidth = this.spreadWidth;
|
||||
return EPUBJS.core.request(href, 'xml');
|
||||
}
|
||||
|
||||
//-- Check the width and decied on columns
|
||||
//-- Todo: a better place for this?
|
||||
this.elWidth = this.iframe.width;
|
||||
}
|
||||
|
||||
this.gap = this.gap || Math.ceil(this.elWidth / 8);
|
||||
|
||||
if(this.elWidth < cutoff || this.book.single) {
|
||||
this.spread = false; //-- Single Page
|
||||
|
||||
divisor = 1;
|
||||
this.colWidth = Math.floor(this.elWidth / divisor);
|
||||
EPUBJS.Chapter.prototype.url = function(store){
|
||||
var promise = new RSVP.Promise();
|
||||
|
||||
if(store){
|
||||
return store.getUrl(href);
|
||||
}else{
|
||||
this.spread = true; //-- Double Page
|
||||
|
||||
this.colWidth = Math.floor((this.elWidth - this.gap) / divisor);
|
||||
|
||||
/* - Was causing jumps, doesn't seem to be needed anymore
|
||||
//-- Must be even for firefox
|
||||
if(this.colWidth % 2 != 0){
|
||||
this.colWidth -= 1;
|
||||
}
|
||||
*/
|
||||
promise.resolve(this.href); //-- this is less than ideal but keeps it a promise
|
||||
return promise;
|
||||
}
|
||||
|
||||
this.spreadWidth = (this.colWidth + this.gap) * divisor;
|
||||
|
||||
this.bodyEl.style.fontSize = localStorage.getItem("fontSize") || "medium";
|
||||
//-- Clear Margins
|
||||
//this.bodyEl.style.visibility = "hidden";
|
||||
this.bodyEl.style.margin = "0";
|
||||
this.bodyEl.style.overflow = "hidden";
|
||||
|
||||
this.bodyEl.style.width = this.elWidth;
|
||||
|
||||
//-- Adjust height
|
||||
this.bodyEl.style.height = this.book.el.clientHeight + "px";
|
||||
|
||||
//-- Add columns
|
||||
this.bodyEl.style[EPUBJS.core.columnAxis] = "horizontal";
|
||||
this.bodyEl.style[EPUBJS.core.columnGap] = this.gap+"px";
|
||||
this.bodyEl.style[EPUBJS.core.columnWidth] = this.colWidth+"px";
|
||||
|
||||
|
||||
//-- Go to current page after resize
|
||||
if(this.OldcolWidth){
|
||||
this.setLeft((this.chapterPos - 1 ) * this.spreadWidth);
|
||||
}
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.fixedLayout = function(){
|
||||
this.paginated = false;
|
||||
console.log("off")
|
||||
this.setLeft(0);
|
||||
|
||||
this.bodyEl.style.width = this.elWidth;
|
||||
|
||||
//-- Adjust height
|
||||
this.bodyEl.style.height = "auto";
|
||||
|
||||
//-- Remove columns
|
||||
this.bodyEl.style[EPUBJS.core.columnWidth] = "auto";
|
||||
|
||||
//-- Scroll
|
||||
this.bodyEl.style.overflow = "auto";
|
||||
|
||||
this.displayedPages = 1;
|
||||
EPUBJS.Chapter.prototype.setPages = function(num){
|
||||
this.pages = num;
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.goToChapterEnd = function(){
|
||||
this.chapterEnd();
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.visible = function(bool){
|
||||
if(typeof(bool) == "undefined") {
|
||||
return this.iframe.style.visibility;
|
||||
}
|
||||
|
||||
if(bool == true){
|
||||
this.iframe.style.visibility = "visible";
|
||||
}else if(bool == false){
|
||||
this.iframe.style.visibility = "hidden";
|
||||
}
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.calcPages = function(){
|
||||
this.totalWidth = this.iframe.contentDocument.documentElement.scrollWidth; //this.bodyEl.scrollWidth;
|
||||
|
||||
this.displayedPages = Math.ceil(this.totalWidth / this.spreadWidth);
|
||||
|
||||
|
||||
localStorage.setItem("displayedPages", this.displayedPages);
|
||||
//console.log("Pages:", this.displayedPages)
|
||||
}
|
||||
|
||||
|
||||
EPUBJS.Chapter.prototype.nextPage = function(){
|
||||
if(this.chapterPos < this.displayedPages){
|
||||
this.chapterPos++;
|
||||
|
||||
this.leftPos += this.spreadWidth;
|
||||
|
||||
this.setLeft(this.leftPos);
|
||||
|
||||
localStorage.setItem("chapterPos", this.chapterPos);
|
||||
this.book.tell("book:pageChanged", this.chapterPos);
|
||||
|
||||
return this.chapterPos;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.prevPage = function(){
|
||||
if(this.chapterPos > 1){
|
||||
this.chapterPos--;
|
||||
|
||||
this.leftPos -= this.spreadWidth;
|
||||
|
||||
this.setLeft(this.leftPos);
|
||||
|
||||
localStorage.setItem("chapterPos", this.chapterPos);
|
||||
this.book.tell("book:pageChanged", this.chapterPos);
|
||||
|
||||
return this.chapterPos;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.chapterEnd = function(){
|
||||
this.page(this.displayedPages);
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.setLeft = function(leftPos){
|
||||
this.bodyEl.style.marginLeft = -leftPos + "px";
|
||||
|
||||
/*
|
||||
var left = "transform: " + (-leftPos) + "px";
|
||||
//-- Need to stardize this
|
||||
|
||||
this.bodyEl.style.webkitTransform = left; //Chrome and Safari
|
||||
this.bodyEl.style.MozTransform = left; //Firefox
|
||||
this.bodyEl.style.msTransform = left; //IE
|
||||
this.bodyEl.style.OTransform = left; //Opera
|
||||
this.bodyEl.style.transform = left;
|
||||
*/
|
||||
}
|
||||
|
||||
//-- Replaces the relative links within the book to use our internal page changer
|
||||
EPUBJS.Chapter.prototype.replaceLinks = function(callback){
|
||||
var hrefs = this.doc.querySelectorAll('[href]'),
|
||||
links = Array.prototype.slice.call(hrefs),
|
||||
that = this;
|
||||
|
||||
links.forEach(function(link){
|
||||
var path,
|
||||
href = link.getAttribute("href"),
|
||||
relative = href.search("://"),
|
||||
fragment = href[0] == "#";
|
||||
|
||||
if(relative != -1){
|
||||
|
||||
link.setAttribute("target", "_blank");
|
||||
|
||||
}else{
|
||||
|
||||
link.onclick = function(){
|
||||
if(that.book.useHash){
|
||||
window.location.hash = "#/"+href;
|
||||
}else{
|
||||
that.book.show(href);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
if(callback) callback();
|
||||
}
|
||||
|
||||
//-- Replaces assets src's to point to stored version if browser is offline
|
||||
EPUBJS.Chapter.prototype.replaceResources = function(callback){
|
||||
var srcs, resources, count;
|
||||
|
||||
//-- No need to replace if there is network connectivity
|
||||
//-- also Filesystem api links are relative, so no need to replace them
|
||||
if((this.book.online && !this.book.contained) || EPUBJS.storage.getStorageType() == "filesystem") {
|
||||
if(callback) callback();
|
||||
return false;
|
||||
}
|
||||
|
||||
srcs = this.doc.querySelectorAll('[src]');
|
||||
resources = Array.prototype.slice.call(srcs);
|
||||
count = resources.length;
|
||||
|
||||
resources.forEach(function(link){
|
||||
var src = link.getAttribute("src"),
|
||||
full = this.book.basePath + src;
|
||||
|
||||
EPUBJS.storage.get(full, function(url){
|
||||
link.setAttribute("src", url);
|
||||
count--;
|
||||
if(count <= 0 && callback) callback();
|
||||
});
|
||||
|
||||
}.bind(this));
|
||||
|
||||
EPUBJS.Chapter.prototype.getPages = function(num){
|
||||
return this.pages;
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.getID = function(){
|
||||
return this.ID;
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.page = function(pg){
|
||||
if(pg >= 1 && pg <= this.displayedPages){
|
||||
this.chapterPos = pg;
|
||||
this.leftPos = this.spreadWidth * (pg-1); //-- pages start at 1
|
||||
this.setLeft(this.leftPos);
|
||||
|
||||
localStorage.setItem("chapterPos", pg);
|
||||
return true;
|
||||
}
|
||||
|
||||
//-- Return false if page is greater than the total
|
||||
return false;
|
||||
}
|
||||
|
||||
//-- Find a section by fragement id
|
||||
EPUBJS.Chapter.prototype.section = function(fragment){
|
||||
var el = this.doc.getElementById(fragment),
|
||||
left, pg;
|
||||
|
||||
if(el){
|
||||
left = this.leftPos + el.getBoundingClientRect().left, //-- Calculate left offset compaired to scrolled position
|
||||
pg = Math.floor(left / this.spreadWidth) + 1; //-- pages start at 1
|
||||
this.page(pg);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
EPUBJS.Chapter.prototype.beforeDisplay = function(callback){
|
||||
this.book.triggerHooks("beforeChapterDisplay", callback.bind(this), this);
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue