feat(trash): deferred purge after configurable days, groups in trash

2026-09-24 13:11:31 +03:00
parent e6c69c8a78
commit 8bf54fb95d
10 changed files with 482 additions and 73 deletions
@@ -1,7 +1,14 @@
 const PAGE_SIZE = 20;
 let currentEntries = [];
+let currentGroups = [];
+let pendingEntries = [];
+let pendingGroups = [];
 let page = 1;
 let totalEntries = 0;
+let totalGroups = 0;
+let pendingTotalEntries = 0;
+let pendingTotalGroups = 0;
+let purgeDays = 30;

 function isImageFile(name) {
  return /\.(jpe?g|jfif|png|gif|webp|bmp|avif|svg|ico)$/i.test(name || '');
@@ -28,32 +35,129 @@ function entryHTML(e) {
        <div class="trash-time">Удалена: ${new Date(e.deleted_at).toLocaleString('ru')}</div>
      </div>
      <button class="restore-btn" data-restore="${e.id}" title="Восстановить">Восстановить</button>
-      <button class="del-btn" data-hard="${e.id}" title="Удалить навсегда (вместе с файлами)">&times;</button>
+      <button class="del-btn" data-hard="${e.id}" title="Пометить на удаление (через ${purgeDays} дней будет удалена безвозвратно)">&times;</button>
    </div>
  `;
 }

+function groupHTML(g) {
+  return `
+    <div class="card">
+      ${g.cover_path ? `<img src="${thumbSrc(g.cover_path)}" data-img="${API}${g.cover_path}" loading="lazy" decoding="async" alt="">` : ''}
+      <div class="info">
+        <div class="name">${esc(g.name)}</div>
+        ${g.branch_name ? `<div class="group">${esc(g.branch_name)}</div>` : ''}
+        <div class="trash-time">Удалена: ${new Date(g.deleted_at).toLocaleString('ru')}</div>
+      </div>
+      <button class="restore-btn" data-restore-group="${g.id}" title="Восстановить">Восстановить</button>
+      <button class="del-btn" data-hard-group="${g.id}" title="Пометить на удаление (через ${purgeDays} дней будет удалена безвозвратно вместе с записями и фото)">&times;</button>
+    </div>
+  `;
+}
+
+function pendingEntryHTML(e) {
+  return `
+    <div class="card pending">
+      ${e.photo_path ? `<img src="${thumbSrc(e.photo_path)}" data-img="${API}${e.photo_path}" loading="lazy" decoding="async" alt="">` : ''}
+      <div class="info">
+        <div class="name">${esc(e.student_name)}</div>
+        <div class="group">${esc(e.group_name)}</div>
+        <div class="desc">${esc(e.description)}</div>
+        ${filesHTML(e.files)}
+        <div class="trash-time warn">Удаление через ${purgeDays} дн.: ${new Date(e.purge_at).toLocaleString('ru')}</div>
+      </div>
+      <button class="restore-btn" data-unschedule="${e.id}" title="Вернуть в корзину">В корзину</button>
+    </div>
+  `;
+}
+
+function pendingGroupHTML(g) {
+  return `
+    <div class="card pending">
+      ${g.cover_path ? `<img src="${thumbSrc(g.cover_path)}" data-img="${API}${g.cover_path}" loading="lazy" decoding="async" alt="">` : ''}
+      <div class="info">
+        <div class="name">${esc(g.name)}</div>
+        ${g.branch_name ? `<div class="group">${esc(g.branch_name)}</div>` : ''}
+        <div class="trash-time warn">Удаление через ${purgeDays} дн.: ${new Date(g.purge_at).toLocaleString('ru')}</div>
+      </div>
+      <button class="restore-btn" data-unschedule-group="${g.id}" title="Вернуть в корзину">В корзину</button>
+    </div>
+  `;
+}
+
+function renderGroups() {
+  const grid = document.getElementById('groupsGrid');
+  grid.className = 'grid';
+  grid.innerHTML = currentGroups.length
+    ? currentGroups.map(groupHTML).join('')
+    : '<div class="empty">Групп в корзине нет</div>';
+  document.getElementById('groupsInfo').textContent =
+    totalGroups > 0 ? `— групп в корзине: ${totalGroups}` : '';
+}
+
 function renderGrid() {
  const grid = document.getElementById('grid');
  grid.className = 'grid';
  grid.innerHTML = currentEntries.length
    ? currentEntries.map(entryHTML).join('')
-    : '<div class="empty">Корзина пуста</div>';
+    : '<div class="empty">Записей в корзине нет</div>';
+  document.getElementById('entriesInfo').textContent =
+    totalEntries > 0 ? `— записей в корзине: ${totalEntries}` : '';
  document.getElementById('trashInfo').textContent =
-    totalEntries > 0 ? `Записей в корзине: ${totalEntries}` : '';
-  document.getElementById('emptyBtn').disabled = totalEntries === 0;
+    totalEntries + totalGroups > 0
+      ? `В корзине: записей ${totalEntries}, групп ${totalGroups}`
+      : 'Корзина пуста';
+  document.getElementById('emptyBtn').disabled = totalEntries + totalGroups === 0;
  renderPager(document.getElementById('pager'), page, Math.max(1, Math.ceil(totalEntries / PAGE_SIZE)), goPage);
 }

+function renderPending() {
+  document.getElementById('pendingGroupsGrid').className = 'grid';
+  document.getElementById('pendingGroupsGrid').innerHTML = pendingGroups.length
+    ? pendingGroups.map(pendingGroupHTML).join('')
+    : '<div class="empty">Нет групп, помеченных на удаление</div>';
+  document.getElementById('pendingGrid').className = 'grid';
+  document.getElementById('pendingGrid').innerHTML = pendingEntries.length
+    ? pendingEntries.map(pendingEntryHTML).join('')
+    : '<div class="empty">Нет записей, помеченных на удаление</div>';
+  document.getElementById('pendingGroupsInfo').textContent =
+    pendingTotalGroups > 0 ? `— ${pendingTotalGroups}` : '';
+  document.getElementById('pendingEntriesInfo').textContent =
+    pendingTotalEntries > 0 ? `— ${pendingTotalEntries}` : '';
+  const n = pendingTotalEntries + pendingTotalGroups;
+  document.getElementById('pendingInfo').textContent =
+    n > 0 ? `— будет удалено: ${n}` : '';
+  const hint = document.getElementById('pendingToggleHint');
+  if (hint) {
+    hint.textContent = n > 0
+      ? `Помечено: записей ${pendingTotalEntries}, групп ${pendingTotalGroups} — безвозвратно удалятся через ${purgeDays} дней`
+      : 'Данных, помеченных на удаление, нет';
+  }
+  document.getElementById('pendingSection').hidden = !document.getElementById('pendingToggle').checked;
+}
+
 async function loadTrash() {
  const p = new URLSearchParams();
  p.set('limit', PAGE_SIZE);
  p.set('offset', (page - 1) * PAGE_SIZE);
-  const res = await fetch(`${API}/api/trash?${p}`, { headers: hdr() });
-  const data = await res.json();
+  const [trashRes, pendRes] = await Promise.all([
+    fetch(`${API}/api/trash?${p}`, { headers: hdr() }),
+    fetch(`${API}/api/trash/pending`, { headers: hdr() }),
+  ]);
+  const data = await trashRes.json();
+  const pend = await pendRes.json();
  currentEntries = data.entries;
  totalEntries = data.total;
+  currentGroups = data.groups;
+  totalGroups = data.total_groups;
+  pendingEntries = pend.entries;
+  pendingTotalEntries = pend.total;
+  pendingGroups = pend.groups;
+  pendingTotalGroups = pend.total_groups;
+  if (pend.purge_days > 0) purgeDays = pend.purge_days;
+  renderGroups();
  renderGrid();
+  renderPending();
 }

 function goPage(p) { page = p; loadTrash(); }
@@ -65,22 +169,55 @@ async function restoreEntry(id) {
 }

 async function hardDelete(id) {
-  if (!confirm('Удалить запись навсегда? Файлы и фото будут удалены безвозвратно.')) return;
-  await fetch(`${API}/api/entries/${id}/permanent`, { method: 'DELETE', headers: hdr() });
-  showToast('Запись удалена навсегда');
-  loadTrash();
+  if (!confirm(`Пометить запись на удаление? Она будет безвозвратно удалена через ${purgeDays} дней вместе с файлами и фото.`)) return;
+  const res = await fetch(`${API}/api/entries/${id}/permanent`, { method: 'DELETE', headers: hdr() });
+  if (res.ok) { showToast(`Запись помечена на удаление через ${purgeDays} дн.`); loadTrash(); }
+  else { const err = await res.json(); showToast(err.error || 'Ошибка'); }
+}
+
+async function restoreGroup(id) {
+  const res = await fetch(`${API}/api/groups/${id}/restore`, { method: 'PUT', headers: hdr() });
+  if (res.ok) { showToast('Группа восстановлена'); loadTrash(); }
+  else { const err = await res.json(); showToast(err.error || 'Ошибка восстановления'); }
+}
+
+async function hardDeleteGroup(id, name) {
+  if (!confirm(`Пометить группу «${name}» на удаление? Записи журнала, фото и файлы группы будут безвозвратно удалены через ${purgeDays} дней, ученики открепятся.`)) return;
+  const res = await fetch(`${API}/api/groups/${id}/permanent`, { method: 'DELETE', headers: hdr() });
+  if (res.ok) { showToast(`Группа помечена на удаление через ${purgeDays} дн.`); loadTrash(); }
+  else { const err = await res.json(); showToast(err.error || 'Ошибка'); }
+}
+
+async function unscheduleEntry(id) {
+  const res = await fetch(`${API}/api/entries/${id}/unschedule`, { method: 'PUT', headers: hdr() });
+  if (res.ok) { showToast('Запись возвращена в корзину'); loadTrash(); }
+  else { const err = await res.json(); showToast(err.error || 'Ошибка'); }
+}
+
+async function unscheduleGroup(id) {
+  const res = await fetch(`${API}/api/groups/${id}/unschedule`, { method: 'PUT', headers: hdr() });
+  if (res.ok) { showToast('Группа возвращена в корзину'); loadTrash(); }
+  else { const err = await res.json(); showToast(err.error || 'Ошибка'); }
 }

 async function emptyTrash() {
-  if (totalEntries === 0) return;
-  if (!confirm(`Удалить все записи из корзины (${totalEntries})? Файлы будут удалены безвозвратно.`)) return;
+  const parts = [];
+  if (totalEntries) parts.push(`записей: ${totalEntries}`);
+  if (totalGroups) parts.push(`групп: ${totalGroups}`);
+  if (!parts.length) return;
+  if (!confirm(`Пометить всё из корзины (${parts.join(', ')}) на удаление? Данные будут безвозвратно удалены через ${purgeDays} дней.`)) return;
  const res = await fetch(`${API}/api/trash`, { method: 'DELETE', headers: hdr() });
-  if (res.ok) { showToast('Корзина очищена'); page = 1; loadTrash(); }
+  if (res.ok) { showToast(`Всё помечено на удаление через ${purgeDays} дн.`); page = 1; loadTrash(); }
  else { const err = await res.json(); alert(err.error || 'Ошибка'); }
 }

 document.getElementById('emptyBtn').addEventListener('click', emptyTrash);
 document.getElementById('imgModal').addEventListener('click', e => e.currentTarget.classList.remove('open'));
+document.getElementById('pendingToggle').addEventListener('change', () => {
+  const open = document.getElementById('pendingToggle').checked;
+  document.getElementById('pendingSection').hidden = !open;
+  if (open) loadTrash();
+});

 document.getElementById('grid').addEventListener('click', e => {
  const card = e.target.closest('.card');
@@ -91,6 +228,33 @@ document.getElementById('grid').addEventListener('click', e => {
  if (hd && (e.target === hd || hd.contains(e.target))) { hardDelete(parseInt(hd.dataset.hard, 10)); }
 });

+document.getElementById('groupsGrid').addEventListener('click', e => {
+  const card = e.target.closest('.card');
+  if (!card) return;
+  const rs = card.querySelector('[data-restore-group]');
+  if (rs && (e.target === rs || rs.contains(e.target))) { restoreGroup(parseInt(rs.dataset.restoreGroup, 10)); return; }
+  const hd = card.querySelector('[data-hard-group]');
+  if (hd && (e.target === hd || hd.contains(e.target))) {
+    const id = parseInt(hd.dataset.hardGroup, 10);
+    const g = currentGroups.find(x => String(x.id) === String(id));
+    hardDeleteGroup(id, g ? g.name : id);
+  }
+});
+
+document.getElementById('pendingGrid').addEventListener('click', e => {
+  const card = e.target.closest('.card');
+  if (!card) return;
+  const us = card.querySelector('[data-unschedule]');
+  if (us && (e.target === us || us.contains(e.target))) { unscheduleEntry(parseInt(us.dataset.unschedule, 10)); }
+});
+
+document.getElementById('pendingGroupsGrid').addEventListener('click', e => {
+  const card = e.target.closest('.card');
+  if (!card) return;
+  const us = card.querySelector('[data-unschedule-group]');
+  if (us && (e.target === us || us.contains(e.target))) { unscheduleGroup(parseInt(us.dataset.unscheduleGroup, 10)); }
+});
+
 (async () => {
  if (await checkAuth()) {
    buildSidebar(document.body.dataset.page);