diff --git a/js/app.js b/js/app.js
index 2415ddd..af1e15c 100644
--- a/js/app.js
+++ b/js/app.js
@@ -993,19 +993,21 @@ document.addEventListener('DOMContentLoaded', async () => {
const playlists = await db.getPlaylists(false);
- list.innerHTML = `
+ list.innerHTML =
+ `
+ Create New Playlist
- ` + playlists
- .map(
- (p) => `
+ ` +
+ playlists
+ .map(
+ (p) => `
${p.name}
`
- )
- .join('');
+ )
+ .join('');
const closeModal = () => {
modal.classList.remove('active');
@@ -1024,10 +1026,10 @@ document.addEventListener('DOMContentLoaded', async () => {
document.getElementById('playlist-cover-input').value = '';
createModal.dataset.editingId = '';
document.getElementById('csv-import-section').style.display = 'none'; // Hide CSV for simple add
-
+
// Pass tracks
createModal._pendingTracks = tracks;
-
+
createModal.classList.add('active');
document.getElementById('playlist-name-input').focus();
return;
diff --git a/js/events.js b/js/events.js
index 039ab3c..9188bc7 100644
--- a/js/events.js
+++ b/js/events.js
@@ -843,14 +843,16 @@ export async function handleTrackAction(
}
}
- list.innerHTML = `
+ list.innerHTML =
+ `
+ Create New Playlist
- ` + playlists
- .map((p) => {
- const alreadyContains = playlistsWithTrack.has(p.id);
- return `
+ ` +
+ playlists
+ .map((p) => {
+ const alreadyContains = playlistsWithTrack.has(p.id);
+ return `
${p.name}
${
@@ -860,8 +862,8 @@ export async function handleTrackAction(
}
`;
- })
- .join('');
+ })
+ .join('');
return true;
};
@@ -886,10 +888,10 @@ export async function handleTrackAction(
document.getElementById('playlist-cover-input').value = '';
createModal.dataset.editingId = '';
document.getElementById('csv-import-section').style.display = 'none';
-
+
// Pass track
createModal._pendingTracks = [item];
-
+
createModal.classList.add('active');
document.getElementById('playlist-name-input').focus();
return;