From 10480a3ab6f712fa84e05aa887b66b6dfe15c5a8 Mon Sep 17 00:00:00 2001
From: Agate <me@agate.blue>
Date: Sat, 12 Sep 2020 10:54:02 +0200
Subject: [PATCH] Fix: #1226: Added controls to play volume of an album

---
 changes/changelog.d/1226.enhancement         | 1 +
 front/src/components/library/AlbumDetail.vue | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/1226.enhancement

diff --git a/changes/changelog.d/1226.enhancement b/changes/changelog.d/1226.enhancement
new file mode 100644
index 000000000..2f3bace25
--- /dev/null
+++ b/changes/changelog.d/1226.enhancement
@@ -0,0 +1 @@
+Added controls to play volume of an album (#1226)
\ No newline at end of file
diff --git a/front/src/components/library/AlbumDetail.vue b/front/src/components/library/AlbumDetail.vue
index 559a4a330..bc670ce6b 100644
--- a/front/src/components/library/AlbumDetail.vue
+++ b/front/src/components/library/AlbumDetail.vue
@@ -9,6 +9,7 @@
     <template v-else-if="discs && discs.length > 1">
       <div v-for="(tracks, discNumber) in discs" :key="discNumber">
         <div class="ui hidden divider"></div>
+        <play-button class="right floated mini inverted vibrant" :tracks="tracks"></play-button>
         <translate
           tag="h3"
           :translate-params="{number: discNumber + 1}"
@@ -52,6 +53,7 @@ import ChannelEntries from '@/components/audio/ChannelEntries'
 import AlbumEntries from '@/components/audio/AlbumEntries'
 import Pagination from "@/components/Pagination"
 import PaginationMixin from "@/components/mixins/Pagination"
+import PlayButton from "@/components/audio/PlayButton"
 
 export default {
   props: ["object", "libraries", "discs", "isSerie", "artist", "page", "paginateBy", "totalTracks"],
@@ -60,7 +62,8 @@ export default {
     AlbumEntries,
     ChannelEntries,
     TrackTable,
-    Pagination
+    Pagination,
+    PlayButton
   },
   data() {
     return {