From b826cfc247ba07eb44482d78c825cd79c96445aa Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Wed, 8 Jul 2026 16:01:24 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20auto-save=20met=20=C3=A0=20jour=20le=20t?=
 =?UTF-8?q?itre=20du=20sidebar=20sans=20recharger=20la=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- sidebar items: attribut data-page-id ajouté pour ciblage DOM
- save(): après PUT réussi, met à jour .page-name dans le sidebar
- saveTitle(): reload la page (changement de titre = reload ok)
---
 app/templates/base.html        | 9 ++++++---
 app/templates/page_editor.html | 9 ++++++++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 4dbcd56..d61a145 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -56,7 +56,8 @@
         {% for page in recent_pages %}
         <li class="sidebar-item {% if page.active %}active{% endif %} {% if page.indent %}indent-{{ page.indent }}{% endif %}"
             @click="navigateTo('{{ page.url }}')"
-            @contextmenu.prevent="showContextMenu($event, '{{ page.id }}', '{{ page.name }}')">
+            @contextmenu.prevent="showContextMenu($event, '{{ page.id }}', '{{ page.name }}')"
+            data-page-id="{{ page.id }}">
           <span class="page-icon">{{ page.icon }}</span>
           <span class="page-name">{{ page.name }}</span>
           <span class="item-actions">
@@ -89,7 +90,8 @@
         {% for page in private_pages %}
         <li class="sidebar-item {% if page.active %}active{% endif %} {% if page.indent %}indent-{{ page.indent }}{% endif %}"
             @click="navigateTo('{{ page.url }}')"
-            @contextmenu.prevent="showContextMenu($event, '{{ page.id }}', '{{ page.name }}')">
+            @contextmenu.prevent="showContextMenu($event, '{{ page.id }}', '{{ page.name }}')"
+            data-page-id="{{ page.id }}">
           <span class="page-icon">{{ page.icon }}</span>
           <span class="page-name">{{ page.name }}</span>
           <span class="item-actions">
@@ -134,7 +136,8 @@
         {% for page in favorite_pages %}
         <li class="sidebar-item {% if page.active %}active{% endif %}"
             @click="navigateTo('{{ page.url }}')"
-            @contextmenu.prevent="showContextMenu($event, '{{ page.id }}', '{{ page.name }}')">
+            @contextmenu.prevent="showContextMenu($event, '{{ page.id }}', '{{ page.name }}')"
+            data-page-id="{{ page.id }}">
           <span class="page-icon">{{ page.icon }}</span>
           <span class="page-name">{{ page.name }}</span>
           <span class="item-actions">
diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 4c4fd33..ab1dac1 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -138,7 +138,8 @@
         const title = document.querySelector('.page-title h1')?.textContent || 'New page';
         const csrf = document.cookie.match(/csrf_token=([^;]+)/);
         const token = csrf ? csrf[1] : '';
-        fetch(`/board/api/pages/{{ page.id }}?title=${encodeURIComponent(title)}&content=${encodeURIComponent(this.content)}`, {
+        const pageId = '{{ page.id }}';
+        fetch(`/board/api/pages/${pageId}?title=${encodeURIComponent(title)}&content=${encodeURIComponent(this.content)}`, {
           method: 'PUT',
           headers: { 'X-CSRF-Token': token }
         })
@@ -147,6 +148,12 @@
             this.dirty = false;
             this.saving = false;
             this.lastSaved = new Date().toLocaleTimeString();
+            // Update sidebar title without reloading
+            const sidebarItem = document.querySelector(`.sidebar-item[data-page-id="page/${pageId}"]`);
+            if (sidebarItem) {
+              const nameEl = sidebarItem.querySelector('.page-name');
+              if (nameEl) nameEl.textContent = title;
+            }
           });
       },
       saveTitle(newTitle) {