diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue index 75a01c52e015b419d4c919b90bfe97e7db8ab02b..2b0032cf702666d23bc4b97fbc4999db5ee83017 100644 --- a/front/src/components/audio/Player.vue +++ b/front/src/components/audio/Player.vue @@ -58,9 +58,8 @@ <div class="two wide column controls ui grid"> <div title="Previous track" - class="two wide column control" - :disabled="!hasPrevious"> - <i @click="previous" :class="['ui', {'disabled': !hasPrevious}, 'step', 'backward', 'big', 'icon']" ></i> + class="two wide column control"> + <i @click="previous" class="ui step backward big icon"></i> </div> <div v-if="!playing" @@ -205,7 +204,6 @@ export default { ...mapGetters({ currentTrack: 'queue/currentTrack', hasNext: 'queue/hasNext', - hasPrevious: 'queue/hasPrevious', durationFormatted: 'player/durationFormatted', currentTimeFormatted: 'player/currentTimeFormatted', progress: 'player/progress' diff --git a/front/src/components/audio/Track.vue b/front/src/components/audio/Track.vue index 370d8ae2d3a6c5a4076c5220f5e6d0f1f7f80e66..68dd34459870f432d7ca5c9e3b35a6d7966b225d 100644 --- a/front/src/components/audio/Track.vue +++ b/front/src/components/audio/Track.vue @@ -31,7 +31,8 @@ export default { }, data () { return { - sourceErrors: 0 + sourceErrors: 0, + isUpdatingTime: false } }, computed: { @@ -99,6 +100,7 @@ export default { } }, updateProgress: _.throttle(function () { + this.isUpdatingTime = true if (this.$refs.audio) { this.$store.dispatch('player/updateProgress', this.$refs.audio.currentTime) } @@ -130,6 +132,12 @@ export default { }, volume: function (newValue) { this.$refs.audio.volume = newValue + }, + currentTime (newValue) { + if (!this.isUpdatingTime) { + this.setCurrentTime(newValue) + } + this.isUpdatingTime = false } } } diff --git a/front/src/store/queue.js b/front/src/store/queue.js index a864405cf675a1f90f485ae53845240c06fdaae5..0908f180c9b148a63528336c6ac1b170046ea627 100644 --- a/front/src/store/queue.js +++ b/front/src/store/queue.js @@ -48,9 +48,6 @@ export default { }, hasNext: state => { return state.currentIndex < state.tracks.length - 1 - }, - hasPrevious: state => { - return state.currentIndex > 0 } }, actions: { @@ -103,9 +100,11 @@ export default { dispatch('next') } }, - previous ({state, dispatch}) { - if (state.currentIndex > 0) { + previous ({state, dispatch, rootState}) { + if (state.currentIndex > 0 && rootState.player.currentTime < 3) { dispatch('currentIndex', state.currentIndex - 1) + } else { + dispatch('currentIndex', state.currentIndex) } }, next ({state, dispatch, commit, rootState}) { diff --git a/front/test/unit/specs/store/queue.spec.js b/front/test/unit/specs/store/queue.spec.js index b445229ec44fa680be900eba1007dfe6aa1f6bbe..a46ca35bfdfb4ee88f2cef391a96246cf6daf320 100644 --- a/front/test/unit/specs/store/queue.spec.js +++ b/front/test/unit/specs/store/queue.spec.js @@ -81,14 +81,6 @@ describe('store/queue', () => { const state = { tracks: [1, 2, 3], currentIndex: 2 } expect(store.getters['hasNext'](state)).to.equal(false) }) - it('hasPrevious true', () => { - const state = { currentIndex: 1 } - expect(store.getters['hasPrevious'](state)).to.equal(true) - }) - it('hasPrevious false', () => { - const state = { currentIndex: 0 } - expect(store.getters['hasPrevious'](state)).to.equal(false) - }) }) describe('actions', () => { it('append at end', (done) => {