diff --git a/api/lineups_api.php b/api/lineups_api.php index 9da844f..caf2e66 100644 --- a/api/lineups_api.php +++ b/api/lineups_api.php @@ -4,6 +4,29 @@ header('Content-Type: application/json'); $response = ['success' => false, 'error' => 'Invalid request']; +if ($_SERVER['REQUEST_METHOD'] === 'GET') { + if (isset($_GET['lineup_id']) && is_numeric($_GET['lineup_id'])) { + try { + $lineup_id = intval($_GET['lineup_id']); + $pdo = db(); + $stmt = $pdo->prepare(" + SELECT s.*, ls.song_order FROM songs s + JOIN lineup_songs ls ON s.id = ls.song_id + WHERE ls.lineup_id = ? + ORDER BY ls.song_order ASC + "); + $stmt->execute([$lineup_id]); + $songs = $stmt->fetchAll(PDO::FETCH_ASSOC); + echo json_encode($songs); + exit; + } catch (PDOException $e) { + $response['error'] = 'Database error: ' . $e->getMessage(); + } + } else { + $response['error'] = 'Lineup ID is required.'; + } +} + if ($_SERVER['REQUEST_METHOD'] === 'POST') { $data = json_decode(file_get_contents('php://input'), true); @@ -31,4 +54,4 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { } } -echo json_encode($response); +echo json_encode($response); \ No newline at end of file diff --git a/assets/js/lineup_details_page.js b/assets/js/lineup_details_page.js index 0f6be58..99c1531 100644 --- a/assets/js/lineup_details_page.js +++ b/assets/js/lineup_details_page.js @@ -1,118 +1,130 @@ - document.addEventListener('DOMContentLoaded', function () { - const lineupId = document.getElementById('lineup-id').value; - const searchInput = document.getElementById('song-search-input'); + const lineupId = new URLSearchParams(window.location.search).get('id'); + const songSearchInput = document.getElementById('song-search-input'); const searchResultsContainer = document.getElementById('search-results'); - const lineupSongList = document.getElementById('lineup-song-list'); + const lineupSongsContainer = document.getElementById('lineup-song-list'); - // 1. Search for songs - searchInput.addEventListener('keyup', function () { - const query = this.value; + // Function to fetch and display songs already in the lineup + function fetchLineupSongs() { + if (!lineupId) return; + fetch(`/api/lineups_api.php?lineup_id=${lineupId}`) + .then(response => response.json()) + .then(data => { + renderLineupSongs(data); + }) + .catch(error => console.error('Error fetching lineup songs:', error)); + } - if (query.length < 2) { - searchResultsContainer.innerHTML = ''; + // Function to render the list of songs in the lineup + function renderLineupSongs(songs) { + lineupSongsContainer.innerHTML = ''; + if (songs.length === 0) { + lineupSongsContainer.innerHTML = '

אין עדיין שירים בליינאפ זה.

'; return; } + const list = document.createElement('ul'); + list.className = 'list-group'; + songs.forEach(song => { + const listItem = document.createElement('li'); + listItem.className = 'list-group-item d-flex justify-content-between align-items-center'; + listItem.textContent = `${song.artist || 'Unknown Artist'} - ${song.name}`; + + const removeBtn = document.createElement('button'); + removeBtn.className = 'btn btn-danger btn-sm'; + removeBtn.textContent = 'הסר'; + removeBtn.onclick = () => removeSongFromLineup(song.id); // Use song.id from the songs table + + listItem.appendChild(removeBtn); + list.appendChild(listItem); + }); + lineupSongsContainer.appendChild(list); + } - fetch('api/search_songs.php', { + // Function to search for songs + function searchSongs(query) { + fetch(`/api/search_songs.php?q=${encodeURIComponent(query)}`) + .then(response => response.json()) + .then(data => { + renderSearchResults(data); + }) + .catch(error => console.error('Error searching songs:', error)); + } + + // Function to render search results + function renderSearchResults(songs) { + searchResultsContainer.innerHTML = ''; + if (songs.length === 0) { + searchResultsContainer.innerHTML = '

לא נמצאו שירים.

'; + return; + } + const list = document.createElement('ul'); + list.className = 'list-group'; + songs.forEach(song => { + const listItem = document.createElement('li'); + listItem.className = 'list-group-item d-flex justify-content-between align-items-center'; + listItem.textContent = `${song.artist || 'Unknown Artist'} - ${song.name}`; + + const addBtn = document.createElement('button'); + addBtn.className = 'btn btn-primary btn-sm'; + addBtn.textContent = 'הוסף'; + addBtn.onclick = () => addSongToLineup(song.id); + + listItem.appendChild(addBtn); + list.appendChild(listItem); + }); + searchResultsContainer.appendChild(list); + } + + // Function to add a song to the lineup + function addSongToLineup(songId) { + fetch('/api/add_song_to_lineup.php', { method: 'POST', - headers: { - 'Content-Type': 'application/x-www-form-urlencoded', - }, - body: `query=${encodeURIComponent(query)}&lineup_id=${lineupId}` + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ lineup_id: lineupId, song_id: songId }) + }) + .then(response => response.json().then(data => ({ status: response.status, body: data }))) + .then(({ status, body }) => { + if (status === 200 && body.success) { + fetchLineupSongs(); // Refresh the lineup list + const currentQuery = searchInput.value.trim(); + searchSongs(currentQuery); // Refresh search results to remove the added song + } else { + // Use the specific message from the server, or a default one + alert(body.message || 'לא ניתן היה להוסיף את השיר.'); + } + }) + .catch(error => console.error('Error adding song:', error)); + } + + // Function to remove a song from the lineup + function removeSongFromLineup(songId) { + fetch('/api/remove_song_from_lineup.php', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ lineup_id: lineupId, song_id: songId }) }) .then(response => response.json()) - .then(songs => { - searchResultsContainer.innerHTML = ''; - if (songs.length > 0) { - const list = document.createElement('ul'); - list.className = 'list-group'; - songs.forEach(song => { - const listItem = document.createElement('li'); - listItem.className = 'list-group-item d-flex justify-content-between align-items-center'; - listItem.innerHTML = ` - ${song.artist} - ${song.name} - - `; - list.appendChild(listItem); - }); - searchResultsContainer.appendChild(list); + .then(data => { + if (data.success) { + fetchLineupSongs(); // Refresh the lineup list + const currentQuery = searchInput.value.trim(); + searchSongs(currentQuery); // Refresh search results to show the removed song } else { - searchResultsContainer.innerHTML = '

לא נמצאו שירים תואמים.

'; + alert('Failed to remove song: ' + (data.error || 'Unknown error')); } }) - .catch(error => { - console.error('Error searching for songs:', error); - searchResultsContainer.innerHTML = '

אירעה שגיאה בחיפוש.

'; - }); - }); + .catch(error => console.error('Error removing song:', error)); + } - // 2. Add a song to the lineup - searchResultsContainer.addEventListener('click', function (e) { - if (e.target && e.target.classList.contains('add-song-btn')) { - const songId = e.target.dataset.songId; - - fetch('api/add_song_to_lineup.php', { - method: 'POST', - headers: { - 'Content-Type': 'application/x-www-form-urlencoded', - }, - body: `song_id=${songId}&lineup_id=${lineupId}` - }) - .then(response => response.json()) - .then(result => { - if (result.success) { - // Reload the page to see the updated list. It's simple and reliable. - location.reload(); - } else { - alert('ההוספה נכשלה: ' + (result.message || 'שגיאה לא ידועה')); - } - }) - .catch(error => { - console.error('Error adding song:', error); - alert('אירעה שגיאה קריטית בעת ההוספה.'); - }); - } - }); + // Initial fetch of lineup songs and all songs for searching + if (lineupId) { + fetchLineupSongs(); + searchSongs(''); // Load all songs initially + } - // 3. Remove a song from the lineup - lineupSongList.addEventListener('click', function (e) { - if (e.target && e.target.classList.contains('remove-song-btn')) { - const songId = e.target.dataset.songId; - - if (!confirm('האם אתה בטוח שברצונך להסיר את השיר הזה?')) { - return; - } - - fetch('api/remove_song_from_lineup.php', { - method: 'POST', - headers: { - 'Content-Type': 'application/x-www-form-urlencoded', - }, - body: `song_id=${songId}&lineup_id=${lineupId}` - }) - .then(response => response.json()) - .then(result => { - if (result.success) { - // Remove the song from the list in the UI - e.target.closest('li.list-group-item').remove(); - - // If the list is now empty, show the "empty" message - if (lineupSongList.children.length === 0) { - const emptyMessage = document.createElement('li'); - emptyMessage.id = 'empty-lineup-message'; - emptyMessage.className = 'list-group-item text-center text-muted'; - emptyMessage.textContent = 'אין עדיין שירים בליינאפ זה.'; - lineupSongList.appendChild(emptyMessage); - } - } else { - alert('ההסרה נכשלה: ' + (result.message || 'שגיאה לא ידועה')); - } - }) - .catch(error => { - console.error('Error removing song:', error); - alert('אירעה שגיאה קריטית בעת ההסרה.'); - }); - } + // Event Listener for the search input + searchInput.addEventListener('input', () => { + const query = searchInput.value.trim(); + searchSongs(query); }); }); diff --git a/lineup_details.php b/lineup_details.php index f2b8a04..21304da 100644 --- a/lineup_details.php +++ b/lineup_details.php @@ -50,7 +50,7 @@ $songs = $songs_stmt->fetchAll(PDO::FETCH_ASSOC);
- +