From ab48cbdd052354aecfedeecef53d45535308878d Mon Sep 17 00:00:00 2001 From: Nordi98 Date: Sun, 3 Aug 2025 19:42:26 +0200 Subject: [PATCH] Update script.js --- resources/[tools]/nordi_dj/html/script.js | 289 ++-------------------- 1 file changed, 18 insertions(+), 271 deletions(-) diff --git a/resources/[tools]/nordi_dj/html/script.js b/resources/[tools]/nordi_dj/html/script.js index 0a387b5f8..4b4673b3c 100644 --- a/resources/[tools]/nordi_dj/html/script.js +++ b/resources/[tools]/nordi_dj/html/script.js @@ -1679,289 +1679,36 @@ function stopAllAudioAndCloseInterface() { }); } - -// Playlist-Verwaltung -let playlists = []; -let currentPlaylist = null; -let currentPlaylistIndex = 0; - -// Playlist laden -function loadPlaylists() { - // Lade Playlists vom Server - notifyFiveM('getPlaylists', {}, function(response) { - if (response.success && response.playlists) { - playlists = response.playlists; - updatePlaylistDisplay(); - } - }); -} - -// Playlist-Anzeige aktualisieren -function updatePlaylistDisplay() { - const playlistContainer = document.getElementById('playlist-container'); - if (!playlistContainer) return; +function showDJInterface() { + console.log('DJ System: Showing interface'); - playlistContainer.innerHTML = ''; - - if (playlists.length === 0) { - playlistContainer.innerHTML = '
Keine Playlists gefunden
'; + const djInterfaceElement = document.getElementById('dj-interface'); + if (!djInterfaceElement) { + console.error('DJ System: Interface element not found!'); + notifyFiveM('error', {error: 'Interface element not found'}); return; } - // Erstelle Playlist-Elemente - playlists.forEach((playlist, index) => { - const playlistElement = document.createElement('div'); - playlistElement.className = 'playlist-item'; - if (currentPlaylist && currentPlaylist.id === playlist.id) { - playlistElement.classList.add('active'); - } - - playlistElement.innerHTML = ` -
- ${playlist.name} - ${playlist.songs.length} Songs -
-
- - - ${playlist.isOwner ? '' : ''} -
- `; - - // Event-Listener für Playlist-Aktionen - const playBtn = playlistElement.querySelector('.playlist-play-btn'); - if (playBtn) { - playBtn.addEventListener('click', () => playPlaylist(playlist)); - } - - const editBtn = playlistElement.querySelector('.playlist-edit-btn'); - if (editBtn) { - editBtn.addEventListener('click', () => editPlaylist(playlist)); - } - - const deleteBtn = playlistElement.querySelector('.playlist-delete-btn'); - if (deleteBtn) { - deleteBtn.addEventListener('click', () => deletePlaylist(playlist)); - } - - playlistContainer.appendChild(playlistElement); - }); -} - -// Playlist abspielen -function playPlaylist(playlist) { - if (!playlist || !playlist.songs || playlist.songs.length === 0) { - showNotification('Diese Playlist enthält keine Songs', 'warning'); - return; + // Entferne hidden-Klasse + djInterfaceElement.classList.remove('hidden'); + + // Position weiter rechts und unten, falls keine gespeicherte Position + if (!localStorage.getItem('djInterfacePosition')) { + interfacePosition = { + x: (window.innerWidth - interfaceSize.width) / 2, + y: (window.innerHeight - interfaceSize.height) / 2 + }; } - currentPlaylist = playlist; - currentPlaylistIndex = 0; + // Wende gespeicherte Einstellungen an + applyInterfaceSettings(); - // Ersten Song abspielen - playPlaylistSong(currentPlaylistIndex); + console.log('DJ System: Interface shown'); } -// Playlist-Song abspielen -function playPlaylistSong(index) { - if (!currentPlaylist || !currentPlaylist.songs || index >= currentPlaylist.songs.length) { - showNotification('Playlist beendet', 'info'); - currentPlaylist = null; - return; - } - - const song = currentPlaylist.songs[index]; - - // Lade Song in Deck A - const trackData = { - title: song.title, - artist: song.artist || '', - url: song.url - }; - - loadTrackToPlayer('A', trackData); - - // Starte Wiedergabe - if (!djInterface.decks.A.isPlaying) { - togglePlay('A'); - } - - showNotification(`Playlist: ${currentPlaylist.name} - Song ${index + 1}/${currentPlaylist.songs.length}`, 'info'); -} -// Nächster Song in Playlist -function playNextSong() { - if (!currentPlaylist) return; - - currentPlaylistIndex++; - if (currentPlaylistIndex < currentPlaylist.songs.length) { - playPlaylistSong(currentPlaylistIndex); - } else { - showNotification('Playlist beendet', 'info'); - currentPlaylist = null; - } -} -// Playlist bearbeiten -function editPlaylist(playlist) { - openPlaylistEditor(playlist); -} -// Playlist löschen -function deletePlaylist(playlist) { - if (confirm(`Möchtest du die Playlist "${playlist.name}" wirklich löschen?`)) { - notifyFiveM('deletePlaylist', { playlistId: playlist.id }, function(response) { - if (response.success) { - showNotification('Playlist gelöscht', 'success'); - loadPlaylists(); // Playlists neu laden - } else { - showNotification('Fehler beim Löschen der Playlist', 'error'); - } - }); - } -} -// Neue Playlist erstellen -function createNewPlaylist() { - const playlistName = prompt('Name der neuen Playlist:'); - if (!playlistName) return; - - notifyFiveM('createPlaylist', { - name: playlistName, - isPublic: confirm('Soll die Playlist öffentlich sein?') - }, function(response) { - if (response.success) { - showNotification('Playlist erstellt', 'success'); - loadPlaylists(); // Playlists neu laden - } else { - showNotification('Fehler beim Erstellen der Playlist', 'error'); - } - }); -} -// Song zu Playlist hinzufügen -function addSongToPlaylist(song, playlistId) { - notifyFiveM('addToPlaylist', { - playlistId: playlistId, - track: song - }, function(response) { - if (response.success) { - showNotification('Song zur Playlist hinzugefügt', 'success'); - loadPlaylists(); // Playlists neu laden - } else { - showNotification('Fehler beim Hinzufügen des Songs', 'error'); - } - }); -} -// Playlist-Editor öffnen -function openPlaylistEditor(playlist) { - // Implementiere einen Playlist-Editor - // Dies könnte ein Modal sein, in dem Songs hinzugefügt/entfernt werden können - console.log('Playlist Editor für:', playlist); - - // Beispiel für ein einfaches Modal - const modal = document.createElement('div'); - modal.className = 'modal'; - modal.innerHTML = ` -
-
-

