99 lines
4.2 KiB
JavaScript
99 lines
4.2 KiB
JavaScript
const PAGE_SIZE = 20;
|
|
let currentEntries = [];
|
|
let page = 1;
|
|
let totalEntries = 0;
|
|
|
|
function isImageFile(name) {
|
|
return /\.(jpe?g|jfif|png|gif|webp|bmp|avif|svg|ico)$/i.test(name || '');
|
|
}
|
|
|
|
function filesHTML(files) {
|
|
if (!files || !files.length) return '';
|
|
return `<div class="entry-files">${files.map(f =>
|
|
isImageFile(f.name)
|
|
? `<a class="f-link" href="#" data-img="${API}/api/files/${f.token}" title="Открыть">${esc(f.name)}</a>`
|
|
: `<a class="f-link" href="${API}/api/files/${f.token}" download title="Скачать">${esc(f.name)}</a>`
|
|
).join('')}</div>`;
|
|
}
|
|
|
|
function entryHTML(e) {
|
|
return `
|
|
<div class="card">
|
|
${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">Удалена: ${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="Удалить навсегда (вместе с файлами)">×</button>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function renderGrid() {
|
|
const grid = document.getElementById('grid');
|
|
grid.className = 'grid';
|
|
grid.innerHTML = currentEntries.length
|
|
? currentEntries.map(entryHTML).join('')
|
|
: '<div class="empty">Корзина пуста</div>';
|
|
document.getElementById('trashInfo').textContent =
|
|
totalEntries > 0 ? `Записей в корзине: ${totalEntries}` : '';
|
|
document.getElementById('emptyBtn').disabled = totalEntries === 0;
|
|
renderPager(document.getElementById('pager'), page, Math.max(1, Math.ceil(totalEntries / PAGE_SIZE)), goPage);
|
|
}
|
|
|
|
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();
|
|
currentEntries = data.entries;
|
|
totalEntries = data.total;
|
|
renderGrid();
|
|
}
|
|
|
|
function goPage(p) { page = p; loadTrash(); }
|
|
|
|
async function restoreEntry(id) {
|
|
const res = await fetch(`${API}/api/entries/${id}/restore`, { method: 'PUT', headers: hdr() });
|
|
if (res.ok) { showToast('Запись восстановлена'); loadTrash(); }
|
|
else { const err = await res.json(); showToast(err.error || 'Ошибка восстановления'); }
|
|
}
|
|
|
|
async function hardDelete(id) {
|
|
if (!confirm('Удалить запись навсегда? Файлы и фото будут удалены безвозвратно.')) return;
|
|
await fetch(`${API}/api/entries/${id}/permanent`, { method: 'DELETE', headers: hdr() });
|
|
showToast('Запись удалена навсегда');
|
|
loadTrash();
|
|
}
|
|
|
|
async function emptyTrash() {
|
|
if (totalEntries === 0) return;
|
|
if (!confirm(`Удалить все записи из корзины (${totalEntries})? Файлы будут удалены безвозвратно.`)) return;
|
|
const res = await fetch(`${API}/api/trash`, { method: 'DELETE', headers: hdr() });
|
|
if (res.ok) { showToast('Корзина очищена'); 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('grid').addEventListener('click', e => {
|
|
const card = e.target.closest('.card');
|
|
if (!card) return;
|
|
const rs = card.querySelector('[data-restore]');
|
|
if (rs && (e.target === rs || rs.contains(e.target))) { restoreEntry(parseInt(rs.dataset.restore, 10)); return; }
|
|
const hd = card.querySelector('[data-hard]');
|
|
if (hd && (e.target === hd || hd.contains(e.target))) { hardDelete(parseInt(hd.dataset.hard, 10)); }
|
|
});
|
|
|
|
(async () => {
|
|
if (await checkAuth()) {
|
|
buildSidebar(document.body.dataset.page);
|
|
loadTrash();
|
|
}
|
|
})(); |