From 1a34f44898036aabf48c9a68ce457f17d6fddc30 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 23 Apr 2018 19:05:48 +0200
Subject: [PATCH] Fix #150: Player is back in Queue tab

---
 changes/changelog.d/150.enhancement   |  1 +
 front/src/components/Sidebar.vue      |  4 +---
 front/src/components/audio/Player.vue | 14 ++++++++++++--
 3 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 changes/changelog.d/150.enhancement

diff --git a/changes/changelog.d/150.enhancement b/changes/changelog.d/150.enhancement
new file mode 100644
index 000000000..419b0a4b2
--- /dev/null
+++ b/changes/changelog.d/150.enhancement
@@ -0,0 +1 @@
+Player is back in Queue tab (#150)
diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 3f793fe02..51e340573 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -49,8 +49,6 @@
           class="item" v-if="$store.state.auth.availablePermissions['federation.manage']"
           :to="{path: '/manage/federation/libraries'}"><i class="sitemap icon"></i> {{ $t('Federation') }}</router-link>
       </div>
-
-      <player></player>
     </div>
     <div v-if="queue.previousQueue " class="ui black icon message">
       <i class="history icon"></i>
@@ -90,7 +88,6 @@
           </draggable>
       </table>
       <div v-if="$store.state.radios.running" class="ui black message">
-
         <div class="content">
           <div class="header">
             <i class="feed icon"></i> {{ $t('You have a radio playing') }}
@@ -101,6 +98,7 @@
       </div>
     </div>
   </div>
+  <player @next="scrollToCurrent" @previous="scrollToCurrent"></player>
 </div>
 </template>
 
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index ad90a5995..f27ff3edb 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -173,11 +173,21 @@ export default {
     ...mapActions({
       togglePlay: 'player/togglePlay',
       clean: 'queue/clean',
-      next: 'queue/next',
-      previous: 'queue/previous',
       shuffle: 'queue/shuffle',
       updateProgress: 'player/updateProgress'
     }),
+    next () {
+      let self = this
+      this.$store.dispatch('queue/next').then(() => {
+        self.$emit('next')
+      })
+    },
+    previous () {
+      let self = this
+      this.$store.dispatch('queue/previous').then(() => {
+        self.$emit('previous')
+      })
+    },
     touchProgress (e) {
       let time
       let target = this.$refs.progress