upload files

public/script.js

@@ -427,10 +427,10 @@ function renderTasks() {
                     
                     <div class="task-assignments">
                         <strong>Исполнители:</strong>
-                        ${task.assignments && task.assignments.length > 0 ? 
-                            task.assignments.map(assignment => renderAssignment(assignment, task.id, canEdit)).join('') : 
-                            '<div>Не назначены</div>'
-                        }
+${task.assignments && task.assignments.length > 0 ? 
+    renderAssignmentList(task.assignments, task.id, canEdit) : 
+    '<div>Не назначены</div>'
+}
                     </div>
                     
                     <div class="task-meta">
@@ -443,7 +443,61 @@ function renderTasks() {
         `;
     }).join('');
 }
+function renderAssignmentList(assignments, taskId, canEdit) {
+    if (!assignments || assignments.length === 0) {
+        return '<div>Не назначены</div>';
+    }
 
+    // Создаем контейнер с возможностью фильтрации
+    return `
+        <div class="assignments-container">
+            <div class="assignments-filter">
+                <input type="text" 
+                       class="assignment-filter-input" 
+                       placeholder="Поиск исполнителя..." 
+                       data-task-id="${taskId}"
+                       oninput="filterAssignments(${taskId})">
+                <span class="filter-count" id="filter-count-${taskId}">${assignments.length} исполнителей</span>
+            </div>
+            <div class="assignments-scroll-container" id="assignments-${taskId}">
+                ${assignments.map(assignment => renderAssignment(assignment, taskId, canEdit)).join('')}
+            </div>
+        </div>
+    `;
+}
+
+// Функция для фильтрации исполнителей в конкретной задаче
+function filterAssignments(taskId) {
+    const filterInput = document.querySelector(`.assignment-filter-input[data-task-id="${taskId}"]`);
+    const scrollContainer = document.getElementById(`assignments-${taskId}`);
+    const filterCount = document.getElementById(`filter-count-${taskId}`);
+    
+    if (!filterInput || !scrollContainer) return;
+    
+    const searchTerm = filterInput.value.toLowerCase();
+    const assignments = scrollContainer.querySelectorAll('.assignment');
+    
+    let visibleCount = 0;
+    
+    assignments.forEach(assignment => {
+        const userName = assignment.querySelector('strong')?.textContent?.toLowerCase() || '';
+        const userLogin = assignment.querySelector('small')?.textContent?.toLowerCase() || '';
+        
+        const isVisible = userName.includes(searchTerm) || 
+                         userLogin.includes(searchTerm) ||
+                         searchTerm === '';
+        
+        assignment.style.display = isVisible ? '' : 'none';
+        
+        if (isVisible) {
+            visibleCount++;
+        }
+    });
+    
+    if (filterCount) {
+        filterCount.textContent = `${visibleCount} из ${assignments.length} исполнителей`;
+    }
+}
 function toggleTask(taskId) {
     if (expandedTasks.has(taskId)) {
         expandedTasks.delete(taskId);