From bfa2497dd55004eaa485b8f815feeb46b0f48d4c Mon Sep 17 00:00:00 2001
From: chme <christian.meffert@googlemail.com>
Date: Tue, 1 Sep 2020 20:56:57 +0200
Subject: [PATCH] [web-src] Add metadata fields to album dialog

---
 web-src/src/components/ModalDialogAlbum.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web-src/src/components/ModalDialogAlbum.vue b/web-src/src/components/ModalDialogAlbum.vue
index e9f0d69b..6b8e621a 100644
--- a/web-src/src/components/ModalDialogAlbum.vue
+++ b/web-src/src/components/ModalDialogAlbum.vue
@@ -27,10 +27,30 @@
                   <span class="heading">Album artist</span>
                   <span class="title is-6">{{ album.artist }}</span>
                 </p>
+                <p v-if="album.date_released">
+                  <span class="heading">Release date</span>
+                  <span class="title is-6">{{ album.date_released | time('L') }}</span>
+                </p>
+                <p v-else-if="album.year > 0">
+                  <span class="heading">Year</span>
+                  <span class="title is-6">{{ album.year }}</span>
+                </p>
                 <p>
                   <span class="heading">Tracks</span>
                   <span class="title is-6">{{ album.track_count }}</span>
                 </p>
+                <p>
+                  <span class="heading">Length</span>
+                  <span class="title is-6">{{ album.length_ms | duration }}</span>
+                </p>
+                <p>
+                  <span class="heading">Type</span>
+                  <span class="title is-6">{{ album.media_kind }} - {{ album.data_kind }}</span>
+                </p>
+                <p>
+                  <span class="heading">Added at</span>
+                  <span class="title is-6">{{ album.time_added | time('L LT') }}</span>
+                </p>
               </div>
             </div>
             <footer class="card-footer">