Use more verbose queue track names

In addition to the track title, include:
- track number
- artist

Author: Borewit

src/index.js

@@ -1176,7 +1176,7 @@ function addBatchToPlayQueue( files, autoplay = false ) {
 function addMetadata( metadata, target ) {
 	const trackData  = target.dataset,
 		  sourceData = metadata.dataset,
-		  { album, artist, picture, title, year } = metadata.common || {},
+		  { album, artist, picture, title, year, track } = metadata.common || {},
 		  { bitrate, bitsPerSample, codec, codecProfile, container,
 		    duration, lossless, numberOfChannels, sampleRate } = metadata.format || {};
 
@@ -1188,6 +1188,7 @@ function addMetadata( metadata, target ) {
 		trackData.title  = title || trackData.title;
 		trackData.album  = album ? album + ( year ? ' (' + year + ')' : '' ) : trackData.album;
 		trackData.codec  = codec || container ? ( codec || container ) + ' (' + numberOfChannels + 'ch)' : trackData.codec;
+		trackData.fullTrackName = `${track.no ? (track.no + ': ') : ''} ${title || trackData.title} ${title || trackData.title} - ${artist || trackData.artist}`
 
 		const khz = sampleRate ? Math.round( sampleRate / 1000 ) + 'kHz' : '';
 

src/styles.css

@@ -1178,7 +1178,7 @@ kbd.wide {
 	position: relative;
 }
 #playlist li::before {
-	content: attr(data-title);
+	content: attr(data-full-track-name);
 	display: inline-block;
 	overflow: hidden;
 	vertical-align: text-bottom;
@@ -1193,7 +1193,7 @@ kbd.wide {
 	padding-left: .25em;
 }
 #playlist li.current::before {
-	content: "\25b8"" " attr(data-title);
+	content: "\25b8"" " attr(data-full-track-name);
 }
 
 #console .error {