From 95f4d3b50b7a965577b4947277d86428c0d5fa8a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 11 Nov 2025 13:49:40 +0000
Subject: [PATCH] =?UTF-8?q?UX:=20Refonte=20UI=20compl=C3=A8te=20-=20Partie?=
 =?UTF-8?q?=203/3=20(JavaScript)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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 | 49 +++++++++++++++++++++++++++++++--------
 1 file changed, 39 insertions(+), 10 deletions(-)

diff --git a/public/js/complete-app.js b/public/js/complete-app.js
index b80ea52..a525100 100644
--- a/public/js/complete-app.js
+++ b/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');
-  if (closeModal) {
-    closeModal.addEventListener('click', closeNoteModal);
+  const closeEditor = document.getElementById('closeEditor');
+  if (closeEditor) {
+    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
-  const noteModal = document.getElementById('noteModal');
-  if (noteModal) {
-    noteModal.addEventListener('click', (e) => {
-      if (e.target === noteModal) closeNoteModal();
+  // Close editor on backdrop click
+  const noteEditorBackdrop = document.getElementById('noteEditorBackdrop');
+  if (noteEditorBackdrop) {
+    noteEditorBackdrop.addEventListener('click', (e) => {
+      if (e.target === noteEditorBackdrop) closeNoteModal();
     });
   }