diff --git a/client/components/player/PlayerPlaybackControls.vue b/client/components/player/PlayerPlaybackControls.vue index 4251d7bca..fc7901791 100644 --- a/client/components/player/PlayerPlaybackControls.vue +++ b/client/components/player/PlayerPlaybackControls.vue @@ -7,16 +7,16 @@ first_page - - - - @@ -56,6 +56,12 @@ export default { set(val) { this.$emit('update:playbackRate', val) } + }, + jumpForwardText() { + return this.getJumpText('jumpForwardAmount', 'Jump Forward') + }, + jumpBackwardText() { + return this.getJumpText('jumpBackwardAmount', 'Jump Backward') } }, methods: { @@ -83,6 +89,21 @@ export default { this.$store.dispatch('user/updateUserSettings', { playbackRate }).catch((err) => { console.error('Failed to update settings', err) }) + }, + getJumpText(setting, prefix) { + const amount = this.$store.getters['user/getUserSetting'](setting) + const minutes = Math.floor(amount / 60) + const seconds = amount % 60 + let formattedTime = '' + if (minutes > 0) { + formattedTime += `${minutes} ${minutes === 1 ? 'minute' : 'minutes'}` + } + if (seconds > 0) { + formattedTime += ` ${seconds} seconds` + } + formattedTime = formattedTime.trim() + formattedTime = formattedTime.length > 0 ? `${prefix} - ${formattedTime}` : '' + return formattedTime } }, mounted() {}