עובד
This commit is contained in:
Flatlogic Bot
parent
008dda1d41
commit
b4250586c9
@ -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);
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
if (query.length < 2) {
|
||||
searchResultsContainer.innerHTML = '';
|
||||
return;
|
||||
// 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));
|
||||
}
|
||||
|
||||
fetch('api/search_songs.php', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
},
|
||||
body: `query=${encodeURIComponent(query)}&lineup_id=${lineupId}`
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(songs => {
|
||||
searchResultsContainer.innerHTML = '';
|
||||
if (songs.length > 0) {
|
||||
// Function to render the list of songs in the lineup
|
||||
function renderLineupSongs(songs) {
|
||||
lineupSongsContainer.innerHTML = '';
|
||||
if (songs.length === 0) {
|
||||
lineupSongsContainer.innerHTML = '<p>אין עדיין שירים בליינאפ זה.</p>';
|
||||
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.innerHTML = `
|
||||
<span><strong>${song.artist}</strong> - ${song.name}</span>
|
||||
<button class="btn btn-sm btn-primary add-song-btn" data-song-id="${song.id}">הוסף</button>
|
||||
`;
|
||||
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);
|
||||
}
|
||||
|
||||
// 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 = '<p>לא נמצאו שירים.</p>';
|
||||
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/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 {
|
||||
searchResultsContainer.innerHTML = '<p class="text-muted">לא נמצאו שירים תואמים.</p>';
|
||||
// Use the specific message from the server, or a default one
|
||||
alert(body.message || 'לא ניתן היה להוסיף את השיר.');
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error searching for songs:', error);
|
||||
searchResultsContainer.innerHTML = '<p class="text-danger">אירעה שגיאה בחיפוש.</p>';
|
||||
});
|
||||
});
|
||||
.catch(error => console.error('Error adding 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', {
|
||||
// Function to remove a song from the lineup
|
||||
function removeSongFromLineup(songId) {
|
||||
fetch('/api/remove_song_from_lineup.php', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
},
|
||||
body: `song_id=${songId}&lineup_id=${lineupId}`
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ lineup_id: lineupId, song_id: songId })
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.success) {
|
||||
// Reload the page to see the updated list. It's simple and reliable.
|
||||
location.reload();
|
||||
.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 {
|
||||
alert('ההוספה נכשלה: ' + (result.message || 'שגיאה לא ידועה'));
|
||||
alert('Failed to remove song: ' + (data.error || 'Unknown error'));
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error adding song:', error);
|
||||
alert('אירעה שגיאה קריטית בעת ההוספה.');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 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;
|
||||
.catch(error => console.error('Error removing song:', error));
|
||||
}
|
||||
|
||||
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();
|
||||
// Initial fetch of lineup songs and all songs for searching
|
||||
if (lineupId) {
|
||||
fetchLineupSongs();
|
||||
searchSongs(''); // Load all songs initially
|
||||
}
|
||||
|
||||
// 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);
|
||||
});
|
||||
});
|
||||
|
||||
@ -50,7 +50,7 @@ $songs = $songs_stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<label for="song-search-input" class="form-label">חפש שיר</label>
|
||||
<label for="search-song-input" class="form-label">חפש שיר</label>
|
||||
<input type="text" class="form-control" id="song-search-input" placeholder="הקלד שם שיר או אמן...">
|
||||
</div>
|
||||
<div id="search-results" style="max-height: 300px; overflow-y: auto;">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user