From 00f4f6685881d72fd98020aac69d34e87345b3d8 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 28 Aug 2020 17:18:12 +0200 Subject: proper keyboard movement in vitrine --- .../frontend/app/views/viewer/player/player.container.js | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'animism-align/frontend/app/views/viewer/player') diff --git a/animism-align/frontend/app/views/viewer/player/player.container.js b/animism-align/frontend/app/views/viewer/player/player.container.js index f783b9b..9e43c32 100644 --- a/animism-align/frontend/app/views/viewer/player/player.container.js +++ b/animism-align/frontend/app/views/viewer/player/player.container.js @@ -26,7 +26,7 @@ class PlayerContainer extends Component { if (document.activeElement !== document.body) { return } - const { currentSection, audio } = this.props + const { currentSection, audio, viewer } = this.props const { play_ts } = audio let start_ts = 0 let end_ts = 0 @@ -43,12 +43,20 @@ class PlayerContainer extends Component { case 37: // left case 38: // up e.preventDefault() - actions.audio.seek(clamp(play_ts - 5.0, start_ts, end_ts)) + if (viewer.vitrineModal.open) { + actions.viewer.vitrineGo(-1) + } else { + actions.audio.seek(clamp(play_ts - 5.0, start_ts, end_ts)) + } break case 39: // right case 40: // down e.preventDefault() - actions.audio.seek(clamp(play_ts + 5.0, start_ts, end_ts)) + if (viewer.vitrineModal.open) { + actions.viewer.vitrineGo(+1) + } else { + actions.audio.seek(clamp(play_ts + 5.0, start_ts, end_ts)) + } break } } @@ -99,6 +107,7 @@ class PlayerContainer extends Component { } const mapStateToProps = state => ({ + viewer: state.viewer, audio: state.audio, sections: state.viewer.sections, currentSection: state.viewer.currentSection, -- cgit v1.2.3-70-g09d2