diff --git a/komga-webui/src/locales/en.json b/komga-webui/src/locales/en.json index e29d92c4c..5ed1f7c93 100644 --- a/komga-webui/src/locales/en.json +++ b/komga-webui/src/locales/en.json @@ -781,7 +781,8 @@ "click": "Click / Tap" }, "page_margins": "Page margins", - "viewing_theme": "Viewing theme" + "viewing_theme": "Viewing theme", + "progress_markers": "Progress markers" }, "shortcuts": { "cycle_pagination": "Cycle column count", diff --git a/komga-webui/src/views/EpubReader.vue b/komga-webui/src/views/EpubReader.vue index 334f33514..06a02140e 100644 --- a/komga-webui/src/views/EpubReader.vue +++ b/komga-webui/src/views/EpubReader.vue @@ -164,12 +164,15 @@ v-if="!verticalScroll" > - + {{ $t('epubreader.page_of', {page: progressionPage, count: progressionPageCount}) }} - ({{ progressionTitle || $t('epubreader.current_chapter') }}) + ({{ progressionTitle || $t('epubreader.current_chapter')}}) + + + {{ progressionTitle || $t('epubreader.current_chapter') }} - {{ progressionTotalPercentage }} + {{ progressionTotalPercentage }} @@ -250,6 +253,9 @@ {{ c.text }} + + + @@ -412,6 +418,7 @@ export default Vue.extend({ alwaysFullscreen: false, navigationClick: true, navigationButtons: true, + progressMarkers: true, }, navigationOptions: [ {text: this.$t('epubreader.settings.navigation_options.buttons').toString(), value: 'button'}, @@ -617,6 +624,15 @@ export default Vue.extend({ else screenfull.isEnabled && screenfull.exit() }, }, + progressMarkers: { + get: function (): boolean { + return this.settings.progressMarkers + }, + set: function (value: boolean): void { + this.settings.progressMarkers = value + this.$store.commit('setEpubreaderSettings', this.settings) + }, + }, navigationMode: { get: function (): string { let r = this.settings.navigationButtons ? 'button' : ''