From 69a3f34784430923eb71b7336f29a117dffe3826 Mon Sep 17 00:00:00 2001
From: Bat <baptiste@gelez.xyz>
Date: Sun, 1 Apr 2018 16:21:52 +0100
Subject: [PATCH] Disable previous button if queue is empty

---
 front/src/components/audio/Player.vue | 6 ++++--
 front/src/store/queue.js              | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 2b0032cf7..31f6dc35a 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -58,8 +58,9 @@
       <div class="two wide column controls ui grid">
         <div
           title="Previous track"
-          class="two wide column control">
-            <i @click="previous" class="ui step backward big icon"></i>
+          class="two wide column control"
+          :disabled="emptyQueue">
+            <i @click="previous" :class="['ui', 'backward', {'disabled': emptyQueue}, 'big', 'icon']"></i>
         </div>
         <div
           v-if="!playing"
@@ -204,6 +205,7 @@ export default {
     ...mapGetters({
       currentTrack: 'queue/currentTrack',
       hasNext: 'queue/hasNext',
+      emptyQueue: 'queue/isEmpty',
       durationFormatted: 'player/durationFormatted',
       currentTimeFormatted: 'player/currentTimeFormatted',
       progress: 'player/progress'
diff --git a/front/src/store/queue.js b/front/src/store/queue.js
index 0908f180c..6a26fa1e9 100644
--- a/front/src/store/queue.js
+++ b/front/src/store/queue.js
@@ -48,7 +48,8 @@ export default {
     },
     hasNext: state => {
       return state.currentIndex < state.tracks.length - 1
-    }
+    },
+    isEmpty: state => state.tracks.length === 0
   },
   actions: {
     append ({commit, state, dispatch}, {track, index, skipPlay}) {