Urejevalnik pesmi (feature #1)

web/static/script.js

@@ -16,6 +16,12 @@ const menuToggle = document.getElementById('menu-toggle');
 const menuDropdown = document.getElementById('menu-dropdown');
 const searchInput = document.getElementById('search-input');
 const searchResults = document.getElementById('search-results');
+const editSongBtn = document.getElementById('edit-song-btn');
+const editModal = document.getElementById('edit-modal');
+const editTitleInput = document.getElementById('edit-title');
+const editLyricsInput = document.getElementById('edit-lyrics');
+const saveEditBtn = document.getElementById('save-edit-btn');
+const cancelEditBtn = document.getElementById('cancel-edit-btn');
 
 let capsMode = false;
 let wakeLock = null;
@@ -218,6 +224,68 @@ async function toggleCaps() {
     }
 }
 
+// Odpri urejevalnik
+async function openEditor() {
+    try {
+        const response = await fetch('/api/get_song_details');
+        const data = await response.json();
+
+        if (data.status === 'ok') {
+            editTitleInput.value = data.song.title;
+            editLyricsInput.value = data.song.lyrics;
+            editModal.dataset.songId = data.song.id;
+            editModal.style.display = 'block';
+            menuDropdown.classList.remove('show');
+        } else {
+            alert(data.message || 'Za urejanje najprej naložite skladbo.');
+            menuDropdown.classList.remove('show');
+        }
+    } catch (error) {
+        console.error('Napaka pri pridobivanju podatkov pesmi:', error);
+        alert('Napaka pri povezavi s strežnikom.');
+    }
+}
+
+// Zapri urejevalnik
+function closeEditor() {
+    editModal.style.display = 'none';
+}
+
+// Shrani spremembe
+async function saveSongEdit() {
+    const songId = editModal.dataset.songId;
+    const title = editTitleInput.value.trim();
+    const lyrics = editLyricsInput.value.trim();
+
+    if (!title || !lyrics) {
+        alert('Naslov in besedilo ne smeta biti prazna.');
+        return;
+    }
+
+    try {
+        const response = await fetch('/api/update_song', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                id: songId,
+                title: title,
+                lyrics: lyrics
+            })
+        });
+        const data = await response.json();
+
+        if (data.status === 'ok') {
+            closeEditor();
+            await updateState(true);
+        } else {
+            alert('Napaka pri shranjevanju: ' + data.message);
+        }
+    } catch (error) {
+        console.error('Napaka pri shranjevanju pesmi:', error);
+        alert('Napaka pri povezavi s strežnikom.');
+    }
+}
+
 // skrij/pokaži tipkovnico
 function toggleKeypad() {
     if (!keypadWrapper || !toggleKeypadBtn) return;
@@ -284,6 +352,30 @@ if (toggleKeypadBtn) {
     });
 }
 
+// Uredi besedilo
+if (editSongBtn) {
+    editSongBtn.addEventListener('click', () => {
+        vibrate();
+        openEditor();
+    });
+}
+
+// Prekliči urejanje
+if (cancelEditBtn) {
+    cancelEditBtn.addEventListener('click', () => {
+        vibrate();
+        closeEditor();
+    });
+}
+
+// Posodobi (Shrani) urejanje
+if (saveEditBtn) {
+    saveEditBtn.addEventListener('click', () => {
+        vibrate();
+        saveSongEdit();
+    });
+}
+
 // Hamburger menu toggle
 if (menuToggle) {
     menuToggle.addEventListener('click', (e) => {
@@ -330,6 +422,14 @@ document.addEventListener('keydown', (e) => {
         return;
     }
 
+    // Če smo v urejevalniku, ne procesiraj bližnjic za numerično tipkovnico
+    if (editModal && editModal.style.display === 'block') {
+        if (e.key === 'Escape') {
+            closeEditor();
+        }
+        return;
+    }
+
     // na telefonu ni potrebe; na velikih ekranih pa naj dela
     if (window.innerWidth < 901) return;