A music player that connects to your cloud/distributed storage.
chore: 🧹
+14
-6
+14
-6
src/themes/webamp/browser/element.js
+14
-6
src/themes/webamp/browser/element.js
···
17
17
const OVERSCAN = 20;
18
18
19
19
const SORT_OPTIONS = [
20
-
{ label: "Default order", value: [] },
20
+
{ label: "Default", value: [] },
21
21
{ label: "Added to collection", value: ["createdAt"] },
22
22
{ label: "Title", value: ["tags.title"] },
23
23
{ label: "Album", value: ["tags.album", "tags.disc.no", "tags.track.no"] },
24
-
{ label: "Artist", value: ["tags.artist", "tags.album", "tags.disc.no", "tags.track.no"] },
24
+
{
25
+
label: "Artist",
26
+
value: ["tags.artist", "tags.album", "tags.disc.no", "tags.track.no"],
27
+
},
25
28
{ label: "Year", value: ["tags.year"] },
26
29
{ label: "Date", value: ["tags.date"] },
27
30
];
···
141
144
const select = this.root().querySelector("#sort-by-select");
142
145
143
146
if (select) {
144
-
/** @type {HTMLSelectElement} */ (select).value = JSON.stringify(sortBy ?? []);
147
+
/** @type {HTMLSelectElement} */ (select).value = JSON.stringify(
148
+
sortBy ?? [],
149
+
);
145
150
}
146
151
});
147
152
}
···
380
385
`
381
386
)}
382
387
</select>
383
-
<label for="sort-by-select">Sort:</label>
388
+
<label for="sort-by-select">Sort by:</label>
384
389
<select id="sort-by-select" @change="${this.setSortBy}">
385
390
${SORT_OPTIONS.map((opt) => {
386
391
const json = JSON.stringify(opt.value);
387
-
return html`<option value="${json}" ?selected="${sortByJson === json}">${opt.label}</option>`;
392
+
return html`
393
+
<option value="${json}" ?selected="${sortByJson === json}">${opt
394
+
.label}</option>
395
+
`;
388
396
})}
389
397
</select>
390
398
</search>
···
400
408
</thead>
401
409
</table>
402
410
<div class="virtual-scroll" style="height:${totalHeight}px">
403
-
<table style="transform:translateY(${topPad}px)">
411
+
<table style="transform: translateY(${topPad}px)">
404
412
<colgroup>
405
413
<col style="width:40%">
406
414
<col style="width:30%">