Added condition to display concatenated text if artist count is over …

…10. Fixed jellyfin#4228
alfred-delacosta · Oct 24, 2023 · 78d6af1 · 78d6af1
1 parent 167a13d
commit 78d6af1
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js
@@ -439,8 +439,20 @@ function renderName(item, container, context) {
     if (parentNameHtml.length) {
         if (parentNameLast) {
             // Music
+            // Determine if there are over 10 artists in the album. If so, concat with 'and X others.'
+            const artists = parentNameHtml[0].split(' / ');
+            const otherArtistCount = artists.length - 10;
+            let newParentNameHtml = artists.slice(0, 10).join(' / ');
+            newParentNameHtml = `${newParentNameHtml} and ${otherArtistCount} other artists.</br>`;
+
             if (layoutManager.mobile) {
-                html = '<h3 class="parentName musicParentName">' + parentNameHtml.join('</br>') + '</h3>';
+                if (artists.length > 10) {
+                    html = '<h3 class="parentName musicParentName ">' + newParentNameHtml + '</h3>';
+                } else {
+                    html = '<h3 class="parentName musicParentName">' + parentNameHtml.join('</br>') + '</h3>';
+                }
+            } else if (artists.length > 10) {
+                html = '<h3 class="parentName musicParentName">' + newParentNameHtml + '</h3>';
             } else {
                 html = '<h3 class="parentName musicParentName focuscontainer-x">' + parentNameHtml.join(' - ') + '</h3>';
             }