fix: delete n8n old calendar to keep only cal one

public/js/admin.js

@@ -56,16 +56,16 @@ function feedRowTemplate(feed) {
   `;
 }
 
-function calendarPersonRowTemplate(person) {
+function calendarUserRowTemplate(user) {
   return `
-    <div class="admin-user-row calendar-person-row" data-person-id="${person.id}">
+    <div class="admin-user-row calendar-person-row" data-user-id="${user.id}">
       <div class="admin-user-identity">
-        <span class="calendar-color-dot" style="background:${escapeHtml(person.color)}"></span>
-        <div class="card-title">${escapeHtml(person.name)}</div>
+        ${avatarHtml(user, 'avatar-sm')}
+        <div class="card-title">${escapeHtml(user.name)}${user.isAdmin ? ' <span class="badge">admin</span>' : ''}</div>
       </div>
       <div class="calendar-feeds">
-        ${person.feeds.length ? person.feeds.map(feedRowTemplate).join('') : '<p class="empty">Aucun calendrier configuré.</p>'}
-        <form class="inline-form add-feed-form" data-person-id="${person.id}">
+        ${user.feeds.length ? user.feeds.map(feedRowTemplate).join('') : '<p class="empty">Aucun calendrier configuré.</p>'}
+        <form class="inline-form add-feed-form" data-user-id="${user.id}">
           <input name="label" placeholder="Libellé (optionnel)">
           <input name="icsUrl" type="url" placeholder="URL du calendrier (.ics)" required>
           <button type="submit" class="secondary icon-btn">+ Ajouter</button>
@@ -75,29 +75,29 @@ function calendarPersonRowTemplate(person) {
   `;
 }
 
-async function loadCalendarPeople() {
-  const people = await api.get('/api/calendar/people/admin');
+async function loadCalendarUsers() {
+  const users = await api.get('/api/calendar/people/admin');
   const container = document.getElementById('calendar-people-list');
-  container.innerHTML = people.length
-    ? people.map(calendarPersonRowTemplate).join('')
-    : '<p class="empty">Aucune personne suivie pour le moment.</p>';
+  container.innerHTML = users.length
+    ? users.map(calendarUserRowTemplate).join('')
+    : '<p class="empty">Aucun utilisateur pour le moment.</p>';
 
   container.querySelectorAll('.add-feed-form').forEach((form) => {
-    form.addEventListener('submit', (e) => onAddFeed(e, parseInt(form.dataset.personId, 10)));
+    form.addEventListener('submit', (e) => onAddFeed(e, parseInt(form.dataset.userId, 10)));
   });
   container.querySelectorAll('.remove-feed-btn').forEach((btn) => {
     btn.addEventListener('click', () => onRemoveFeed(parseInt(btn.dataset.feedId, 10)));
   });
 }
 
-async function onAddFeed(e, personId) {
+async function onAddFeed(e, userId) {
   e.preventDefault();
   const form = e.target;
   const label = form.label.value.trim();
   const icsUrl = form.icsUrl.value.trim();
   try {
-    await api.post(`/api/calendar/people/${personId}/feeds`, { label, icsUrl });
-    await loadCalendarPeople();
+    await api.post(`/api/calendar/people/${userId}/feeds`, { label, icsUrl });
+    await loadCalendarUsers();
   } catch (err) {
     showError(err.message);
   }
@@ -106,7 +106,7 @@ async function onAddFeed(e, personId) {
 async function onRemoveFeed(feedId) {
   try {
     await api.del(`/api/calendar/feeds/${feedId}`);
-    await loadCalendarPeople();
+    await loadCalendarUsers();
   } catch (err) {
     showError(err.message);
   }
@@ -197,9 +197,10 @@ async function onSaveSlotSettings(e) {
 
       <h2>Calendriers des membres</h2>
       <p class="note">
-        Chaque personne peut avoir plusieurs calendriers (Google, Outlook, Apple...). L'application ne
-        conserve jamais le contenu de ces calendriers — seul un statut disponible/occupé par créneau est
-        déduit et enregistré.
+        Chaque utilisateur de l'application peut avoir plusieurs calendriers (Google, Outlook, Apple...).
+        Seuls les utilisateurs avec au moins un calendrier configuré apparaissent sur `/calendar.html`.
+        L'application ne conserve jamais le contenu de ces calendriers — seul un statut disponible/occupé
+        par créneau est déduit et enregistré.
       </p>
       <div class="panel admin-user-list" id="calendar-people-list">
         <p class="empty">Chargement…</p>
@@ -207,7 +208,7 @@ async function onSaveSlotSettings(e) {
     `;
     document.getElementById('slot-settings-form').addEventListener('submit', onSaveSlotSettings);
     await loadSlotSettingsForm();
-    await loadCalendarPeople();
+    await loadCalendarUsers();
   } catch (err) {
     showError(err.message);
   }

public/js/calendar.js

@@ -177,14 +177,14 @@ function buildFilters() {
     const btn = document.getElementById('btn-refresh');
     btn.disabled = true;
     btn.textContent = 'Actualisation…';
-    showToast('Déclenchement du workflow n8n…');
+    showToast('Synchronisation des calendriers…');
     try {
       await api.post('/api/calendar/refresh', {});
-      showToast('Workflow en cours — en attente des résultats…');
+      showToast('Synchronisation en cours — en attente des résultats…');
       pollWorkflowStatus(btn);
     } catch (err) {
-      const message = err.message === 'n8n_not_configured'
-        ? "L'actualisation automatique n'est pas configurée (n8n)."
+      const message = err.message === 'no_feeds_configured'
+        ? "Aucun calendrier n'est configuré — voir la page Administration."
         : err.message;
       showToast(message, true);
       resetRefreshButton(btn);

public/js/nav.js

@@ -34,12 +34,16 @@ async function initNav(activePage) {
         ${me.isAdmin ? `<a href="/admin.html" class="${activePage === 'admin' ? 'active' : ''}">Administration</a>` : ''}
       </div>
       <div class="nav-user">
-        ${me.authentikAccountUrl ? `<a href="${escapeHtml(me.authentikAccountUrl)}" target="_blank" rel="noopener" title="Gérer mon compte Authentik (mot de passe, etc.)">Mon compte</a>` : ''}
-        <a class="nav-profile-link" href="/profile.html">
-          ${avatarHtml(me, 'avatar-sm')}
-          <span>${escapeHtml(me.name)}${me.isAdmin ? ' <span class="badge">admin</span>' : ''}</span>
-        </a>
-        <a href="/auth/logout">Se déconnecter</a>
+        <div class="nav-profile" id="nav-profile">
+          <button type="button" class="nav-profile-trigger" id="nav-profile-trigger" aria-haspopup="true" aria-expanded="false">
+            ${avatarHtml(me, 'avatar-sm')}
+            <span>${escapeHtml(me.name)}${me.isAdmin ? ' <span class="badge">admin</span>' : ''}</span>
+          </button>
+          <div class="nav-profile-dropdown" id="nav-profile-dropdown">
+            <a href="/profile.html">Voir profil</a>
+            <a href="/auth/logout">Se déconnecter</a>
+          </div>
+        </div>
       </div>
     </div>
     <div class="nav-controls">
@@ -53,6 +57,24 @@ async function initNav(activePage) {
   toggle.addEventListener('click', () => menu.classList.toggle('open'));
   menu.querySelectorAll('a').forEach((a) => a.addEventListener('click', () => menu.classList.remove('open')));
 
+  const profileTrigger = document.getElementById('nav-profile-trigger');
+  const profileDropdown = document.getElementById('nav-profile-dropdown');
+  function closeProfileDropdown() {
+    profileDropdown.classList.remove('open');
+    profileTrigger.setAttribute('aria-expanded', 'false');
+  }
+  profileTrigger.addEventListener('click', (e) => {
+    e.stopPropagation();
+    const isOpen = profileDropdown.classList.toggle('open');
+    profileTrigger.setAttribute('aria-expanded', String(isOpen));
+  });
+  document.addEventListener('click', (e) => {
+    if (!document.getElementById('nav-profile').contains(e.target)) closeProfileDropdown();
+  });
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') closeProfileDropdown();
+  });
+
   updateThemeToggleIcon();
   document.getElementById('theme-toggle').addEventListener('click', () => {
     applyTheme(currentTheme() === 'dark' ? 'light' : 'dark');