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

cleaned up polymer

Browse source
This commit is contained in:
Fred Chasen 2013-07-23 17:26:24 -07:00
parent f027c1fb16
commit 533f2bba5c
4 changed files with 2 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

2
examples/basic-dev.html
View file

@ -103,7 +103,7 @@
<script> <script>
"use strict"; "use strict";
var Book = ePub("../demo/moby-dick/", {restore: true}); var Book = ePub("../demo/moby-dick.epub", {restore: true});
</script> </script>
</head> </head>

2
examples/polymer/epub-reader/epub-js.html
View file

@ -71,7 +71,7 @@
}, },
chapterChanged: function() { chapterChanged: function() {
if(this.Book) this.Book.goto(this.chapter); if(this.Book) this.Book.goto(this.chapter);
console.log(this.chapter) // console.log(this.chapter)
}, },
events: function() { events: function() {
var element = this; var element = this;

109
examples/polymer/index2.html
View file

@ -1,109 +0,0 @@
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ePubJS Promises Example</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="../../demo/css/normalize.css">
<link rel="stylesheet" href="../../demo/css/main.css">
<link rel="stylesheet" href="../../demo/css/popup.css">
<script src="../../libs/polymer/polymer.min.js"></script>
<!-- EPUBJS Renderer -->
<script src="/build/epub.min.js"></script>
<script>
"use strict";
var Book = new EPUBJS.Book("/demo/moby-dick/", { restore: true, reload: true });
</script>
</head>
<body>
<div id="sidebar">
<div id="controls">
<a id="network"><img id="store" src="../../demo/img/save.png" save="../../demo/img/save.png" data-saved="../../demo/img/saved.png"></a>
<a id="setting"><img id="settings" src="../../demo/img/settings.png"></a>
<a id="bookmark"><img id="bookmarks" src="../../demo/img/star.png"></a>
</div>
<div id="toc">
<ul>
<template id="tocTemplate" repeat="{{ toc }}">
<li id="toc-{{ id }}">
<a href="{{ href }}" class="toc_link{{ type }}">{{ label }}</a>
<ul>
<template ref="tocTemplate" repeat="{{ subitems }}"></template>
</ul>
<li>
</template>
</ul>
</div>
<div id="settingsPanel">
</div>
</div>
<div id="main">
<div id="opener">
<a id="open"><img src="../../demo/img/menu-icon.png" data-close="../../demo/img/close.png" data-open="../../demo/img/menu-icon.png"></a>
</div>
<div id="titlebar">
<span id="book-title"></span>
<span id="title-seperator">&nbsp;&nbsp;–&nbsp;&nbsp;</span>
<span id="chapter-title"> </span>
</div>
<div id="divider"></div>
<div id="prev" onclick="Book.prevPage();" class="arrow">‹</div>
<div id="area"></div>
<div id="next" onclick="Book.nextPage();"class="arrow">›</div>
<div id="loader"><img src="../../demo/img/loader.gif"></div>
</div>
<script>
Book.getMetadata().then(function(meta){
document.title = meta.bookTitle+" – "+meta.creator;
});
Book.getToc().then(function(toc){
var $select = document.getElementById("toc");
var $template = document.getElementById("tocTemplate");
$template.model = { toc: toc };
$select.onchange = function(){
var index = $select.selectedIndex,
url = $select.options[index].getAttribute('ref');
Book.goto(url);
return false;
}
});
Book.ready.all.then(function(){
document.getElementById("loader").style.display = "none";
});
Book.renderTo("area");
// Needed to detect model changes if Object.observe
// is not available in the JS VM.
Platform.performMicrotaskCheckpoint();
</script>
</body>
</html>

71
examples/polymer/p-menu.html
View file

@ -1,71 +0,0 @@
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ePubJS Promises Example</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="../basic.css">
<script src="../../libs/polymer/polymer.min.js"></script>
<!-- EPUBJS Renderer -->
<script src="/build/epub.min.js"></script>
<script>
"use strict";
var Book = new EPUBJS.Book("/demo/moby-dick/", { restore: true, reload: true });
</script>
</head>
<body>
<div id="main">
<div id="prev" onclick="Book.prevPage();" class="arrow">‹</div>
<div id="area"></div>
<div id="next" onclick="Book.nextPage();"class="arrow">›</div>
<div id="loader"><img src="../../demo/img/loader.gif"></div>
<select id="toc">
<template id="tocTemplate" repeat="{{ toc }}">
<option ref="{{ href }}">{{ label }}</option>
</template>
</select>
</div>
<script>
Book.getMetadata().then(function(meta){
document.title = meta.bookTitle+" – "+meta.creator;
});
Book.getToc().then(function(toc){
var $select = document.getElementById("toc");
var $template = document.getElementById("tocTemplate");
$template.model = { toc: toc };
$select.onchange = function(){
var index = $select.selectedIndex,
url = $select.options[index].getAttribute('ref');
Book.goto(url);
return false;
}
});
Book.ready.all.then(function(){
document.getElementById("loader").style.display = "none";
});
Book.renderTo("area");
</script>
</body>
</html>