@@ -139,6 +163,58 @@ const camModal = document.getElementById('camModal');
let capturedBlob = null;
let stream = null;
const descInput = document.getElementById('descInput');
+const filesInput = document.getElementById('filesInput');
+const filesList = document.getElementById('filesList');
+const filesClearBtn = document.getElementById('filesClearBtn');
+let selectedFiles = [];
+
+function humanSize(b) {
+ if (b < 1024) return b + ' Б';
+ if (b < 1048576) return (b / 1024).toFixed(1) + ' КБ';
+ return (b / 1048576).toFixed(1) + ' МБ';
+}
+
+function renderFiles() {
+ filesList.innerHTML = '';
+ selectedFiles.forEach((f, i) => {
+ const row = document.createElement('div');
+ row.className = 'file-row';
+ const name = document.createElement('span');
+ name.className = 'f-name';
+ name.textContent = f.name;
+ name.title = f.name;
+ const size = document.createElement('span');
+ size.className = 'f-size';
+ size.textContent = humanSize(f.size);
+ const del = document.createElement('button');
+ del.type = 'button';
+ del.textContent = '✕';
+ del.onclick = () => removeFile(i);
+ row.append(name, size, del);
+ filesList.appendChild(row);
+ });
+ filesClearBtn.classList.toggle('show', selectedFiles.length > 0);
+}
+
+function removeFile(i) {
+ selectedFiles.splice(i, 1);
+ renderFiles();
+}
+
+function clearFiles() {
+ selectedFiles = [];
+ filesInput.value = '';
+ renderFiles();
+}
+
+filesInput.addEventListener('change', () => {
+ const keep = 10 - selectedFiles.length;
+ if (keep <= 0) { alert('Можно прикрепить не более 10 файлов'); filesInput.value = ''; return; }
+ selectedFiles = selectedFiles.concat([...filesInput.files].slice(0, keep));
+ if ([...filesInput.files].length > keep) alert('Можно прикрепить не более 10 файлов');
+ filesInput.value = '';
+ renderFiles();
+});
const params = new URLSearchParams(location.search);
let studentName = '';
@@ -234,6 +310,7 @@ form.addEventListener('submit', async (e) => {
const fd = new FormData();
if (capturedBlob) fd.append('photo', capturedBlob, 'photo.jpg');
+ selectedFiles.forEach(f => fd.append('files', f, f.name));
fd.append('student_name', studentName || document.getElementById('nameInput').value);
fd.append('group_id', groupInput.value);
fd.append('description', document.getElementById('descInput').value);
@@ -250,6 +327,7 @@ form.addEventListener('submit', async (e) => {
if (!res.ok) throw new Error(await res.text());
form.reset();
removePhoto();
+ clearFiles();
toast.textContent = 'Готово!';
toast.classList.remove('error');
toast.classList.add('show');
diff --git a/public/journal.html b/public/journal.html
index 886ab06..2b9bbf5 100644
--- a/public/journal.html
+++ b/public/journal.html
@@ -107,6 +107,13 @@ let totalEntries = 0;
let searchTimer = null;
let view = localStorage.getItem('journalView') === 'cards' ? 'cards' : 'list';
+function filesHTML(files) {
+ if (!files || !files.length) return '';
+ return `
${files.map(f =>
+ `
${esc(f.name)}`
+ ).join('')}
`;
+}
+
function gridEntryHTML(e) {
return `
@@ -115,6 +122,7 @@ function gridEntryHTML(e) {
${esc(e.student_name)}
${esc(e.group_name)}
${esc(e.description)}
+ ${filesHTML(e.files)}
${new Date(e.created_at).toLocaleString('ru')}
@@ -133,6 +141,7 @@ function cardEntryHTML(e) {
${esc(e.student_name)}
${esc(e.group_name)}
${esc(e.description)}
+ ${filesHTML(e.files)}