Docker/NovaSonic
0
0 Fork 0
Code Issues 15 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

feat: show track number in iTunes album track list

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-05-24 12:46:30 +02:00
1 parent 5d7ef60159
commit b63d93114a
2 files changed
+3 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components.js
+1
View File
@@ -73,6 +73,7 @@ export function makeGlobalTrackItem(t, idx, list) {
const art = t.artworkUrl60 || t.artworkUrl100 || ''; const art = t.artworkUrl60 || t.artworkUrl100 || '';
el.innerHTML = ` el.innerHTML = `
<div class="gtrack-art">${art ? `<img src="${art}" loading="lazy" onerror="this.parentNode.innerHTML='<div style=\\'width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px\\'>🎵</div>'">` : '<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px">🎵</div>'}</div> <div class="gtrack-art">${art ? `<img src="${art}" loading="lazy" onerror="this.parentNode.innerHTML='<div style=\\'width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px\\'>🎵</div>'">` : '<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px">🎵</div>'}</div>
<div class="gtrack-num">${t.trackNumber || ''}</div>
<div class="gtrack-info"> <div class="gtrack-info">
<div class="gtrack-title">${esc(t.trackName||t.collectionName||'—')}${t.trackExplicitness==='explicit'?'<span class="explicit-badge">E</span>':''}</div> <div class="gtrack-title">${esc(t.trackName||t.collectionName||'—')}${t.trackExplicitness==='explicit'?'<span class="explicit-badge">E</span>':''}</div>
<div class="gtrack-sub">${esc(t.artistName||'—')} · ${esc(t.collectionName||'')} ${t.releaseDate?'· '+new Date(t.releaseDate).getFullYear():''}</div> <div class="gtrack-sub">${esc(t.artistName||'—')} · ${esc(t.collectionName||'')} ${t.releaseDate?'· '+new Date(t.releaseDate).getFullYear():''}</div>
styles.css
+2 -1
View File
@@ -185,7 +185,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
.badge-local{background:var(--green-dim);color:var(--green)} .badge-local{background:var(--green-dim);color:var(--green)}
/* ── GLOBAL SEARCH RESULTS ── */ /* ── GLOBAL SEARCH RESULTS ── */
.gtrack-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .15s} .gtrack-item{display:grid;grid-template-columns:28px 52px 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .15s}
.gtrack-num{font-size:12px;color:var(--text3);text-align:right;font-variant-numeric:tabular-nums}
.gtrack-item:hover{background:var(--surface)} .gtrack-item:hover{background:var(--surface)}
.gtrack-art{width:52px;height:52px;border-radius:6px;overflow:hidden;background:var(--surface2);flex-shrink:0} .gtrack-art{width:52px;height:52px;border-radius:6px;overflow:hidden;background:var(--surface2);flex-shrink:0}
.gtrack-art img{width:100%;height:100%;object-fit:cover} .gtrack-art img{width:100%;height:100%;object-fit:cover}