simon/Radioplayer-with-Presets
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

script.js aktualisiert

Browse source 
Ein- und Ausblenden von "Presets bearbeiten Buttons"
This commit is contained in:
simonpipe 2025-02-20 08:52:27 +00:00
parent 33ee94eb31
commit 2e3cb260ac
1 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
script.js
View file

@ -9,6 +9,7 @@ document.addEventListener('DOMContentLoaded', function () {
const loadPresetsLink = document.getElementById('load-presets-link'); const loadPresetsLink = document.getElementById('load-presets-link');
const stopButton = document.querySelector('.stop-button'); const stopButton = document.querySelector('.stop-button');
const currentStationName = document.getElementById('current-station-name'); const currentStationName = document.getElementById('current-station-name');
const editPresetsButton = document.getElementById('edit-presets-button');
let currentPlayingItem = null; // Speichert das aktuell spielende Element let currentPlayingItem = null; // Speichert das aktuell spielende Element
// === Abschnitt: Initialisierung === // === Abschnitt: Initialisierung ===
@ -70,6 +71,13 @@ document.addEventListener('DOMContentLoaded', function () {
importButton.addEventListener('click', importPresets); importButton.addEventListener('click', importPresets);
loadPresetsLink.addEventListener('click', loadPresetsFromFile); loadPresetsLink.addEventListener('click', loadPresetsFromFile);
stopButton.addEventListener('click', stopPlayback); stopButton.addEventListener('click', stopPlayback);
// Event-Listener für den "Presets bearbeiten"-Button
editPresetsButton.addEventListener('click', () => {
toggleEditMode();
const isPressed = editPresetsButton.getAttribute('aria-pressed') === 'true';
editPresetsButton.setAttribute('aria-pressed', !isPressed);
});
} }
// === Funktion: URL-Validierung === // === Funktion: URL-Validierung ===
@ -82,6 +90,15 @@ document.addEventListener('DOMContentLoaded', function () {
} }
} }
// Funktion zum Ein- und Ausblenden der Bearbeitungsbuttons
function toggleEditMode() {
const presetItems = document.querySelectorAll('.preset-item');
presetItems.forEach(item => {
const buttons = item.querySelectorAll('.edit-button, .delete-button, .move-button');
buttons.forEach(button => button.classList.toggle('hidden'));
});
}
// === Funktion: Preset-Handling === // === Funktion: Preset-Handling ===
function loadExistingPresets() { function loadExistingPresets() {
const presets = JSON.parse(localStorage.getItem('presets')) || []; const presets = JSON.parse(localStorage.getItem('presets')) || [];
@ -96,9 +113,9 @@ document.addEventListener('DOMContentLoaded', function () {
presetItem.innerHTML = ` presetItem.innerHTML = `
<h3>${name}</h3> <h3>${name}</h3>
<div class="button-container"> <div class="button-container">
<button class="move-button"><i class="fas fa-arrows-alt" style="color:grey"></i></button> <button class="move-button hidden" aria-label="Verschieben" title="Verschieben"><i class="fas fa-arrows-alt" style="color:grey"></i></button>
<button class="edit-button"><i class="fas fa-edit" style="color:grey"></i></button> <button class="edit-button hidden" aria-label="Bearbeiten" title="Bearbeiten"><i class="fas fa-edit" style="color:grey"></i></button>
<button class="delete-button"><i class="fas fa-trash-alt" style="color:grey"></i></button> <button class="delete-button hidden" aria-label="Löschen" title="Löschen"><i class="fas fa-trash-alt" style="color:grey"></i></button>
</div> </div>
`; `;