yetangitu/epub.js
1
0
Fork 0
mirror of https://github.com/futurepress/epub.js.git synced 2025-10-04 15:09:16 +02:00
Code Issues Releases Wiki Activity

IE css fixes

Browse source
This commit is contained in:
fchasen 2015-08-31 23:14:53 -04:00
parent b329e634ef
commit 38a88f6cc9
4 changed files with 169 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

80
reader/css/main.css
View file

@ -20,19 +20,21 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
right: 0; right: 0;
/* left: 40px; */ /* left: 40px; */
/* -webkit-transform: translate(40px, 0); /* -webkit-transform: translate(40px, 0);
-moz-transform: translate(40px, 0); */ -moz-transform: translate(40px, 0); */
/* border-radius: 5px 0px 0px 5px; */ /* border-radius: 5px 0px 0px 5px; */
border-radius: 5px; border-radius: 5px;
background: #fff; background: #fff;
overflow: hidden; overflow: hidden;
-webkit-transition: -webkit-transform .4s, width .2s; -webkit-transition: -webkit-transform .4s, width .2s;
-moz-transition: -webkit-transform .4s, width .2s; -moz-transition: -webkit-transform .4s, width .2s;
-ms-transition: -webkit-transform .4s, width .2s;
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,.1); -moz-box-shadow: inset 0 0 50px rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.1);
-ms-box-shadow: inset 0 0 50px rgba(0,0,0,.1);
box-shadow: inset 0 0 50px rgba(0,0,0,.1); box-shadow: inset 0 0 50px rgba(0,0,0,.1);
} }
@ -50,6 +52,7 @@ body {
text-align: center; text-align: center;
-webkit-transition: opacity .5s; -webkit-transition: opacity .5s;
-moz-transition: opacity .5s; -moz-transition: opacity .5s;
-ms-transition: opacity .5s;
z-index: 10; z-index: 10;
} }
@ -70,7 +73,7 @@ body {
#titlebar a::before { #titlebar a::before {
visibility: visible; visibility: visible;
} }
#titlebar a:hover { #titlebar a:hover {
opacity: .8; opacity: .8;
@ -84,6 +87,7 @@ body {
/* margin: 1px -1px -1px 1px; */ /* margin: 1px -1px -1px 1px; */
-moz-box-shadow: inset 0 0 6px rgba(155,155,155,.8); -moz-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
-webkit-box-shadow: inset 0 0 6px rgba(155,155,155,.8); -webkit-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
-ms-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
box-shadow: inset 0 0 6px rgba(155,155,155,.8); box-shadow: inset 0 0 6px rgba(155,155,155,.8);
} }
@ -114,7 +118,7 @@ body {
left: 40px; left: 40px;
} }
#next { #next {
right: 40px; right: 40px;
} }
@ -132,7 +136,7 @@ body {
.arrow:hover { .arrow:hover {
color: #777; color: #777;
} }
.arrow:active, .arrow:active,
.arrow.active { .arrow.active {
color: #000; color: #000;
@ -150,7 +154,8 @@ body {
height: 100%; height: 100%;
-webkit-transition: -webkit-transform .5s; -webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s; -moz-transition: -moz-transform .5s;
-ms-transition: -moz-transform .5s;
overflow: hidden; overflow: hidden;
} }
@ -164,6 +169,7 @@ body {
/* left: 300px; */ /* left: 300px; */
-webkit-transform: translate(300px, 0); -webkit-transform: translate(300px, 0);
-moz-transform: translate(300px, 0); -moz-transform: translate(300px, 0);
-ms-transform: translate(300px, 0);
} }
#main.single { #main.single {
@ -185,6 +191,7 @@ body {
height: 14px; height: 14px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
-ms-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
box-shadow: 0px 1px 3px rgba(0,0,0,.6); box-shadow: 0px 1px 3px rgba(0,0,0,.6);
} }
@ -240,7 +247,7 @@ body {
float: left; float: left;
margin-left: 10px; margin-left: 10px;
margin-top: -1px; margin-top: -1px;
/* /*
border-radius: 5px; border-radius: 5px;
background: #9b9b9b; background: #9b9b9b;
float: left; float: left;
@ -250,7 +257,7 @@ body {
color: #000; color: #000;
border: none; border: none;
outline: none; */ outline: none; */
} }
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
@ -259,6 +266,9 @@ input::-webkit-input-placeholder {
input:-moz-placeholder { input:-moz-placeholder {
color: #454545; color: #454545;
} }
input:-ms-placeholder {
color: #454545;
}
#divider { #divider {
position: absolute; position: absolute;
@ -296,6 +306,7 @@ input:-moz-placeholder {
visibility: hidden; visibility: hidden;
-webkit-transition: visibility 0 ease .5s; -webkit-transition: visibility 0 ease .5s;
-moz-transition: visibility 0 ease .5s; -moz-transition: visibility 0 ease .5s;
-ms-transition: visibility 0 ease .5s;
} }
@ -306,6 +317,7 @@ input:-moz-placeholder {
visibility: visible; visibility: visible;
-webkit-transition: visibility 0 ease 0; -webkit-transition: visibility 0 ease 0;
-moz-transition: visibility 0 ease 0; -moz-transition: visibility 0 ease 0;
-ms-transition: visibility 0 ease 0;
} }
#sidebar.open #tocView { #sidebar.open #tocView {
@ -320,7 +332,7 @@ input:-moz-placeholder {
display: block; display: block;
} }
#tocView li, #tocView li,
#bookmarksView li { #bookmarksView li {
margin-bottom:10px; margin-bottom:10px;
width: 225px; width: 225px;
@ -379,6 +391,7 @@ input:-moz-placeholder {
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
} }
@ -522,13 +535,13 @@ input:-moz-placeholder {
left: 50%; left: 50%;
width: 50%; width: 50%;
width: 630px; width: 630px;
height: auto; height: auto;
z-index: 2000; z-index: 2000;
visibility: hidden; visibility: hidden;
margin-left: -320px; margin-left: -320px;
margin-top: -160px; margin-top: -160px;
} }
.overlay { .overlay {
@ -543,6 +556,7 @@ input:-moz-placeholder {
background: rgba(255,255,255,0.8); background: rgba(255,255,255,0.8);
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s; transition: all 0.3s;
} }
@ -612,6 +626,7 @@ input:-moz-placeholder {
opacity: 0; opacity: 0;
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s; transition: all 0.3s;
} }
@ -637,7 +652,7 @@ input:-moz-placeholder {
width: 50%; width: 50%;
margin-left: 25%; margin-left: 25%;
} }
#divider, #divider,
#divider.show { #divider.show {
display: none; display: none;
@ -653,8 +668,8 @@ input:-moz-placeholder {
#prev { #prev {
left: 20px; left: 20px;
} }
#next { #next {
right: 20px; right: 20px;
} }
} }
@ -664,51 +679,54 @@ input:-moz-placeholder {
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
} }
#prev { #prev {
left: 0; left: 0;
} }
#next { #next {
right: 0; right: 0;
} }
.arrow { .arrow {
height: 100%; height: 100%;
top: 45px; top: 45px;
width: 10%; width: 10%;
text-indent: -10000px; text-indent: -10000px;
} }
#main { #main {
-webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0); -moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s; -moz-transition: -moz-transform .3s;
-ms-transition: -moz-transform .3s;
} }
#main.closed { #main.closed {
-webkit-transform: translate(260px, 0); -webkit-transform: translate(260px, 0);
-moz-transform: translate(260px, 0); -moz-transform: translate(260px, 0);
-ms-transform: translate(260px, 0);
} }
#titlebar { #titlebar {
/* font-size: 16px; */ /* font-size: 16px; */
/* margin: 0 50px 0 50px; */ /* margin: 0 50px 0 50px; */
} }
#metainfo { #metainfo {
font-size: 10px; font-size: 10px;
} }
#tocView { #tocView {
width: 260px; width: 260px;
} }
#tocView li { #tocView li {
font-size: 12px; font-size: 12px;
} }
#tocView > ul{ #tocView > ul{
padding-left: 10px; padding-left: 10px;
} }
@ -753,23 +771,23 @@ input:-moz-placeholder {
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
speak: none; speak: none;
display: inline-block; display: inline-block;
text-decoration: inherit; text-decoration: inherit;
width: 1em; width: 1em;
margin-right: .2em; margin-right: .2em;
text-align: center; text-align: center;
/* opacity: .8; */ /* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/ /* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
/* you can be more comfortable with increased icons size */ /* you can be more comfortable with increased icons size */
font-size: 112%; font-size: 112%;
} }
.icon-search:before { content: '\e807'; } /* '' */ .icon-search:before { content: '\e807'; } /* '' */
.icon-resize-full-1:before { content: '\e804'; } /* '' */ .icon-resize-full-1:before { content: '\e804'; } /* '' */
.icon-cancel-circled2:before { content: '\e80f'; } /* '' */ .icon-cancel-circled2:before { content: '\e80f'; } /* '' */
@ -791,4 +809,4 @@ input:-moz-placeholder {
.icon-list-numbered:before { content: '\e801'; } /* '' */ .icon-list-numbered:before { content: '\e801'; } /* '' */
.icon-columns:before { content: '\e810'; } /* '' */ .icon-columns:before { content: '\e810'; } /* '' */
.icon-list:before { content: '\e800'; } /* '' */ .icon-list:before { content: '\e800'; } /* '' */
.icon-resize-small:before { content: '\e808'; } /* '' */ .icon-resize-small:before { content: '\e808'; } /* '' */

60
reader/index.html
View file

@ -14,56 +14,56 @@
<script src="js/libs/jquery-2.1.0.min.js"></script> <script src="js/libs/jquery-2.1.0.min.js"></script>
<script src="js/libs/zip.min.js"></script> <script src="js/libs/zip.min.js"></script>
<script> <script>
"use strict"; "use strict";
document.onreadystatechange = function () { document.onreadystatechange = function () {
if (document.readyState == "complete") { if (document.readyState == "complete") {
EPUBJS.filePath = "js/libs/"; EPUBJS.filePath = "js/libs/";
EPUBJS.cssPath = "css/"; EPUBJS.cssPath = "css/";
// fileStorage.filePath = EPUBJS.filePath; // fileStorage.filePath = EPUBJS.filePath;
var reader = ePubReader("moby-dick/"); var reader = ePubReader("moby-dick/");
} }
}; };
</script> </script>
<!-- Render -->
<script src="js/epub.min.js"></script>
<!-- Hooks -->
<script src="js/hooks.min.js"></script>
<!-- Reader -->
<script src="js/reader.min.js"></script>
<!-- Plugins -->
<script src="js/plugins/search.js"></script>
<!-- Highlights -->
<script src="js/libs/jquery.highlight.js"></script>
<script src="js/hooks/extensions/highlight.js"></script>
<!-- File Storage --> <!-- File Storage -->
<!-- <script src="js/libs/fileStorage.min.js"></script> --> <!-- <script src="js/libs/localforage.min.js"></script> -->
<!-- Full Screen --> <!-- Full Screen -->
<script src="js/libs/screenfull.min.js"></script> <script src="js/libs/screenfull.min.js"></script>
<!-- Render -->
<script src="js/epub.min.js"></script>
<!-- Hooks -->
<script src="js/hooks.min.js"></script>
<!-- Reader -->
<script src="js/reader.min.js"></script>
<!-- Plugins -->
<script src="js/plugins/search.js"></script>
<!-- Highlights -->
<!-- <script src="js/libs/jquery.highlight.js"></script> -->
<!-- <script src="js/hooks/extensions/highlight.js"></script> -->
</head> </head>
<body> <body>
<div id="sidebar"> <div id="sidebar">
<div id="panels"> <div id="panels">
<input id="searchBox" placeholder="search" type="search"> <input id="searchBox" placeholder="search" type="search">
<a id="show-Search" class="show_view icon-search" data-view="Search">Search</a> <a id="show-Search" class="show_view icon-search" data-view="Search">Search</a>
<a id="show-Toc" class="show_view icon-list-1 active" data-view="Toc">TOC</a> <a id="show-Toc" class="show_view icon-list-1 active" data-view="Toc">TOC</a>
<a id="show-Bookmarks" class="show_view icon-bookmark" data-view="Bookmarks">Bookmarks</a> <a id="show-Bookmarks" class="show_view icon-bookmark" data-view="Bookmarks">Bookmarks</a>
<a id="show-Notes" class="show_view icon-edit" data-view="Notes">Notes</a> <a id="show-Notes" class="show_view icon-edit" data-view="Notes">Notes</a>
</div> </div>
<div id="tocView" class="view"> <div id="tocView" class="view">
</div> </div>
@ -82,7 +82,7 @@
</div> </div>
</div> </div>
<div id="main"> <div id="main">
<div id="titlebar"> <div id="titlebar">
<div id="opener"> <div id="opener">
<a id="slider" class="icon-menu">Menu</a> <a id="slider" class="icon-menu">Menu</a>
@ -98,12 +98,12 @@
<a id="fullscreen" class="icon-resize-full">Fullscreen</a> <a id="fullscreen" class="icon-resize-full">Fullscreen</a>
</div> </div>
</div> </div>
<div id="divider"></div> <div id="divider"></div>
<div id="prev" class="arrow">‹</div> <div id="prev" class="arrow">‹</div>
<div id="viewer"></div> <div id="viewer"></div>
<div id="next" class="arrow">›</div> <div id="next" class="arrow">›</div>
<div id="loader"><img src="img/loader.gif"></div> <div id="loader"><img src="img/loader.gif"></div>
</div> </div>
<div class="modal md-effect-1" id="settings-modal"> <div class="modal md-effect-1" id="settings-modal">
@ -111,7 +111,7 @@
<h3>Settings</h3> <h3>Settings</h3>
<div> <div>
<p> <p>
<input type="checkbox" id="sidebarReflow" name="sidebarReflow">Reflow text when sidebars are open.</input> <input type="checkbox" id="sidebarReflow" name="sidebarReflow">Reflow text when sidebars are open.
</p> </p>
</div> </div>
<div class="closer icon-cancel-circled"></div> <div class="closer icon-cancel-circled"></div>

49
reader_src/controllers/controls_controller.js
View file

@ -20,7 +20,7 @@ EPUBJS.reader.ControlsController = function(book) {
reader.offline = true; reader.offline = true;
// $store.attr("src", $icon.data("saved")); // $store.attr("src", $icon.data("saved"));
}; };
var fullscreen = false; var fullscreen = false;
book.on("book:online", goOnline); book.on("book:online", goOnline);
@ -42,21 +42,22 @@ EPUBJS.reader.ControlsController = function(book) {
$fullscreen.on("click", function() { $fullscreen.on("click", function() {
screenfull.toggle($('#container')[0]); screenfull.toggle($('#container')[0]);
}); });
if(screenfull.raw) {
document.addEventListener(screenfull.raw.fullscreenchange, function() { document.addEventListener(screenfull.raw.fullscreenchange, function() {
fullscreen = screenfull.isFullscreen; fullscreen = screenfull.isFullscreen;
if(fullscreen) { if(fullscreen) {
$fullscreen $fullscreen
.addClass("icon-resize-small") .addClass("icon-resize-small")
.removeClass("icon-resize-full"); .removeClass("icon-resize-full");
} else { } else {
$fullscreen $fullscreen
.addClass("icon-resize-full") .addClass("icon-resize-full")
.removeClass("icon-resize-small"); .removeClass("icon-resize-small");
} }
}); });
}
} }
$settings.on("click", function() { $settings.on("click", function() {
reader.SettingsController.show(); reader.SettingsController.show();
}); });
@ -64,17 +65,17 @@ EPUBJS.reader.ControlsController = function(book) {
$bookmark.on("click", function() { $bookmark.on("click", function() {
var cfi = reader.book.getCurrentLocationCfi(); var cfi = reader.book.getCurrentLocationCfi();
var bookmarked = reader.isBookmarked(cfi); var bookmarked = reader.isBookmarked(cfi);
if(bookmarked === -1) { //-- Add bookmark if(bookmarked === -1) { //-- Add bookmark
reader.addBookmark(cfi); reader.addBookmark(cfi);
$bookmark $bookmark
.addClass("icon-bookmark") .addClass("icon-bookmark")
.removeClass("icon-bookmark-empty"); .removeClass("icon-bookmark-empty");
} else { //-- Remove Bookmark } else { //-- Remove Bookmark
reader.removeBookmark(cfi); reader.removeBookmark(cfi);
$bookmark $bookmark
.removeClass("icon-bookmark") .removeClass("icon-bookmark")
.addClass("icon-bookmark-empty"); .addClass("icon-bookmark-empty");
} }
}); });
@ -86,15 +87,15 @@ EPUBJS.reader.ControlsController = function(book) {
if(bookmarked === -1) { //-- Not bookmarked if(bookmarked === -1) { //-- Not bookmarked
$bookmark $bookmark
.removeClass("icon-bookmark") .removeClass("icon-bookmark")
.addClass("icon-bookmark-empty"); .addClass("icon-bookmark-empty");
} else { //-- Bookmarked } else { //-- Bookmarked
$bookmark $bookmark
.addClass("icon-bookmark") .addClass("icon-bookmark")
.removeClass("icon-bookmark-empty"); .removeClass("icon-bookmark-empty");
} }
reader.currentLocationCfi = cfi; reader.currentLocationCfi = cfi;
// Update the History Location // Update the History Location
if(reader.settings.history && if(reader.settings.history &&
window.location.hash != cfiFragment) { window.location.hash != cfiFragment) {
@ -102,7 +103,7 @@ EPUBJS.reader.ControlsController = function(book) {
history.pushState({}, '', cfiFragment); history.pushState({}, '', cfiFragment);
} }
}); });
book.on('book:pageChanged', function(location){ book.on('book:pageChanged', function(location){
// console.log("page", location.page, location.percentage) // console.log("page", location.page, location.percentage)
}); });
@ -110,4 +111,4 @@ EPUBJS.reader.ControlsController = function(book) {
return { return {
}; };
}; };

