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' : ''