Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-05-08 04:22:28 +02:00
Code Issues Projects Releases Wiki Activity

feat(webreader): add fullscreen keyboard shortcut

Browse source
This commit is contained in:
Gauthier Roebroeck 2021-12-23 15:36:57 +08:00
parent 3fb24cba26
commit a72a3bab62
3 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
komga-webui/src/functions/shortcuts/bookreader.ts
View file

@ -17,6 +17,9 @@ export const shortcutsSettings = [
new Shortcut('bookreader.shortcuts.cycle_scale', new Shortcut('bookreader.shortcuts.cycle_scale',
(ctx: any) => ctx.cycleScale() (ctx: any) => ctx.cycleScale()
, 'c'), , 'c'),
new Shortcut('bookreader.shortcuts.fullscreen',
(ctx: any) => ctx.switchFullscreen()
, 'f'),
] ]
export const shortcutsMenus = [ export const shortcutsMenus = [

1
komga-webui/src/locales/en.json
View file

@ -128,6 +128,7 @@
"cycle_scale": "Cycle scale", "cycle_scale": "Cycle scale",
"cycle_side_padding": "Cycle side padding", "cycle_side_padding": "Cycle side padding",
"first_page": "First page", "first_page": "First page",
"fullscreen": "Enter/exit full screen",
"last_page": "Last page", "last_page": "Last page",
"left_to_right": "Left to Right", "left_to_right": "Left to Right",
"menus": "Menus", "menus": "Menus",

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

@ -626,6 +626,9 @@ export default Vue.extend({
enterFullscreen() { enterFullscreen() {
if (screenfull.isEnabled) screenfull.request(document.documentElement, {navigationUI: 'hide'}) if (screenfull.isEnabled) screenfull.request(document.documentElement, {navigationUI: 'hide'})
}, },
switchFullscreen() {
if (screenfull.isEnabled) screenfull.isFullscreen ? screenfull.exit() : this.enterFullscreen()
},
fullscreenChanged() { fullscreenChanged() {
if (screenfull.isEnabled && screenfull.isFullscreen) this.fullscreenIcon = 'mdi-fullscreen-exit' if (screenfull.isEnabled && screenfull.isFullscreen) this.fullscreenIcon = 'mdi-fullscreen-exit'
else this.fullscreenIcon = 'mdi-fullscreen' else this.fullscreenIcon = 'mdi-fullscreen'