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

Add event and properties for history navigation availability

Browse Source
This commit is contained in:
John Factotum
2023-05-19 23:30:22 +08:00
parent d1ec0dad40
commit a9681ee7eb
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
view.js
+9
View File
@@ -10,6 +10,7 @@ class History extends EventTarget {
if (last === x || last?.fraction && last.fraction === x.fraction) return if (last === x || last?.fraction && last.fraction === x.fraction) return
this.#arr[++this.#index] = x this.#arr[++this.#index] = x
this.#arr.length = this.#index + 1 this.#arr.length = this.#index + 1
this.dispatchEvent(new Event('index-change'))
} }
replaceState(x) { replaceState(x) {
const index = this.#index const index = this.#index
@@ -21,6 +22,7 @@ class History extends EventTarget {
const detail = { state: this.#arr[index - 1] } const detail = { state: this.#arr[index - 1] }
this.#index = index - 1 this.#index = index - 1
this.dispatchEvent(new CustomEvent('popstate', { detail })) this.dispatchEvent(new CustomEvent('popstate', { detail }))
this.dispatchEvent(new Event('index-change'))
} }
forward() { forward() {
const index = this.#index const index = this.#index
@@ -28,6 +30,13 @@ class History extends EventTarget {
const detail = { state: this.#arr[index + 1] } const detail = { state: this.#arr[index + 1] }
this.#index = index + 1 this.#index = index + 1
this.dispatchEvent(new CustomEvent('popstate', { detail })) this.dispatchEvent(new CustomEvent('popstate', { detail }))
this.dispatchEvent(new Event('index-change'))
}
get canGoBack() {
return this.#index > 0
}
get canGoForward() {
return this.#index < this.#arr.length - 1
} }
} }