130
src/parser.js
View file

@ -5,19 +5,19 @@ EPUBJS.Parser = function(baseUrl){
EPUBJS.Parser.prototype.container = function(containerXml){ EPUBJS.Parser.prototype.container = function(containerXml){
//-- <rootfile full-path="OPS/package.opf" media-type="application/oebps-package+xml"/> //-- <rootfile full-path="OPS/package.opf" media-type="application/oebps-package+xml"/>
var rootfile, fullpath, folder, encoding; var rootfile, fullpath, folder, encoding;
if(!containerXml) { if(!containerXml) {
console.error("Container File Not Found"); console.error("Container File Not Found");
return; return;
} }
rootfile = containerXml.querySelector("rootfile"); rootfile = containerXml.querySelector("rootfile");
if(!rootfile) { if(!rootfile) {
console.error("No RootFile Found"); console.error("No RootFile Found");
return; return;
} }
fullpath = rootfile.getAttribute('full-path'); fullpath = rootfile.getAttribute('full-path');
folder = EPUBJS.core.uri(fullpath).directory; folder = EPUBJS.core.uri(fullpath).directory;
encoding = containerXml.xmlEncoding; encoding = containerXml.xmlEncoding;
@ -32,19 +32,19 @@ EPUBJS.Parser.prototype.container = function(containerXml){
EPUBJS.Parser.prototype.identifier = function(packageXml){ EPUBJS.Parser.prototype.identifier = function(packageXml){
var metadataNode; var metadataNode;
if(!packageXml) { if(!packageXml) {
console.error("Package File Not Found"); console.error("Package File Not Found");
return; return;
} }
metadataNode = packageXml.querySelector("metadata"); metadataNode = packageXml.querySelector("metadata");
if(!metadataNode) { if(!metadataNode) {
console.error("No Metadata Found"); console.error("No Metadata Found");
return; return;
} }
return this.getElementText(metadataNode, "identifier"); return this.getElementText(metadataNode, "identifier");
}; };
@ -56,41 +56,41 @@ EPUBJS.Parser.prototype.packageContents = function(packageXml, baseUrl){
var spine; var spine;
var spineIndexByURL; var spineIndexByURL;
var metadata; var metadata;
if(baseUrl) this.baseUrl = baseUrl; if(baseUrl) this.baseUrl = baseUrl;
if(!packageXml) { if(!packageXml) {
console.error("Package File Not Found"); console.error("Package File Not Found");
return; return;
} }
metadataNode = packageXml.querySelector("metadata"); metadataNode = packageXml.querySelector("metadata");
if(!metadataNode) { if(!metadataNode) {
console.error("No Metadata Found"); console.error("No Metadata Found");
return; return;
} }
manifestNode = packageXml.querySelector("manifest"); manifestNode = packageXml.querySelector("manifest");
if(!manifestNode) { if(!manifestNode) {
console.error("No Manifest Found"); console.error("No Manifest Found");
return; return;
} }
spineNode = packageXml.querySelector("spine"); spineNode = packageXml.querySelector("spine");
if(!spineNode) { if(!spineNode) {
console.error("No Spine Found"); console.error("No Spine Found");
return; return;
} }
manifest = parse.manifest(manifestNode); manifest = parse.manifest(manifestNode);
navPath = parse.findNavPath(manifestNode); navPath = parse.findNavPath(manifestNode);
tocPath = parse.findTocPath(manifestNode, spineNode); tocPath = parse.findTocPath(manifestNode, spineNode);
coverPath = parse.findCoverPath(manifestNode); coverPath = parse.findCoverPath(manifestNode);
spineNodeIndex = Array.prototype.indexOf.call(spineNode.parentNode.childNodes, spineNode); spineNodeIndex = Array.prototype.indexOf.call(spineNode.parentNode.childNodes, spineNode);
spine = parse.spine(spineNode, manifest); spine = parse.spine(spineNode, manifest);
spineIndexByURL = {}; spineIndexByURL = {};
spine.forEach(function(item){ spine.forEach(function(item){
spineIndexByURL[item.href] = item.index; spineIndexByURL[item.href] = item.index;
@ -124,9 +124,9 @@ EPUBJS.Parser.prototype.findNavPath = function(manifestNode){
EPUBJS.Parser.prototype.findTocPath = function(manifestNode, spineNode){ EPUBJS.Parser.prototype.findTocPath = function(manifestNode, spineNode){
var node = manifestNode.querySelector("item[media-type='application/x-dtbncx+xml']"); var node = manifestNode.querySelector("item[media-type='application/x-dtbncx+xml']");
var tocId; var tocId;
// If we can't find the toc by media-type then try to look for id of the item in the spine attributes as // If we can't find the toc by media-type then try to look for id of the item in the spine attributes as
// according to http://www.idpf.org/epub/20/spec/OPF_2.0.1_draft.htm#Section2.4.1.2, // according to http://www.idpf.org/epub/20/spec/OPF_2.0.1_draft.htm#Section2.4.1.2,
// "The item that describes the NCX must be referenced by the spine toc attribute." // "The item that describes the NCX must be referenced by the spine toc attribute."
if (!node) { if (!node) {
tocId = spineNode.getAttribute("toc"); tocId = spineNode.getAttribute("toc");
@ -134,7 +134,7 @@ EPUBJS.Parser.prototype.findTocPath = function(manifestNode, spineNode){
node = manifestNode.querySelector("item[id='" + tocId + "']"); node = manifestNode.querySelector("item[id='" + tocId + "']");
} }
} }
return node ? node.getAttribute('href') : false; return node ? node.getAttribute('href') : false;
}; };
@ -148,24 +148,24 @@ EPUBJS.Parser.prototype.findCoverPath = function(manifestNode){
EPUBJS.Parser.prototype.metadata = function(xml){ EPUBJS.Parser.prototype.metadata = function(xml){
var metadata = {}, var metadata = {},
p = this; p = this;
metadata.bookTitle = p.getElementText(xml, 'title'); metadata.bookTitle = p.getElementText(xml, 'title');
metadata.creator = p.getElementText(xml, 'creator'); metadata.creator = p.getElementText(xml, 'creator');
metadata.description = p.getElementText(xml, 'description'); metadata.description = p.getElementText(xml, 'description');
metadata.pubdate = p.getElementText(xml, 'date'); metadata.pubdate = p.getElementText(xml, 'date');
metadata.publisher = p.getElementText(xml, 'publisher'); metadata.publisher = p.getElementText(xml, 'publisher');
metadata.identifier = p.getElementText(xml, "identifier"); metadata.identifier = p.getElementText(xml, "identifier");
metadata.language = p.getElementText(xml, "language"); metadata.language = p.getElementText(xml, "language");
metadata.rights = p.getElementText(xml, "rights"); metadata.rights = p.getElementText(xml, "rights");
metadata.modified_date = p.querySelectorText(xml, "meta[property='dcterms:modified']"); metadata.modified_date = p.querySelectorText(xml, "meta[property='dcterms:modified']");
metadata.layout = p.querySelectorText(xml, "meta[property='rendition:layout']"); metadata.layout = p.querySelectorText(xml, "meta[property='rendition:layout']");
metadata.orientation = p.querySelectorText(xml, "meta[property='rendition:orientation']"); metadata.orientation = p.querySelectorText(xml, "meta[property='rendition:orientation']");
metadata.spread = p.querySelectorText(xml, "meta[property='rendition:spread']"); metadata.spread = p.querySelectorText(xml, "meta[property='rendition:spread']");
return metadata; return metadata;
}; };
@ -174,7 +174,7 @@ EPUBJS.Parser.prototype.getElementText = function(xml, tag){
el; el;
if(!found || found.length === 0) return ''; if(!found || found.length === 0) return '';
el = found[0]; el = found[0];
if(el.childNodes.length){ if(el.childNodes.length){
@ -182,7 +182,7 @@ EPUBJS.Parser.prototype.getElementText = function(xml, tag){
} }
return ''; return '';
}; };
EPUBJS.Parser.prototype.querySelectorText = function(xml, q){ EPUBJS.Parser.prototype.querySelectorText = function(xml, q){
@ -198,34 +198,34 @@ EPUBJS.Parser.prototype.querySelectorText = function(xml, q){
EPUBJS.Parser.prototype.manifest = function(manifestXml){ EPUBJS.Parser.prototype.manifest = function(manifestXml){
var baseUrl = this.baseUrl, var baseUrl = this.baseUrl,
manifest = {}; manifest = {};
//-- Turn items into an array //-- Turn items into an array
var selected = manifestXml.querySelectorAll("item"), var selected = manifestXml.querySelectorAll("item"),
items = Array.prototype.slice.call(selected); items = Array.prototype.slice.call(selected);
//-- Create an object with the id as key //-- Create an object with the id as key
items.forEach(function(item){ items.forEach(function(item){
var id = item.getAttribute('id'), var id = item.getAttribute('id'),
href = item.getAttribute('href') || '', href = item.getAttribute('href') || '',
type = item.getAttribute('media-type') || '', type = item.getAttribute('media-type') || '',
properties = item.getAttribute('properties') || ''; properties = item.getAttribute('properties') || '';
manifest[id] = { manifest[id] = {
'href' : href, 'href' : href,
'url' : baseUrl + href, //-- Absolute URL for loading with a web worker 'url' : baseUrl + href, //-- Absolute URL for loading with a web worker
'type' : type, 'type' : type,
'properties' : properties 'properties' : properties
}; };
}); });
return manifest; return manifest;
}; };
EPUBJS.Parser.prototype.spine = function(spineXml, manifest){ EPUBJS.Parser.prototype.spine = function(spineXml, manifest){
var spine = []; var spine = [];
var selected = spineXml.getElementsByTagName("itemref"), var selected = spineXml.getElementsByTagName("itemref"),
items = Array.prototype.slice.call(selected); items = Array.prototype.slice.call(selected);
@ -254,20 +254,20 @@ EPUBJS.Parser.prototype.spine = function(spineXml, manifest){
}; };
spine.push(vert); spine.push(vert);
}); });
return spine; return spine;
}; };
EPUBJS.Parser.prototype.nav = function(navHtml, spineIndexByURL, bookSpine){ EPUBJS.Parser.prototype.nav = function(navHtml, spineIndexByURL, bookSpine){
var navEl = navHtml.querySelector('nav[*|type="toc"]'), //-- [*|type="toc"] * Doesn't seem to work var navEl = navHtml.querySelector('nav[*|type="toc"]'), //-- [*|type="toc"] * Doesn't seem to work
idCounter = 0; idCounter = 0;
if(!navEl) return []; if(!navEl) return [];
// Implements `> ol > li` // Implements `> ol > li`
function findListItems(parent){ function findListItems(parent){
var items = []; var items = [];
Array.prototype.slice.call(parent.childNodes).forEach(function(node){ Array.prototype.slice.call(parent.childNodes).forEach(function(node){
if('ol' == node.tagName){ if('ol' == node.tagName){
Array.prototype.slice.call(node.childNodes).forEach(function(item){ Array.prototype.slice.call(node.childNodes).forEach(function(item){
@ -277,33 +277,33 @@ EPUBJS.Parser.prototype.nav = function(navHtml, spineIndexByURL, bookSpine){
}); });
} }
}); });
return items; return items;
} }
// Implements `> a, > span` // Implements `> a, > span`
function findAnchorOrSpan(parent){ function findAnchorOrSpan(parent){
var item = null; var item = null;
Array.prototype.slice.call(parent.childNodes).forEach(function(node){ Array.prototype.slice.call(parent.childNodes).forEach(function(node){
if('a' == node.tagName || 'span' == node.tagName){ if('a' == node.tagName || 'span' == node.tagName){
item = node; item = node;
} }
}); });
return item; return item;
} }
function getTOC(parent){ function getTOC(parent){
var list = [], var list = [],
nodes = findListItems(parent), nodes = findListItems(parent),
items = Array.prototype.slice.call(nodes), items = Array.prototype.slice.call(nodes),
length = items.length, length = items.length,
node; node;
if(length === 0) return false; if(length === 0) return false;
items.forEach(function(item){ items.forEach(function(item){
var id = item.getAttribute('id') || false, var id = item.getAttribute('id') || false,
content = findAnchorOrSpan(item), content = findAnchorOrSpan(item),
@ -315,7 +315,7 @@ EPUBJS.Parser.prototype.nav = function(navHtml, spineIndexByURL, bookSpine){
spinePos = spineIndexByURL[baseUrl], spinePos = spineIndexByURL[baseUrl],
spineItem = bookSpine[spinePos], spineItem = bookSpine[spinePos],
cfi = spineItem ? spineItem.cfi : ''; cfi = spineItem ? spineItem.cfi : '';
if(!id) { if(!id) {
if(spinePos) { if(spinePos) {
spineItem = bookSpine[spinePos]; spineItem = bookSpine[spinePos];
@ -325,7 +325,7 @@ EPUBJS.Parser.prototype.nav = function(navHtml, spineIndexByURL, bookSpine){
id = 'epubjs-autogen-toc-id-' + (idCounter++); id = 'epubjs-autogen-toc-id-' + (idCounter++);
} }
} }
item.setAttribute('id', id); // Ensure all elements have an id item.setAttribute('id', id); // Ensure all elements have an id
list.push({ list.push({
"id": id, "id": id,
@ -335,24 +335,24 @@ EPUBJS.Parser.prototype.nav = function(navHtml, spineIndexByURL, bookSpine){
"parent" : parent ? parent.getAttribute('id') : null, "parent" : parent ? parent.getAttribute('id') : null,
"cfi" : cfi "cfi" : cfi
}); });
}); });
return list; return list;
} }
return getTOC(navEl); return getTOC(navEl);
}; };
EPUBJS.Parser.prototype.toc = function(tocXml, spineIndexByURL, bookSpine){ EPUBJS.Parser.prototype.toc = function(tocXml, spineIndexByURL, bookSpine){
var navMap = tocXml.querySelector("navMap"); var navMap = tocXml.querySelector("navMap");
if(!navMap) return []; if(!navMap) return [];
function getTOC(parent){ function getTOC(parent){
var list = [], var list = [],
snapshot = tocXml.evaluate("*[local-name()='navPoint']", parent, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null), snapshot = tocXml.evaluate("*[local-name()='navPoint']", parent, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null),
length = snapshot.snapshotLength; length = snapshot.snapshotLength;
if(length === 0) return []; if(length === 0) return [];
for ( var i=length-1 ; i >= 0; i-- ) { for ( var i=length-1 ; i >= 0; i-- ) {
@ -403,11 +403,11 @@ EPUBJS.Parser.prototype.pageList = function(navHtml, spineIndexByURL, bookSpine)
idCounter = 0; idCounter = 0;
if(!navEl) return []; if(!navEl) return [];
// Implements `> ol > li` // Implements `> ol > li`
function findListItems(parent){ function findListItems(parent){
var items = []; var items = [];
Array.prototype.slice.call(parent.childNodes).forEach(function(node){ Array.prototype.slice.call(parent.childNodes).forEach(function(node){
if('ol' == node.tagName){ if('ol' == node.tagName){
Array.prototype.slice.call(node.childNodes).forEach(function(item){ Array.prototype.slice.call(node.childNodes).forEach(function(item){
@ -417,33 +417,33 @@ EPUBJS.Parser.prototype.pageList = function(navHtml, spineIndexByURL, bookSpine)
}); });
} }
}); });
return items; return items;
} }
// Implements `> a, > span` // Implements `> a, > span`
function findAnchorOrSpan(parent){ function findAnchorOrSpan(parent){
var item = null; var item = null;
Array.prototype.slice.call(parent.childNodes).forEach(function(node){ Array.prototype.slice.call(parent.childNodes).forEach(function(node){
if('a' == node.tagName || 'span' == node.tagName){ if('a' == node.tagName || 'span' == node.tagName){
item = node; item = node;
} }
}); });
return item; return item;
} }
function getPages(parent){ function getPages(parent){
var list = [], var list = [],
nodes = findListItems(parent), nodes = findListItems(parent),
items = Array.prototype.slice.call(nodes), items = Array.prototype.slice.call(nodes),
length = items.length, length = items.length,
node; node;
if(length === 0) return false; if(length === 0) return false;
items.forEach(function(item){ items.forEach(function(item){
var id = item.getAttribute('id') || false, var id = item.getAttribute('id') || false,
content = findAnchorOrSpan(item), content = findAnchorOrSpan(item),
@ -454,7 +454,7 @@ EPUBJS.Parser.prototype.pageList = function(navHtml, spineIndexByURL, bookSpine)
split, split,
packageUrl, packageUrl,
cfi; cfi;
if(isCfi != -1) { if(isCfi != -1) {
split = href.split("#"); split = href.split("#");
packageUrl = split[0]; packageUrl = split[0];
@ -473,9 +473,9 @@ EPUBJS.Parser.prototype.pageList = function(navHtml, spineIndexByURL, bookSpine)
} }
}); });
return list; return list;
} }
return getPages(navEl); return getPages(navEl);
}; };