fix(Steppers): Steppers wrong state while playing

- Fixes #336
podlove · Feb 6, 2017 · c05ecde · c05ecde
1 parent 100e041
commit c05ecde
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/player/control-bar/StepBackButton.vue b/src/components/player/control-bar/StepBackButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <PodloveButton class="podlove-player--player-control" :class="playstate" :click="onButtonClick" :disabled="(playtime - 30) < 0">
+  <PodloveButton class="podlove-player--player-control" :class="playstate" :click="onButtonClick" :disabled="isDisabled(playtime)">
     <StepBackIcon
       :primary-color="theme.player.actions.icon"
       :secondary-color="theme.player.actions.background"
@@ -27,6 +27,9 @@
     methods: {
       onButtonClick () {
         store.dispatch(store.actions.updatePlaytime(this.$select('playtime') - 30))
+      },
+      isDisabled (playtime) {
+        return (Math.round(playtime, 1) - 30) < 0
       }
     }
   }

diff --git a/src/components/player/control-bar/StepForwardButton.vue b/src/components/player/control-bar/StepForwardButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <PodloveButton class="podlove-player--player-control" :class="playstate" :click="onButtonClick" :disabled="(playtime + 30) > duration">
+  <PodloveButton class="podlove-player--player-control" :class="playstate" :click="onButtonClick" :disabled="isDisabled(playtime, duration)">
     <StepForwardIcon
       :primary-color="theme.player.actions.icon"
       :secondary-color="theme.player.actions.background"
@@ -28,6 +28,9 @@
     methods: {
       onButtonClick () {
         store.dispatch(store.actions.updatePlaytime(this.$select('playtime') + 30))
+      },
+      isDisabled (playtime, duration) {
+        return (Math.round(playtime, 1) + 30) > Math.round(duration, 1)
       }
     }
   }