feat: bouton restart photobooth-app après modification des actions

frontend/templates/admin/actions.html

@@ -121,7 +121,12 @@
   <!-- Header -->
   <div class="flex items-center justify-between mb-2">
     <h1 class="page-title" style="margin:0">Gestion des actions</h1>
-    <button class="btn btn-primary" onclick="newAction()">+ Nouvelle action</button>
+    <div class="flex gap-1">
+      <button class="btn btn-ghost btn-sm" id="restart-btn" onclick="restartPhotobooth()" style="display:none">
+        🔄 Redémarrer photobooth-app
+      </button>
+      <button class="btn btn-primary" onclick="newAction()">+ Nouvelle action</button>
+    </div>
   </div>
 
   <!-- ── Actions ──────────────────────────────────────────────────── -->
@@ -385,6 +390,7 @@ async function saveAction(idx) {
   try {
     await api('PUT', `/api/actions/photobooth/${realIdx}`, updates);
     showToast('✅ Action sauvegardée', 'success');
+    showRestartBtn();
     await loadAll();
   } catch(e) {
     showToast(`❌ Erreur: ${e.message}`, 'error');
@@ -397,6 +403,7 @@ async function cloneAction(idx) {
   try {
     await api('POST', `/api/actions/photobooth/${realIdx}/clone`);
     showToast('⧉ Action dupliquée', 'success');
+    showRestartBtn();
     await loadAll();
   } catch(e) { showToast(`❌ ${e.message}`, 'error'); }
 }
@@ -408,6 +415,7 @@ async function deleteAction(idx) {
   try {
     await api('DELETE', `/api/actions/photobooth/${realIdx}`);
     showToast(`🗑 « ${name} » supprimée`, 'info');
+    showRestartBtn();
     await loadAll();
   } catch(e) { showToast(`❌ ${e.message}`, 'error'); }
 }
@@ -418,6 +426,7 @@ async function newAction() {
   try {
     await api('POST', '/api/actions/photobooth', { name: name.trim() || 'Nouvelle action' });
     showToast('✅ Action créée', 'success');
+    showRestartBtn();
     await loadAll();
   } catch(e) { showToast(`❌ ${e.message}`, 'error'); }
 }
@@ -481,7 +490,8 @@ async function saveOrder() {
   const order = actions.map(a => a._index);
   try {
     await api('PUT', '/api/actions/photobooth/reorder', order);
-    showToast('✅ Ordre sauvegardé — redémarrez photobooth-app pour appliquer', 'success', 7000);
+    showToast('✅ Ordre sauvegardé', 'success');
+    showRestartBtn();
     await loadAll();
   } catch(e) { showToast(`❌ ${e.message}`, 'error'); }
 }
@@ -581,7 +591,8 @@ async function restorePreset(name, label) {
   if (!confirm(`Restaurer le preset « ${label} » ?\nLes actions actuelles seront remplacées.`)) return;
   try {
     const r = await api('POST', `/api/actions/presets/${encodeURIComponent(name)}/restore`);
-    showToast(`✅ Preset « ${label} » restauré (${r.action_count} actions) — redémarrez photobooth-app`, 'success', 8000);
+    showToast(`✅ Preset « ${label} » restauré (${r.action_count} actions)`, 'success');
+    showRestartBtn();
     await loadAll();
   } catch(e) { showToast(`❌ ${e.message}`, 'error'); }
 }
@@ -603,6 +614,27 @@ function esc(s) {
     .replace(/"/g,'&quot;').replace(/'/g,'&#39;');
 }
 
+// ── Restart photobooth-app ────────────────────────────────────────────────────
+function showRestartBtn() {
+  document.getElementById('restart-btn').style.display = '';
+}
+
+async function restartPhotobooth() {
+  const btn = document.getElementById('restart-btn');
+  btn.disabled = true;
+  btn.textContent = '⏳ Redémarrage…';
+  try {
+    await api('POST', '/api/system/restart-photobooth');
+    showToast('🔄 photobooth-app redémarre — patientez ~10s', 'info', 8000);
+    btn.style.display = 'none';
+  } catch(e) {
+    showToast('❌ Erreur redémarrage: ' + e.message, 'error');
+  } finally {
+    btn.disabled = false;
+    btn.textContent = '🔄 Redémarrer photobooth-app';
+  }
+}
+
 // ── Init ──────────────────────────────────────────────────────────────────────
 loadAll();
 </script>