From e8337c2845274b2d478c15fdbd0bcf365a2653b8 Mon Sep 17 00:00:00 2001
From: dev <dev@local>
Date: Wed, 16 Sep 2026 15:06:30 +0300
Subject: [PATCH] feat(share): group entries by date on public /s/<token> page

---
 public/js/share.js | 23 +++++++++++++++++++++--
 public/share.html  |  3 +++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/public/js/share.js b/public/js/share.js
index 7a7c6dc..6854e8f 100644
--- a/public/js/share.js
+++ b/public/js/share.js
@@ -239,7 +239,15 @@ function renderShare(data, password) {
   const isAnonymized = !data.show_student_names;
   const showStudentMessage = !!data.show_student_message;
   const showEntryDate = !!data.show_entry_date;
-  grid.innerHTML = data.entries.map(e => {
+  const dayKey = e => {
+    const d = new Date(e.created_at);
+    return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
+  };
+  const dayLabel = k => {
+    const [y,m,d] = k.split('-').map(Number);
+    return new Date(y, m-1, d).toLocaleDateString('ru-RU', { day:'numeric', month:'long', year:'numeric' });
+  };
+  const cardHTML = e => {
     const body = [
       !isAnonymized ? `<div class="name">${esc(e.student_name)}</div>` : '',
       !isAnonymized && e.group_name ? `<div><span class="group">${esc(e.group_name)}</span></div>` : '',
@@ -257,7 +265,18 @@ function renderShare(data, password) {
       ${showEntryDate ? `<div class="foot">${new Date(e.created_at).toLocaleString('ru',{day:'2-digit',month:'2-digit',year:'numeric',hour:'2-digit',minute:'2-digit'})}</div>` : ''}
     </div>
   `;
-  }).join('');
+  };
+  const groups = [];
+  let lastKey = null;
+  data.entries.forEach(e => {
+    const k = dayKey(e);
+    if (k !== lastKey) { groups.push({ key: k, entries: [] }); lastKey = k; }
+    groups[groups.length-1].entries.push(e);
+  });
+  grid.innerHTML = groups.map(g =>
+    `<div class="date-sep"><span class="date-chip">${esc(dayLabel(g.key))}</span><span class="date-line"></span></div>` +
+    g.entries.map(cardHTML).join('')
+  ).join('');
 }
 
 document.getElementById('lightbox').addEventListener('click', () => document.getElementById('lightbox').classList.remove('open'));
diff --git a/public/share.html b/public/share.html
index 40b9515..c3f3df1 100644
--- a/public/share.html
+++ b/public/share.html
@@ -38,6 +38,9 @@ body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;background
 .card .files a.ftype-presentation .ficon{background:#F6E4E8}
 .card .files a.ftype-other .ficon{background:#EFEFEF}
 .card .foot{margin-top:auto;padding:8px 6px 2px;font-size:.78rem;color:var(--gray)}
+.date-sep{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:8px 0 -8px}
+.date-sep .date-chip{background:var(--dark);color:#fff;font-size:.82rem;font-weight:700;padding:7px 16px;border-radius:999px;letter-spacing:.01em}
+.date-sep .date-line{flex:1;height:1px;background:#E3E3E3}
 .empty{grid-column:1/-1;background:#fff;border-radius:var(--radius);padding:48px 24px;text-align:center;color:var(--gray);box-shadow:0 1px 3px rgba(20,30,40,.06)}
 .empty .big{font-size:2rem;margin-bottom:10px}
 .loading{grid-column:1/-1;text-align:center;color:var(--gray);padding:40px}