From aae2904a578d8d0a7899dcc2a73cd2a92a66f5e1 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Tue, 11 Feb 2025 19:05:15 +0100
Subject: [PATCH] [web] Fix missing buttons on dialogs

---
 web-src/src/components/ModalDialogAlbum.vue    |  3 ++-
 web-src/src/components/ModalDialogPlayable.vue | 12 +++++++++---
 web-src/src/components/ModalDialogTrack.vue    |  1 +
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/web-src/src/components/ModalDialogAlbum.vue b/web-src/src/components/ModalDialogAlbum.vue
index 997ae5ef..c8bd30ac 100644
--- a/web-src/src/components/ModalDialogAlbum.vue
+++ b/web-src/src/components/ModalDialogAlbum.vue
@@ -1,5 +1,6 @@
 <template>
   <modal-dialog-playable
+    :buttons="buttons"
     :item="playable"
     :show="show"
     @close="$emit('close')"
@@ -22,7 +23,7 @@ export default {
   computed: {
     buttons() {
       if (this.media_kind_resolved === 'podcast') {
-        if (item.data_kind === 'url') {
+        if (this.item.data_kind === 'url') {
           return [
             { label: 'dialog.album.mark-as-played', action: this.mark_played },
             {
diff --git a/web-src/src/components/ModalDialogPlayable.vue b/web-src/src/components/ModalDialogPlayable.vue
index a7fda221..3ad4a905 100644
--- a/web-src/src/components/ModalDialogPlayable.vue
+++ b/web-src/src/components/ModalDialogPlayable.vue
@@ -10,10 +10,16 @@
         :url="item.image"
         :artist="item.artist"
         :album="item.name"
-        class="is-normal mb-3"
+        class="is-normal mb-5"
       />
-      <div v-for="button in buttons" :key="button.label" class="buttons">
-        <a v-t="button.label" class="button is-small" @click="button.action" />
+      <div class="buttons">
+        <a
+          v-for="button in buttons"
+          :key="button.label"
+          v-t="button.label"
+          class="button is-small"
+          @click="button.action"
+        />
       </div>
       <div
         v-for="property in item.properties?.filter((p) => p.value)"
diff --git a/web-src/src/components/ModalDialogTrack.vue b/web-src/src/components/ModalDialogTrack.vue
index f8415873..f87cff4e 100644
--- a/web-src/src/components/ModalDialogTrack.vue
+++ b/web-src/src/components/ModalDialogTrack.vue
@@ -1,5 +1,6 @@
 <template>
   <modal-dialog-playable
+    :buttons="buttons"
     :item="playable"
     :show="show"
     @close="$emit('close')"