public/control.html

@@ -195,6 +195,35 @@
             </form>
           </div>
         </div>
+
+        <div class="col-12">
+          <div class="card p-3">
+            <div class="d-flex flex-wrap align-items-end justify-content-between gap-2 mb-2">
+              <div>
+                <h4 class="mb-1">Liste des utilisateurs</h4>
+                <div class="text-muted">
+                  <span id="admin-users-count">—</span> utilisateur(s)
+                </div>
+              </div>
+              <button type="button" id="refresh-users" class="btn btn-outline-primary btn-sm">Rafraîchir</button>
+            </div>
+
+            <div class="table-responsive">
+              <table class="table table-sm align-middle mb-0">
+                <thead>
+                  <tr>
+                    <th>Nom</th>
+                    <th>Email</th>
+                    <th style="width: 1%;">Statut</th>
+                  </tr>
+                </thead>
+                <tbody id="admin-users-body">
+                  <tr><td colspan="3" class="text-muted">Charge la liste…</td></tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
 

public/js/app_control.js

@@ -213,6 +213,14 @@ window.onload = async function () {
   const userResetForm = document.getElementById('reset-user-password-form');
   const userResetEmailEl = document.getElementById('reset_user_email');
 
+  // Admin users list elements
+  const adminUsersBody = document.getElementById('admin-users-body');
+  const refreshUsersBtn = document.getElementById('refresh-users');
+  const adminUsersCountEl = document.getElementById('admin-users-count');
+  const adminUsersTabBtn = document.getElementById('admin-users-tab');
+
+  let usersLoadedOnce = false;
+
   function showUserResetResponse(kind, message) {
     if (!userResetResponseEl) return;
     userResetResponseEl.classList.remove('d-none', 'alert-success', 'alert-danger', 'alert-warning');
@@ -220,6 +228,98 @@ window.onload = async function () {
     userResetResponseEl.textContent = message;
   }
 
+  function setUsersCount(count) {
+    if (!adminUsersCountEl) return;
+    adminUsersCountEl.textContent = Number.isInteger(count) ? String(count) : '—';
+  }
+
+  function renderAdminUsers(users) {
+    if (!adminUsersBody) return;
+    const list = Array.isArray(users) ? users : [];
+    setUsersCount(list.length);
+
+    if (!list.length) {
+      adminUsersBody.innerHTML = '<tr><td colspan="3" class="text-muted">Aucun utilisateur.</td></tr>';
+      return;
+    }
+
+    adminUsersBody.innerHTML = '';
+
+    list.forEach((u) => {
+      const tr = document.createElement('tr');
+
+      const tdName = document.createElement('td');
+      tdName.textContent = u?.name || '(sans nom)';
+
+      const tdEmail = document.createElement('td');
+      tdEmail.textContent = u?.email || '';
+
+      const tdStatus = document.createElement('td');
+      tdStatus.className = 'text-nowrap';
+
+      const badges = [];
+      if (u?.admin) badges.push({ text: 'Admin', cls: 'bg-warning text-dark' });
+      if (u?.mustChangePassword) badges.push({ text: 'Reset MDP', cls: 'bg-danger' });
+
+      if (!badges.length) {
+        const span = document.createElement('span');
+        span.className = 'badge bg-secondary';
+        span.textContent = 'OK';
+        tdStatus.appendChild(span);
+      } else {
+        badges.forEach((b, idx) => {
+          const span = document.createElement('span');
+          span.className = `badge ${b.cls}`;
+          span.textContent = b.text;
+          tdStatus.appendChild(span);
+          if (idx < badges.length - 1) {
+            tdStatus.appendChild(document.createTextNode(' '));
+          }
+        });
+      }
+
+      tr.appendChild(tdName);
+      tr.appendChild(tdEmail);
+      tr.appendChild(tdStatus);
+      adminUsersBody.appendChild(tr);
+    });
+  }
+
+  async function fetchAdminUsers() {
+    const res = await fetch('/api/users/admin/list', {
+      method: 'GET',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+      }
+    });
+
+    const data = await res.json().catch(() => ([]));
+    if (!res.ok) {
+      const msg = data?.message || data?.error || `Erreur (${res.status})`;
+      throw new Error(msg);
+    }
+    return Array.isArray(data) ? data : [];
+  }
+
+  async function loadAdminUsers(options = {}) {
+    const force = !!options.force;
+    if (!adminUsersBody) return;
+    if (usersLoadedOnce && !force) return;
+
+    adminUsersBody.innerHTML = '<tr><td colspan="3" class="text-muted">Chargement…</td></tr>';
+    setUsersCount(null);
+
+    try {
+      const users = await fetchAdminUsers();
+      usersLoadedOnce = true;
+      users.sort((a, b) => (a?.name || '').localeCompare((b?.name || ''), 'fr', { sensitivity: 'base' }));
+      renderAdminUsers(users);
+    } catch (err) {
+      adminUsersBody.innerHTML = `<tr><td colspan="3" class="text-danger">${err.message || 'Erreur réseau'}</td></tr>`;
+      setUsersCount(null);
+    }
+  }
+
   function parseYear(value) {
     const n = Number(value);
     if (!Number.isInteger(n)) return null;
@@ -359,6 +459,25 @@ window.onload = async function () {
     });
   }
 
+  if (refreshUsersBtn) {
+    refreshUsersBtn.addEventListener('click', async () => {
+      refreshUsersBtn.disabled = true;
+      const oldText = refreshUsersBtn.textContent;
+      refreshUsersBtn.textContent = 'Chargement...';
+      try {
+        await loadAdminUsers({ force: true });
+      } finally {
+        refreshUsersBtn.disabled = false;
+        refreshUsersBtn.textContent = oldText;
+      }
+    });
+  }
+
+  if (adminUsersTabBtn) {
+    // Only load when the tab is shown (and then cache), to keep initial load snappy.
+    adminUsersTabBtn.addEventListener('shown.bs.tab', () => loadAdminUsers({ force: false }));
+  }
+
   form.addEventListener('submit', async function (e) {
     e.preventDefault();
 

routes/users.js

@@ -261,6 +261,31 @@ router.post("/admin/reset-temp-password", verifyToken, async (req, res) => {
   }
 });
 
+// Admin: list users (safe fields only)
+router.get("/admin/list", verifyToken, async (req, res) => {
+  if (!isAdminFromDecoded(req.user)) {
+    return res.status(403).json({ message: "You do not have admin privileges" });
+  }
+
+  try {
+    const users = await User.find()
+      .select("name email role mustChangePassword")
+      .sort({ name: 1, email: 1 });
+
+    return res.status(200).json(
+      users.map((u) => ({
+        id: String(u._id),
+        name: u.name,
+        email: u.email,
+        admin: u.role === 69,
+        mustChangePassword: !!u.mustChangePassword,
+      }))
+    );
+  } catch (err) {
+    return res.status(500).json({ error: err.message });
+  }
+});
+
 // User: change password (used after temp-password login). Returns a fresh token.
 router.post("/change-password", verifyToken, async (req, res) => {
   const { newPassword } = req.body || {};