Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-21 16:03:03 +01:00
Code Issues Projects Releases Wiki Activity

feat(web reader): double page support

Browse source 
closes #61
This commit is contained in:
Gauthier Roebroeck 2020-01-09 17:19:42 +08:00
parent 00f7e71f4c
commit 77c9004d57
1 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
komga-webui/src/views/BookReader.vue
View file

@ -164,6 +164,21 @@
</v-col>
</v-row>
<!-- Menu: double pages buttons -->
<v-row justify="center">
<v-col cols="auto">
<v-btn-toggle v-model="doublePagesButtons" dense mandatory active-class="primary">
<v-btn @click="setDoublePages(false)">
Single page
</v-btn>
<v-btn @click="setDoublePages(true)">
Double pages
</v-btn>
</v-btn-toggle>
</v-col>
</v-row>
<!-- Menu: keyboard shortcuts -->
<v-row>
<v-col cols="auto">
@ -226,6 +241,8 @@ export default Vue.extend({
fitHeight: true,
rtlButtons: 0,
rtl: false,
doublePages: false,
doublePagesButtons: 0,
slickOptions: {
infinite: false,
arrows: false,
@ -236,7 +253,9 @@ export default Vue.extend({
cssEase: 'cubic-bezier(0.250, 0.100, 0.250, 1.000)',
speed: 150,
initialSlide: 0,
rtl: false
rtl: false,
slidesToShow: 1,
slidesToScroll: 1
}
}
},
@ -373,6 +392,11 @@ export default Vue.extend({
this.rtl = rtl
this.slickOptions.rtl = rtl;
(this.$refs.slick as any).setOption('rtl', rtl, true)
},
setDoublePages (doublePages: boolean) {
this.doublePages = doublePages
this.slickOptions.slidesToShow = doublePages ? 2 : 1;
(this.$refs.slick as any).setOption('slidesToShow', doublePages ? 2 : 1, true)
}
}
})