Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Save more location info

Browse Source
This commit is contained in:
John Factotum
2023-07-05 10:33:32 +08:00
parent 5261c48a90
commit 6d1ffe1b81
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
view.js
+5 -5
View File
@@ -123,7 +123,7 @@ export class View extends HTMLElement {
this.renderer.addEventListener('load', e => this.#onLoad(e.detail)) this.renderer.addEventListener('load', e => this.#onLoad(e.detail))
this.renderer.addEventListener('relocate', e => this.#onRelocate(e.detail)) this.renderer.addEventListener('relocate', e => this.#onRelocate(e.detail))
this.renderer.addEventListener('snapend', () => this.renderer.addEventListener('snapend', () =>
this.history.replaceState(this.lastLocation)) this.history.replaceState(this.lastLocation.cfi))
this.renderer.addEventListener('create-overlayer', e => this.renderer.addEventListener('create-overlayer', e =>
e.detail.attach(this.#createOverlayer(e.detail))) e.detail.attach(this.#createOverlayer(e.detail)))
this.renderer.open(book) this.renderer.open(book)
@@ -164,8 +164,8 @@ export class View extends HTMLElement {
const tocItem = this.#tocProgress.getProgress(index, range) const tocItem = this.#tocProgress.getProgress(index, range)
const pageItem = this.#pageProgress.getProgress(index, range) const pageItem = this.#pageProgress.getProgress(index, range)
const cfi = this.getCFI(index, range) const cfi = this.getCFI(index, range)
this.lastLocation = cfi this.lastLocation = { ...progress, tocItem, pageItem, cfi, range }
this.#emit('relocate', { ...progress, tocItem, pageItem, cfi, range }) this.#emit('relocate', this.lastLocation)
} }
#onLoad({ doc, index }) { #onLoad({ doc, index }) {
// set language and dir if not already set // set language and dir if not already set
@@ -332,11 +332,11 @@ export class View extends HTMLElement {
} }
async prev() { async prev() {
await this.renderer.prev() await this.renderer.prev()
this.history.replaceState(this.lastLocation) this.history.replaceState(this.lastLocation.cfi)
} }
async next() { async next() {
await this.renderer.next() await this.renderer.next()
this.history.replaceState(this.lastLocation) this.history.replaceState(this.lastLocation.cfi)
} }
goLeft() { goLeft() {
return this.book.dir === 'rtl' ? this.next() : this.prev() return this.book.dir === 'rtl' ? this.next() : this.prev()