AngularEpubViewer
2 | 3 |
4 |
5 | 
6 |
7 |
8 | 
9 |
10 |
11 | 
12 |
13 |
14 | 
15 |
16 |
196 |
197 | ### Other
198 |
199 | EPUB is a registered trademark of the [IDPF](http://idpf.org/).
200 |
--------------------------------------------------------------------------------
/add-ons/mathml.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Based on http://futurepress.github.io/epub.js/hooks/default/mathml.js
3 | * But fixes the WARNING: cdn.mathjax.org has been retired. Check https://www.mathjax.org/cdn-shutting-down/ for migration tips.
4 | */
5 | EPUBJS.Hooks.register("beforeChapterDisplay").mathml = function(callback, renderer){
6 |
7 | // check of currentChapter properties contains 'mathml'
8 | if(renderer.currentChapter.manifestProperties.indexOf("mathml") !== -1 ){
9 |
10 | // Assign callback to be inside iframe window
11 | renderer.render.iframe.contentWindow.mathmlCallback = callback;
12 |
13 | // add MathJax config script tag to the renderer body
14 | var s = document.createElement("script");
15 | s.type = 'text/x-mathjax-config';
16 | s.innerHTML = '\
17 | MathJax.Hub.Register.StartupHook("End",function () { \
18 | window.mathmlCallback(); \
19 | });\
20 | MathJax.Hub.Config({jax: ["input/TeX","input/MathML","output/SVG"],extensions: ["tex2jax.js","mml2jax.js","MathEvents.js"],TeX: {extensions: ["noErrors.js","noUndefined.js","autoload-all.js"]},MathMenu: {showRenderer: false},menuSettings: {zoom: "Click"},messageStyle: "none"}); \
21 | ';
22 | renderer.doc.body.appendChild(s);
23 | // add MathJax.js to renderer head
24 | EPUBJS.core.addScript("https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML", null, renderer.doc.head);
25 |
26 | } else {
27 | if(callback) callback();
28 | }
29 | };
--------------------------------------------------------------------------------
/art/gplv3-127x51.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/androidovshchik/AngularEpubViewer/a1ce66412776b79f7802b3404c694fe9a3375920/art/gplv3-127x51.png
--------------------------------------------------------------------------------
/demo/app/app.component.css:
--------------------------------------------------------------------------------
1 | header, footer {
2 | color: white;
3 | padding: 16px;
4 | overflow: hidden;
5 | }
6 |
7 | header {
8 | height: 70px;
9 | }
10 |
11 | main {
12 | position: relative;
13 | height: calc(80% - 96px);
14 | width: 100%;
15 | background: #fafafa;
16 | }
17 |
18 | aside {
19 | height: calc(20% - 24px);
20 | width: 100%;
21 | background: #f5f5f5;
22 | border-left: none;
23 | border-top: 1px solid black;
24 | padding: 0 16px;
25 | overflow-x: hidden;
26 | overflow-y: scroll;
27 | }
28 |
29 | fieldset {
30 | width: 100%;
31 | margin-top: 16px;
32 | padding-top: 0;
33 | padding-bottom: 0;
34 | word-break: break-all;
35 | }
36 |
37 | footer {
38 | height: 50px;
39 | color: white;
40 | white-space: nowrap;
41 | }
42 |
43 | .button {
44 | width: 64px;
45 | padding: 4px 8px;
46 | cursor: pointer;
47 | margin-bottom: 8px;
48 | }
49 |
50 | .element {
51 | display: block;
52 | width: 200px;
53 | margin-bottom: 16px;
54 | padding: 4px 8px;
55 | }
56 |
57 | #curtain {
58 | position: absolute;
59 | left: 0;
60 | right: 0;
61 | top: 0;
62 | bottom: 0;
63 | background: white;
64 | opacity: 0.8;
65 | }
66 |
67 | #loading {
68 | position: absolute;
69 | left: 50%;
70 | top: 50%;
71 | transform: translate(-50%, -50%);
72 | }
73 |
74 | #subtitle {
75 | display: block;
76 | margin-top: 4px;
77 | overflow:hidden;
78 | text-overflow: ellipsis;
79 | white-space: nowrap;
80 | }
81 |
82 | #title-link {
83 | font-weight: bold;
84 | color: white;
85 | }
86 |
87 | #profile-link {
88 | color: white;
89 | }
90 |
91 | #icon-link {
92 | position: absolute;
93 | display: none;
94 | right: 20px;
95 | top: 20px;
96 | }
97 |
98 | @media (min-width: 600px) {
99 |
100 | main, aside {
101 | float: left;
102 | }
103 |
104 | main {
105 | height: calc(100% - 120px);
106 | width: calc(100% - 360px);
107 | }
108 |
109 | aside {
110 | height: calc(100% - 120px);
111 | width: 360px;
112 | border-left: 1px solid black;
113 | border-top: none;
114 | }
115 |
116 | footer {
117 | clear: both;
118 | }
119 |
120 | #icon-link {
121 | display: block;
122 | }
123 | }
--------------------------------------------------------------------------------
/demo/app/app.component.html:
--------------------------------------------------------------------------------
1 | ') 155 | .replace(/ /g, ' '); 156 | } 157 | 158 | onErrorOccurred(error: EpubError) { 159 | console.log('event:onErrorOccurred'); 160 | switch (error) { 161 | case EpubError.OPEN_FILE: 162 | this.lockDocumentChoose = false; 163 | this.lockSearch = false; 164 | this.lockPagination = false; 165 | this.lockTOC = false; 166 | alert('Error while opening file'); 167 | break; 168 | case EpubError.READ_FILE: 169 | this.lockDocumentChoose = false; 170 | this.lockSearch = false; 171 | this.lockPagination = false; 172 | this.lockTOC = false; 173 | alert('Error while reading file'); 174 | break; 175 | case EpubError.NOT_LOADED_DOCUMENT: 176 | alert('Error while accessing unloaded document'); 177 | break; 178 | case EpubError.NOT_DISPLAYED_CHAPTER: 179 | alert('Error while accessing not displayed chapter'); 180 | break; 181 | case EpubError.SEARCH: 182 | this.lockSearch = false; 183 | alert('Error while searching text'); 184 | break; 185 | case EpubError.COMPUTE_PAGINATION: 186 | this.lockPagination = false; 187 | alert('Error while calculating pagination'); 188 | break; 189 | case EpubError.LOAD_METADATA: 190 | alert('Error while loading metadata'); 191 | break; 192 | case EpubError.LOAD_TOC: 193 | this.lockTOC = false; 194 | alert('Error while loading table of contents'); 195 | break; 196 | } 197 | } 198 | 199 | getGithubIcon(): string { 200 | return `${environment.production ? '' : '../'}assets/GitHub-Mark-Light-120px-plus.png` 201 | } 202 | } 203 | 204 | interface Book { 205 | path: string, 206 | name: string 207 | } 208 | 209 | const UNZIPPED_BOOKS: Book[] = [{ 210 | path: 'assets/books/alice/', 211 | name: 'Alice' 212 | }, { 213 | path: 'assets/books/demo-book-gh-pages/', 214 | name: 'Demo book' 215 | }, { 216 | path: 'assets/books/mathjax_tests/', 217 | name: 'MathJax' 218 | }, { 219 | path: 'assets/books/moby-dick/', 220 | name: 'Moby Dick' 221 | }]; 222 | 223 | const ZIPPED_BOOKS: Book[] = [{ 224 | path: 'assets/books/georgia-cfi-20120521.epub', 225 | name: 'Georgia' 226 | }, { 227 | path: 'assets/books/mathjax_tests.epub', 228 | name: 'MathJax' 229 | }, { 230 | path: 'assets/books/moby-dick.epub', 231 | name: 'Moby Dick' 232 | }]; 233 | 234 | const PADDINGS: string[] = [ 235 | '0', 236 | '8px', 237 | '16px', 238 | '24px', 239 | '32px', 240 | '40px', 241 | '48px' 242 | ]; 243 | 244 | const FONT_SIZES: string[] = [ 245 | '8px', 246 | '12px', 247 | '16px', 248 | '20px', 249 | '24px', 250 | '28px', 251 | '32px' 252 | ]; -------------------------------------------------------------------------------- /demo/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import {BrowserModule} from '@angular/platform-browser'; 2 | import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; 3 | import {NgModule} from '@angular/core'; 4 | import {AppComponent} from './app.component'; 5 | import {FormsModule} from '@angular/forms'; 6 | import {AngularEpubViewerModule} from '../../libs/angular-epub-viewer/src/angularEpubViewer.module'; 7 | import {CommonModule} from "@angular/common"; 8 | 9 | @NgModule({ 10 | declarations: [ 11 | AppComponent 12 | ], 13 | imports: [ 14 | BrowserModule, 15 | BrowserAnimationsModule, 16 | CommonModule, 17 | FormsModule, 18 | AngularEpubViewerModule 19 | ], 20 | bootstrap: [AppComponent] 21 | }) 22 | export class AppModule {} 23 | -------------------------------------------------------------------------------- /demo/assets/GitHub-Mark-Light-120px-plus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/androidovshchik/AngularEpubViewer/a1ce66412776b79f7802b3404c694fe9a3375920/demo/assets/GitHub-Mark-Light-120px-plus.png -------------------------------------------------------------------------------- /demo/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /demo/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `.angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /demo/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/androidovshchik/AngularEpubViewer/a1ce66412776b79f7802b3404c694fe9a3375920/demo/favicon.ico -------------------------------------------------------------------------------- /demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |