UX: Refonte UI complète - Partie 3/3 (JavaScript)

- Adaptation pour note editor au lieu de modal
- Changement des IDs (noteModal → noteEditorBackdrop)
- Ajout bouton Enregistrer avec feedback
- Event listeners mis à jour
- Fonction saveCurrentNote pour sauvegarde manuelle
- Fermeture par backdrop ou Escape maintenue
- Auto-save conservé avec debounce
- Toutes les fonctionnalités préservées

public/js/complete-app.js

@@ -323,7 +323,7 @@ let currentNoteId = null;
 
 async function openNoteModal(noteId = null) {
   currentNoteId = noteId;
-  const modal = document.getElementById('noteModal');
+  const modal = document.getElementById('noteEditorBackdrop');
   const titleInput = document.getElementById('noteTitle');
   const contentTextarea = document.getElementById('noteContent');
   const imageContainer = document.getElementById('noteImageContainer');
@@ -477,11 +477,30 @@ async function deleteNoteTodo(todoId) {
 }
 
 function closeNoteModal() {
-  document.getElementById('noteModal').style.display = 'none';
+  document.getElementById('noteEditorBackdrop').style.display = 'none';
   currentNoteId = null;
   state.currentNote = null;
 }
 
+async function saveCurrentNote() {
+  if (!currentNoteId) return;
+
+  const titleInput = document.getElementById('noteTitle');
+  const contentTextarea = document.getElementById('noteContent');
+
+  try {
+    await api.put(`/api/notes/${currentNoteId}`, {
+      title: titleInput.value,
+      content: contentTextarea.value
+    });
+
+    await loadNotes();
+  } catch (error) {
+    console.error('Erreur sauvegarde:', error);
+    throw error;
+  }
+}
+
 async function deleteCurrentNote() {
   if (!currentNoteId) return;
 
@@ -845,9 +864,19 @@ async function init() {
     });
   }
 
-  const closeModal = document.getElementById('closeModal');
+  const closeEditor = document.getElementById('closeEditor');
-  if (closeModal) {
+  if (closeEditor) {
-    closeModal.addEventListener('click', closeNoteModal);
+    closeEditor.addEventListener('click', closeNoteModal);
+  }
+
+  const saveNoteBtn = document.getElementById('saveNote');
+  if (saveNoteBtn) {
+    saveNoteBtn.addEventListener('click', async () => {
+      if (currentNoteId) {
+        await saveCurrentNote();
+        alert('Note enregistrée !');
+      }
+    });
   }
 
   const deleteNote = document.getElementById('deleteNote');
@@ -949,11 +978,11 @@ async function init() {
     });
   }
 
-  // Close modal on backdrop click
+  // Close editor on backdrop click
-  const noteModal = document.getElementById('noteModal');
+  const noteEditorBackdrop = document.getElementById('noteEditorBackdrop');
-  if (noteModal) {
+  if (noteEditorBackdrop) {
-    noteModal.addEventListener('click', (e) => {
+    noteEditorBackdrop.addEventListener('click', (e) => {
-      if (e.target === noteModal) closeNoteModal();
+      if (e.target === noteEditorBackdrop) closeNoteModal();
     });
   }