Playlist bearbeiten: ${playlist.name}

- -
-
-
- ${playlist.songs.map((song, idx) => ` -
- ${idx + 1}. ${song.title} - -
- `).join('')} -
-
-

Song hinzufügen

-
- -
-
- -
-
- -
- -
-
-
- `; - - document.body.appendChild(modal); - - // Event-Listener für Modal - const closeBtn = modal.querySelector('.close-modal'); - if (closeBtn) { - closeBtn.addEventListener('click', () => { - document.body.removeChild(modal); - }); - } - - // Event-Listener für Song-Entfernung - const removeBtns = modal.querySelectorAll('.remove-song'); - removeBtns.forEach(btn => { - btn.addEventListener('click', () => { - const index = parseInt(btn.dataset.index); - removeSongFromPlaylist(playlist.id, playlist.songs[index].id); - }); - }); - - // Event-Listener für Song-Hinzufügung - const addBtn = modal.querySelector('#add-song-btn'); - if (addBtn) { - addBtn.addEventListener('click', () => { - const title = modal.querySelector('#song-title').value; - const artist = modal.querySelector('#song-artist').value; - const url = modal.querySelector('#song-url').value; - - if (!title || !url) { - showNotification('Titel und URL sind erforderlich', 'error'); - return; - } - - addSongToPlaylist({ - title: title, - artist: artist, - url: url - }, playlist.id); - - // Modal schließen - document.body.removeChild(modal); - }); - } -} - -// Song aus Playlist entfernen -function removeSongFromPlaylist(playlistId, songId) { - notifyFiveM('removeSongFromPlaylist', { - playlistId: playlistId, - songId: songId - }, function(response) { - if (response.success) { - showNotification('Song aus Playlist entfernt', 'success'); - loadPlaylists(); // Playlists neu laden - } else { - showNotification('Fehler beim Entfernen des Songs', 'error'); - } - }); -} - -// Event-Listener für Song-Ende (für Playlist-Fortsetzung) -function setupPlaylistEventListeners() { - // Wenn ein Song endet, spiele den nächsten in der Playlist - document.addEventListener('songEnded', function(e) { - if (currentPlaylist) { - playNextSong(); - } - }); -}