diff --git a/script.js b/script.js
index 705f058..b5f6e58 100644
--- a/script.js
+++ b/script.js
@@ -9,6 +9,7 @@ document.addEventListener('DOMContentLoaded', function () {
const loadPresetsLink = document.getElementById('load-presets-link');
const stopButton = document.querySelector('.stop-button');
const currentStationName = document.getElementById('current-station-name');
+ const editPresetsButton = document.getElementById('edit-presets-button');
let currentPlayingItem = null; // Speichert das aktuell spielende Element
// === Abschnitt: Initialisierung ===
@@ -70,6 +71,13 @@ document.addEventListener('DOMContentLoaded', function () {
importButton.addEventListener('click', importPresets);
loadPresetsLink.addEventListener('click', loadPresetsFromFile);
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 ===
@@ -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 ===
function loadExistingPresets() {
const presets = JSON.parse(localStorage.getItem('presets')) || [];
@@ -96,9 +113,9 @@ document.addEventListener('DOMContentLoaded', function () {
presetItem.innerHTML = `
${name}
-
-
-
+
+
+
`;