From 8822056c1f40f6d3e96b4c2f7a37aa996a3e2890 Mon Sep 17 00:00:00 2001
From: dbroqua <contact@darkou.fr>
Date: Tue, 17 Jan 2023 16:54:58 +0100
Subject: [PATCH] =?UTF-8?q?#76=20-=20Avoir=20plus=20de=20d=C3=A9tails=20su?=
 =?UTF-8?q?r=20le=20support=20physique=20sur=20la=20modale=20d'ajout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mon-compte/ma-collection/details.js       | 12 ++++++--
 views/pages/ajouter-un-album.ejs              | 28 +++++++++++++++----
 .../mon-compte/ma-collection/details.ejs      |  5 ++++
 3 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/javascripts/mon-compte/ma-collection/details.js b/javascripts/mon-compte/ma-collection/details.js
index fe8d079..5486244 100644
--- a/javascripts/mon-compte/ma-collection/details.js
+++ b/javascripts/mon-compte/ma-collection/details.js
@@ -38,14 +38,21 @@ if (typeof item !== "undefined") {
                 }
             },
             setTrackList() {
+                this.tracklist = [];
                 let subTrack = {
                     type: null,
                     title: null,
                     tracks: [],
                 };
                 for (let i = 0; i < this.item.tracklist.length; i += 1) {
-                    const { type_, title, position, duration, extraartists } =
-                        this.item.tracklist[i];
+                    const {
+                        type_,
+                        title,
+                        position,
+                        duration,
+                        artists,
+                        extraartists,
+                    } = this.item.tracklist[i];
 
                     if (type_ === "heading") {
                         if (subTrack.type) {
@@ -65,6 +72,7 @@ if (typeof item !== "undefined") {
                             position,
                             duration,
                             extraartists,
+                            artists,
                         });
                     }
                 }
diff --git a/views/pages/ajouter-un-album.ejs b/views/pages/ajouter-un-album.ejs
index f32ea67..2141963 100644
--- a/views/pages/ajouter-un-album.ejs
+++ b/views/pages/ajouter-un-album.ejs
@@ -1,7 +1,7 @@
 <main class="layout-maxed ajouter-un-album" id="ajouter-album">
     <h1>Ajouter un album</h1>
     <form @submit="search">
-        <div class="grid sm:grid-cols-2">
+        <div class="grid grid-cols-1 md:grid-cols-2">
             <div>
                 <label for="q">Nom de l'album ou code barre</label>
                 <div class="field has-addons">
@@ -87,7 +87,14 @@
                             <hr />
                         </div>
                         <ol class="ml-4">
-                            <li v-for="track in details.tracklist">{{ track.title }} ({{track.duration}})</li>
+                            <li v-for="track in details.tracklist">
+                                {{ track.title }} ({{track.duration}})
+                                <ul v-if="track.artists && track.artists.length > 0" class="sm-hidden">
+                                    <li v-for="extra in track.artists" class=" ml-4">
+                                        <small>{{extra.role}} : {{extra.name}}</small>
+                                    </li>
+                                </ul>
+                            </li>
                         </ol>
                     </div>
                     <div>
@@ -129,10 +136,19 @@
                         <div class="grid grid-cols-2 gap-10">
                             <div>
                                 <strong>Format</strong>
-                                <br />
-                                <span v-for="(format, index) in details.formats">
-                                    {{format.name}}<template v-if="index < details.formats.length - 1">, </template>
-                                </span>
+                                <ul class="ml-4">
+                                    <li v-for="(format) in details.formats">
+                                        {{format.name}}
+                                        <template v-if="format.text">
+                                            - <i>{{format.text}}</i>
+                                        </template>
+                                        <template v-if="format.descriptions && format.descriptions.length > 0">
+                                        (<span v-for="(description, index) in format.descriptions">
+                                            {{description}}<template v-if="index < format.descriptions.length - 1">, </template>
+                                        </span>)
+                                        </template>
+                                    </li>
+                                </ul>
                             </div>
                         </div>
                         <hr />
diff --git a/views/pages/mon-compte/ma-collection/details.ejs b/views/pages/mon-compte/ma-collection/details.ejs
index c868db0..dc56b3a 100644
--- a/views/pages/mon-compte/ma-collection/details.ejs
+++ b/views/pages/mon-compte/ma-collection/details.ejs
@@ -23,6 +23,11 @@
                 <ul>
                     <li v-for="(track, index) in album.tracks" class="ml-4">
                         {{track.position || (index+1)}} - {{ track.title }} <template v-if="track.duration">({{track.duration}})</template>
+                        <ul v-if="track.artists && track.artists.length > 0" class="sm-hidden">
+                            <li v-for="extra in track.artists" class=" ml-4">
+                                <small>{{extra.name}}</small>
+                            </li>
+                        </ul>
                         <ul v-if="track.extraartists && track.extraartists.length > 0" class="sm-hidden">
                             <li v-for="extra in track.extraartists" class=" ml-4">
                                 <small>{{extra.role}} : {{extra.name}}</small>