From 78e89d0c02639f7b5137cae28bfc22c6a43ce08e Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 24 Sep 2024 00:00:30 +0200
Subject: [PATCH] add a diffrent icon, if media is playing

---
 src/components/dialogs/AlbumViewer.vue  | 9 ++++++---
 src/components/dialogs/ArtistViewer.vue | 6 +++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/dialogs/AlbumViewer.vue b/src/components/dialogs/AlbumViewer.vue
index 4fd4d2e..8ab56b7 100644
--- a/src/components/dialogs/AlbumViewer.vue
+++ b/src/components/dialogs/AlbumViewer.vue
@@ -15,16 +15,17 @@
               from year <b>{{ album_year }}</b> </span><br />
             <b>{{ album_tracks.length }}</b> Tracks with a duration of
             <b>{{ album_duration }}</b>
-
           </span>
           <div class="grow"> </div>
           <div class="flex-row grow ma-top">
-
             <button class="flat ma-right" title="Favourite" @click="toggleFavourite">
               <awesome-icon :icon="['fas', 'star']" size="2x" class="white-text favourite active" v-if="isFavourite" />
               <awesome-icon :icon="['far', 'star']" size="2x" class="white-text favourite" v-else />
             </button>
-            <button class="flat ma-right" title="Keep playing" @click="playProgress" v-if="selectedAlbum.progress">
+            <button class="flat ma-right" title="Keep playing" v-if="selectedAlbum._id == selectedTrackContainer._id && isPlaying">
+              <awesome-icon icon="compact-disc" size="2x" class="primary-text" />
+            </button>
+            <button class="flat ma-right" title="Keep playing" @click="playProgress" v-else-if="selectedAlbum.progress">
               <awesome-icon icon="play" size="2x" class="primary-text" />
             </button>
             <button class="flat ma-right" title="Play" @click="playAlbum" v-else>
@@ -245,7 +246,9 @@ export default {
       nextAlbum: ["albums/nextAlbum"],
       selectedAlbum: ["albums/selectedAlbum"],
       selectedTrack: ["tracks/selectedTrack"],
+      selectedTrackContainer: ["tracks/selectedTrackContainer"],
       favourites: ["user/favourites"],
+      isPlaying: ["player/isPlaying"],
     }),
     album_title() {
       return this.selectedAlbum.title;
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index d1b829d..af75920 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -17,7 +17,10 @@
               <awesome-icon :icon="['fas', 'star']" size="2x" class="white-text favourite active" v-if="isFavourite" />
               <awesome-icon :icon="['far', 'star']" size="2x" class="white-text favourite" v-else />
             </button>
-            <button class="flat ma-right" @click="playProgress" title="Keep playing" v-if="selectedArtist.progress">
+            <button class="flat ma-right" title="Keep playing" v-if="selectedArtist._id == selectedTrackContainer._id && isPlaying">
+              <awesome-icon icon="compact-disc" size="2x" class="primary-text" />
+            </button>
+            <button class="flat ma-right" @click="playProgress" title="Keep playing" v-else-if="selectedArtist.progress">
               <awesome-icon icon="play" size="2x" class="primary-text" />
             </button>
             <button class="flat ma-right" @click="playArtist" title="Play" v-else>
@@ -176,6 +179,7 @@ export default {
       nextArtist: ["artists/nextArtist"],
       selectedArtist: ["artists/selectedArtist"],
       selectedTrack: ["tracks/selectedTrack"],
+      selectedTrackContainer: ["tracks/selectedTrackContainer"],
       favourites: ["user/favourites"],
       isPlaying: ["player/isPlaying"]
     }),