groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-03-02 22:19:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add flow option. Add snap option UI only.

Browse source
This commit is contained in:
Kieran Hannigan 2024-12-18 22:14:50 +11:00
parent 63b3f22504
commit ffffa7e4f5
3 changed files with 68 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

48
client/components/readers/Reader.vue
View file

@ -110,6 +110,18 @@
</div>
<ui-toggle-btns v-model="ereaderSettings.spread" :items="spreadItems" @input="settingsUpdated" />
</div>
<div class="flex items-center">
<div class="w-40">
<p class="text-lg">{{ $strings.LabelFlow }}:</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.flow" :items="flowItems" @input="settingsUpdated" />
</div>
<div class="flex items-center">
<div class="w-40">
<p class="text-lg">{{ $strings.LabelSnap }}:</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.snap" :items="snapItems" @input="settingsUpdated" />
</div>
</div>
</modals-modal>
</div>
@ -137,7 +149,9 @@ export default {
fontScale: 100,
lineSpacing: 115,
fontBoldness: 100,
spread: 'auto',
flow: 'paginated', // paginated | scrolled
spread: 'auto', // none | auto
snap: true, // false | true
textStroke: 0
}
}
@ -174,6 +188,30 @@ export default {
}
]
},
flowItems() {
return [
{
text: this.$strings.LabelFlowPaginated,
value: 'paginated'
},
{
text: this.$strings.LabelFlowScrolled,
value: 'scrolled'
}
]
},
snapItems() {
return [
{
text: this.$strings.LabelSnapTrue,
value: false // -- note this is opposite to intuition (upstream problem)
},
{
text: this.$strings.LabelSnapFalse,
value: true // -- note this is opposite to intuition (upstream problem)
}
]
},
themeItems() {
return {
theme: [
@ -321,10 +359,14 @@ export default {
}
},
next() {
if (this.$refs.readerComponent?.next) this.$refs.readerComponent.next()
if (this.$refs.readerComponent?.next && !this.isEpub) {
this.$refs.readerComponent.next()
}
},
prev() {
if (this.$refs.readerComponent?.prev) this.$refs.readerComponent.prev()
if (this.$refs.readerComponent?.prev && !this.isEpub) {
this.$refs.readerComponent.prev()
}
},
handleGesture() {
// Touch must be less than 1s. Must be > 60px drag and X distance > Y distance