add autocomplete input for student selection in journal filters, link creation, and links admin

public/links.html

@@ -25,7 +25,11 @@
     </div>
     <div>
       <label>Группа</label>
-      <select id="linkGroup"></select>
+      <select id="linkGroup"><option value="">— без группы —</option></select>
+    </div>
+    <div>
+      <label>Ученик (необязательно)</label>
+      <input type="text" id="linkStudent" list="linkStudentList" placeholder="Все / введите имя..."><datalist id="linkStudentList"></datalist>
     </div>
     <div style="display:flex;gap:12px">
       <div style="flex:1">
@@ -50,6 +54,7 @@
 let links = [];
 let groups = [];
 let editingId = null;
+let studentsLoaded = false;
 
 function linkUrl(token) { return `${location.origin}/s/${token}`; }
 
@@ -63,7 +68,8 @@ async function loadLinks() {
       <div style="min-width:0">
         <div class="name">${esc(l.name)}</div>
         <div style="font-size:.8rem;color:var(--muted);margin-top:2px">
-          Группа: <b>${esc(l.group_name || '—')}</b>
+          ${l.group_name ? `Группа: <b>${esc(l.group_name)}</b>` : ''}
+          ${l.student_name ? `${l.group_name ? ' · ' : ''}Ученик: <b>${esc(l.student_name)}</b>` : ''}
           ${l.date_from || l.date_to ? ` · период: <b>${l.date_from ? l.date_from.split('-').reverse().join('.') : '…'}</b> — <b>${l.date_to ? l.date_to.split('-').reverse().join('.') : '…'}</b>` : ' · весь период'}
           · создана ${new Date(l.created_at).toLocaleString('ru')}
         </div>
@@ -89,7 +95,15 @@ async function openLinkModal() {
   if (!groups.length) {
     const res = await fetch(`${API}/api/groups`, { headers: hdr() });
     groups = await res.json();
-    document.getElementById('linkGroup').innerHTML = groups.map(g => `<option value="${g.id}">${esc(g.name)}</option>`).join('');
+    document.getElementById('linkGroup').innerHTML = '<option value="">— без группы —</option>' +
+      groups.map(g => `<option value="${g.id}">${esc(g.name)}</option>`).join('');
+  }
+  if (!studentsLoaded) {
+    const res = await fetch(`${API}/api/students/names`, { headers: hdr() });
+    const names = await res.json();
+    const dl = document.getElementById('linkStudentList');
+    dl.innerHTML = names.map(n => `<option value="${esc(n)}">`).join('');
+    studentsLoaded = true;
   }
   document.getElementById('linkModal').classList.add('open');
 }
@@ -105,9 +119,18 @@ async function openLinkEdit(id) {
   if (!groups.length) {
     const res = await fetch(`${API}/api/groups`, { headers: hdr() });
     groups = await res.json();
-    document.getElementById('linkGroup').innerHTML = groups.map(g => `<option value="${g.id}">${esc(g.name)}</option>`).join('');
+    document.getElementById('linkGroup').innerHTML = '<option value="">— без группы —</option>' +
+      groups.map(g => `<option value="${g.id}">${esc(g.name)}</option>`).join('');
   }
   document.getElementById('linkGroup').value = l.group_id || '';
+  if (!studentsLoaded) {
+    const res = await fetch(`${API}/api/students/names`, { headers: hdr() });
+    const names = await res.json();
+    const dl = document.getElementById('linkStudentList');
+    dl.innerHTML = names.map(n => `<option value="${esc(n)}">`).join('');
+    studentsLoaded = true;
+  }
+  document.getElementById('linkStudent').value = l.student_name || '';
   document.getElementById('linkModal').classList.add('open');
 }
 
@@ -119,10 +142,11 @@ function closeLinkModal() {
 async function saveLink() {
   const name = document.getElementById('linkName').value.trim();
   const group_id = document.getElementById('linkGroup').value;
+  const student_name = document.getElementById('linkStudent').value;
   const date_from = document.getElementById('linkDateFrom').value;
   const date_to = document.getElementById('linkDateTo').value;
   if (!name) { alert('Введите название'); return; }
-  const body = JSON.stringify({ name, group_id: group_id || null, date_from: date_from || null, date_to: date_to || null });
+  const body = JSON.stringify({ name, group_id: group_id || null, student_name: student_name || null, date_from: date_from || null, date_to: date_to || null });
   const res = await fetch(editingId ? `${API}/api/links/${editingId}` : `${API}/api/links`, {
     method: editingId ? 'PUT' : 'POST',
     headers: hdrJson(),