From 97718587291810efe586f9571959af73836dc620 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@posteo.net>
Date: Fri, 5 Jul 2019 09:47:37 +0200
Subject: [PATCH] Resolve "Add a "Replace current playlist" option"

---
 changes/changelog.d/761.enhancement       |  1 +
 front/src/components/audio/PlayButton.vue | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/761.enhancement

diff --git a/changes/changelog.d/761.enhancement b/changes/changelog.d/761.enhancement
new file mode 100644
index 000000000..005e9156d
--- /dev/null
+++ b/changes/changelog.d/761.enhancement
@@ -0,0 +1 @@
+Added the option to replace the queue's current contents with a selected album or track (#761)
\ No newline at end of file
diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index c1eeeedd4..3d9e31768 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -19,7 +19,11 @@
           <i class="step forward icon"></i>{{ labels.playNext }}
         </button>
         <button class="item basic" ref="playNow" data-ref="playNow" :disabled="!playable" @click.stop.prevent="addNext(true)" :title="labels.playNow">
-          <i class="play icon"></i>{{ labels.playNow }}</button>
+          <i class="play icon"></i>{{ labels.playNow }}
+        </button>
+        <button class="item basic" ref="replacePlay" data-ref="replacePlay" :disabled="!playable" @click.stop.prevent="replacePlay()" :title="labels.replacePlay">
+          <i class="list icon"></i>{{ labels.replacePlay }}
+        </button>
         <button v-if="track" class="item basic" :disabled="!playable" @click.stop.prevent="$store.dispatch('radios/start', {type: 'similar', objectId: track.id})" :title="labels.startRadio">
           <i class="feed icon"></i><translate translate-context="*/Queue/Button.Label/Short, Verb">Start radio</translate>
         </button>
@@ -74,7 +78,8 @@ export default {
         playNow: this.$pgettext('*/Queue/Dropdown/Button/Title', 'Play now'),
         addToQueue: this.$pgettext('*/Queue/Dropdown/Button/Title', 'Add to current queue'),
         playNext: this.$pgettext('*/Queue/Dropdown/Button/Title', 'Play next'),
-        startRadio: this.$pgettext('*/Queue/Dropdown/Button/Title', 'Play similar songs')
+        startRadio: this.$pgettext('*/Queue/Dropdown/Button/Title', 'Play similar songs'),
+        replacePlay: this.$pgettext('*/Queue/Dropdown/Button/Title', 'Replace current queue')
       }
     },
     title () {
@@ -201,6 +206,14 @@ export default {
       })
       jQuery(self.$el).find('.ui.dropdown').dropdown('hide')
     },
+    replacePlay () {
+      let self = this
+      self.$store.dispatch('queue/clean')
+      this.getPlayableTracks().then((tracks) => {
+        self.$store.dispatch('queue/appendMany', {tracks: tracks}).then(() => self.addMessage(tracks))
+      })
+      jQuery(self.$el).find('.ui.dropdown').dropdown('hide')
+    },
     addNext (next) {
       let self = this
       let wasEmpty = this.$store.state.queue.tracks.length === 0