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 () {
--
GitLab