From 209b4854263eee63a43395b3a55826176672a1f3 Mon Sep 17 00:00:00 2001
From: Tek <tek@randhome.io>
Date: Thu, 6 Sep 2018 17:39:38 +0000
Subject: [PATCH] Resolve "Wrong titles on play button"

---
 changes/changelog.d/435.bugfix            |  1 +
 front/src/components/audio/PlayButton.vue | 12 +++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 changes/changelog.d/435.bugfix

diff --git a/changes/changelog.d/435.bugfix b/changes/changelog.d/435.bugfix
new file mode 100644
index 000000000..aa93ec351
--- /dev/null
+++ b/changes/changelog.d/435.bugfix
@@ -0,0 +1 @@
+Fixed wrong title in PlayButton (#435)
diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index b1421225b..58a58e7b1 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -2,7 +2,7 @@
   <span :title="title" :class="['ui', {'tiny': discrete}, {'buttons': !dropdownOnly && !iconOnly}]">
     <button
       v-if="!dropdownOnly"
-      :title="labels.addToQueue"
+      :title="labels.playNow"
       @click="addNext(true)"
       :disabled="!playable"
       :class="buttonClasses.concat(['ui', {loading: isLoading}, {'mini': discrete}, {disabled: !playable}])">
@@ -12,9 +12,9 @@
     <div v-if="!discrete && !iconOnly" :class="['ui', {disabled: !playable}, 'floating', 'dropdown', {'icon': !dropdownOnly}, {'button': !dropdownOnly}]">
       <i :class="dropdownIconClasses.concat(['icon'])"></i>
       <div class="menu">
-        <div class="item" :disabled="!playable" @click="add"><i class="plus icon"></i><translate>Add to queue</translate></div>
-        <div class="item" :disabled="!playable" @click="addNext()"><i class="step forward icon"></i><translate>Play next</translate></div>
-        <div class="item" :disabled="!playable" @click="addNext(true)"><i class="arrow down icon"></i><translate>Play now</translate></div>
+        <div class="item" :disabled="!playable" @click="add" :title="labels.addToQueue"><i class="plus icon"></i><translate>Add to queue</translate></div>
+        <div class="item" :disabled="!playable" @click="addNext()" :title="labels.playNext"><i class="step forward icon"></i><translate>Play next</translate></div>
+        <div class="item" :disabled="!playable" @click="addNext(true)" :title="labels.playNow"><i class="arrow down icon"></i><translate>Play now</translate></div>
       </div>
     </div>
   </span>
@@ -50,7 +50,9 @@ export default {
   computed: {
     labels () {
       return {
-        addToQueue: this.$gettext('Add to current queue')
+        playNow: this.$gettext('Play now'),
+        addToQueue: this.$gettext('Add to current queue'),
+        playNext: this.$gettext('Play next')
       }
     },
     title () {