@@ -793,6 +816,7 @@ window.dispatchEvent(new Event('tiptap-loaded'));
+
@@ -1290,6 +1314,7 @@ function openNew() {
document.getElementById('f-lien').value = '';
document.querySelectorAll('#f-perso .ms-tag').forEach(t => t.classList.remove('selected'));
document.getElementById('btn-delete').style.display = 'none';
+ document.getElementById('btn-history-frise').style.display = 'none';
document.getElementById('card-comments-section').style.display = 'none';
document.getElementById('card-comment-list').innerHTML = '';
document.getElementById('card-comment-input').value = '';
@@ -1317,6 +1342,7 @@ function openEdit(id) {
});
document.getElementById('btn-delete').style.display = 'block';
+ document.getElementById('btn-history-frise').style.display = '';
// Comments
const comments = parseComments(r.Commentaires);
@@ -2665,6 +2691,7 @@ async function openScene(scene) {
if (scene.Tags) meta.push(scene.Tags);
if (scene.Personnage) meta.push(scene.Personnage);
document.getElementById('editor-meta').textContent = meta.join(' · ');
+ document.getElementById('btn-history-redaction').style.display = '';
// Panneau fiche (intention)
buildFichePanel(scene);
@@ -3030,6 +3057,146 @@ document.addEventListener('click', (e) => {
closeCommentPopup();
}
});
+// ── Version history ──
+let versionType = null;
+let versionRecordId = null;
+let versionList = [];
+let selectedVersionId = null;
+
+async function openVersionPanel(type, recordId) {
+ if (!recordId) return;
+ versionType = type;
+ versionRecordId = recordId;
+ selectedVersionId = null;
+ document.getElementById('version-panel-title').textContent = type === 'frise' ? 'Historique — Fiche' : 'Historique — Texte';
+ document.getElementById('version-list').innerHTML = '
Chargement...
';
+ document.getElementById('version-preview').style.display = 'none';
+ document.getElementById('version-actions').style.display = 'none';
+ document.getElementById('version-panel').classList.add('open');
+
+ try {
+ const r = await fetch(`/api/versions/${type}/${recordId}`);
+ const data = await r.json();
+ versionList = data.list || [];
+ renderVersionList();
+ } catch (e) {
+ document.getElementById('version-list').innerHTML = '
Erreur de chargement
';
+ }
+}
+
+function closeVersionPanel() {
+ document.getElementById('version-panel').classList.remove('open');
+ versionType = null;
+ versionRecordId = null;
+ selectedVersionId = null;
+}
+
+function renderVersionList() {
+ const container = document.getElementById('version-list');
+ if (versionList.length === 0) {
+ container.innerHTML = '
Aucune version enregistrée pour le moment.
Les versions seront créées automatiquement à chaque modification.
';
+ return;
+ }
+ container.innerHTML = '';
+ for (const v of versionList) {
+ const div = document.createElement('div');
+ div.className = 'version-item';
+ div.dataset.id = v.Id;
+ const date = new Date(v.CreatedAt);
+ const dateStr = date.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric', hour: '2-digit', minute: '2-digit' });
+ let preview = '';
+ try {
+ const snap = JSON.parse(v.Snapshot);
+ if (versionType === 'frise') {
+ preview = [snap.Title, snap['Résumé']].filter(Boolean).join(' — ');
+ } else {
+ const tmp = document.createElement('div');
+ tmp.innerHTML = snap.Texte || '';
+ preview = tmp.textContent.substring(0, 150);
+ }
+ } catch (e) { preview = ''; }
+ const label = v.Label || '';
+ div.innerHTML = `
${dateStr}
` +
+ (label ? `
${label.replace(/` : '') +
+ (preview ? `
${preview.replace(/` : '');
+ div.onclick = () => selectVersion(v.Id);
+ container.appendChild(div);
+ }
+}
+
+function selectVersion(id) {
+ selectedVersionId = id;
+ document.querySelectorAll('.version-item').forEach(el => el.classList.toggle('selected', Number(el.dataset.id) === id));
+ const v = versionList.find(x => x.Id === id);
+ if (!v) return;
+ try {
+ const snap = JSON.parse(v.Snapshot);
+ const previewPane = document.getElementById('version-preview');
+ const content = document.getElementById('version-preview-content');
+ if (versionType === 'frise') {
+ const parts = [];
+ if (snap.Title) parts.push(`
${snap.Title.replace(/`);
+ if (snap.Acte) parts.push(`${snap.Acte}`);
+ if (snap['Résumé']) parts.push(snap['Résumé'].replace(/Intérêt : ' + snap['Intérêt narratif'].replace(/Tags : ' + snap.Tags.replace(/');
+ content.innerHTML = parts.join('
');
+ } else {
+ content.innerHTML = DOMPurify.sanitize(snap.Texte || 'Texte vide');
+ }
+ previewPane.style.display = '';
+ document.getElementById('version-actions').style.display = '';
+ } catch (e) {
+ document.getElementById('version-preview').style.display = 'none';
+ }
+}
+
+async function restoreVersion() {
+ if (!selectedVersionId) return;
+ if (!confirm('Restaurer cette version ? L\u2019état actuel sera sauvegardé avant la restauration.')) return;
+ try {
+ const r = await fetch(`/api/versions/${selectedVersionId}/restore`, { method: 'POST' });
+ if (r.ok) {
+ closeVersionPanel();
+ if (versionType === 'frise') {
+ await loadData();
+ if (editingId) openEdit(editingId);
+ } else if (versionType === 'redaction' && currentSceneId) {
+ const scene = records.find(rec => rec.Id === currentSceneId);
+ if (scene) openScene(scene);
+ }
+ } else {
+ alert('Erreur lors de la restauration');
+ }
+ } catch (e) {
+ alert('Erreur : ' + e.message);
+ }
+}
+
+// Close popup on version panel click outside
+document.addEventListener('click', (e) => {
+ const panel = document.getElementById('version-panel');
+ if (panel.classList.contains('open') && !panel.contains(e.target) && !e.target.closest('.btn-history')) {
+ closeVersionPanel();
+ }
+});
+
+
+
+
+
+
+
+
+
+