let currentUser = null; let users = []; let tasks = []; let filteredUsers = []; // Инициализация при загрузке document.addEventListener('DOMContentLoaded', function() { checkAuth(); setupEventListeners(); }); async function checkAuth() { try { const response = await fetch('/api/user'); if (response.ok) { const data = await response.json(); currentUser = data.user; showMainInterface(); } else { showLoginInterface(); } } catch (error) { showLoginInterface(); } } function showLoginInterface() { document.getElementById('login-modal').style.display = 'block'; document.querySelector('.container').style.display = 'none'; } function showMainInterface() { document.getElementById('login-modal').style.display = 'none'; document.querySelector('.container').style.display = 'block'; // Формируем информацию о пользователе let userInfo = `Вы вошли как: ${currentUser.name}`; if (currentUser.auth_type === 'ldap') { userInfo += ` (LDAP)`; } if (currentUser.groups && currentUser.groups.length > 0) { userInfo += ` | Группы: ${currentUser.groups.join(', ')}`; } document.getElementById('current-user').textContent = userInfo; // Показываем фильтры ВСЕМ пользователям, а не только администраторам document.getElementById('tasks-controls').style.display = 'block'; // Чекбокс удаленных задач показываем только администраторам const showDeletedLabel = document.querySelector('.show-deleted-label'); if (showDeletedLabel) { if (currentUser.role === 'admin') { showDeletedLabel.style.display = 'flex'; } else { showDeletedLabel.style.display = 'none'; } } loadUsers(); loadTasks(); loadActivityLogs(); showSection('tasks'); } function setupEventListeners() { document.getElementById('login-form').addEventListener('submit', login); document.getElementById('create-task-form').addEventListener('submit', createTask); document.getElementById('edit-task-form').addEventListener('submit', updateTask); document.getElementById('copy-task-form').addEventListener('submit', copyTask); document.getElementById('edit-assignment-form').addEventListener('submit', updateAssignment); document.getElementById('rework-task-form').addEventListener('submit', sendForRework); document.getElementById('files').addEventListener('change', updateFileList); document.getElementById('edit-files').addEventListener('change', updateEditFileList); } async function login(event) { event.preventDefault(); const login = document.getElementById('login').value; const password = document.getElementById('password').value; try { const response = await fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ login, password }) }); if (response.ok) { const data = await response.json(); currentUser = data.user; showMainInterface(); } else { const error = await response.json(); alert(error.error || 'Ошибка входа'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка подключения к серверу'); } } async function logout() { try { await fetch('/api/logout', { method: 'POST' }); currentUser = null; showLoginInterface(); } catch (error) { console.error('Ошибка выхода:', error); } } function showSection(sectionName) { document.querySelectorAll('.section').forEach(section => { section.classList.remove('active'); }); document.getElementById(sectionName + '-section').classList.add('active'); if (sectionName === 'tasks') { loadTasks(); } else if (sectionName === 'logs') { loadActivityLogs(); } } async function loadUsers() { try { const response = await fetch('/api/users'); users = await response.json(); filteredUsers = [...users]; renderUsersChecklist(); renderEditUsersChecklist(); renderCopyUsersChecklist(); } catch (error) { console.error('Ошибка загрузки пользователей:', error); } } // Фильтрация пользователей function filterUsers() { const search = document.getElementById('user-search').value.toLowerCase(); filteredUsers = users.filter(user => user.name.toLowerCase().includes(search) || user.login.toLowerCase().includes(search) || user.email.toLowerCase().includes(search) ); renderUsersChecklist(); } function filterEditUsers() { const search = document.getElementById('edit-user-search').value.toLowerCase(); const filtered = users.filter(user => user.name.toLowerCase().includes(search) || user.login.toLowerCase().includes(search) || user.email.toLowerCase().includes(search) ); renderEditUsersChecklist(filtered); } function filterCopyUsers() { const search = document.getElementById('copy-user-search').value.toLowerCase(); const filtered = users.filter(user => user.name.toLowerCase().includes(search) || user.login.toLowerCase().includes(search) || user.email.toLowerCase().includes(search) ); renderCopyUsersChecklist(filtered); } async function loadTasks() { try { const search = document.getElementById('search-tasks')?.value || ''; const statusFilter = document.getElementById('status-filter')?.value || 'active,in_progress,assigned,overdue,rework'; const showDeleted = document.getElementById('show-deleted')?.checked || false; let url = '/api/tasks?'; if (search) url += `search=${encodeURIComponent(search)}&`; if (statusFilter) url += `status=${encodeURIComponent(statusFilter)}&`; if (showDeleted) url += `showDeleted=true&`; const response = await fetch(url); tasks = await response.json(); renderTasks(); // Загружаем файлы для каждой задачи tasks.forEach(task => { loadTaskFiles(task.id); }); } catch (error) { console.error('Ошибка загрузки задач:', error); } } async function loadActivityLogs() { try { const response = await fetch('/api/activity-logs'); const logs = await response.json(); renderLogs(logs); } catch (error) { console.error('Ошибка загрузки логов:', error); } } function renderUsersChecklist() { const container = document.getElementById('users-checklist'); container.innerHTML = filteredUsers .filter(user => user.id !== currentUser.id) .map(user => `
`).join(''); } function renderEditUsersChecklist(filtered = users) { const container = document.getElementById('edit-users-checklist'); container.innerHTML = filtered .filter(user => user.id !== currentUser.id) .map(user => `
`).join(''); } function renderCopyUsersChecklist(filtered = users) { const container = document.getElementById('copy-users-checklist'); container.innerHTML = filtered .filter(user => user.id !== currentUser.id) .map(user => `
`).join(''); } function renderTasks() { const container = document.getElementById('tasks-list'); const showDeleted = document.getElementById('show-deleted')?.checked || false; let filteredTasks = tasks; if (!showDeleted) { filteredTasks = tasks.filter(task => task.status === 'active'); } if (filteredTasks.length === 0) { container.innerHTML = '
Задачи не найдены
'; return; } container.innerHTML = filteredTasks.map(task => { const overallStatus = getTaskOverallStatus(task); const statusClass = getStatusClass(overallStatus); const isDeleted = task.status === 'deleted'; const isClosed = task.closed_at !== null; const userRole = getUserRoleInTask(task); const canEdit = canUserEditTask(task); const isCopy = task.original_task_id !== null; return `
${!isDeleted && !isClosed ? ` ${canEdit ? `` : ''} ${canEdit ? `` : ''} ${canEdit ? `` : ''} ${canEdit ? `` : ''} ` : ''} ${isClosed && canEdit ? ` ` : ''} ${isDeleted && currentUser.role === 'admin' ? ` ` : ''}
${task.title} ${isDeleted ? 'Удалена' : ''} ${isClosed ? 'Закрыта' : ''} ${isCopy ? 'Копия' : ''} ${userRole}
${getStatusText(overallStatus)}
${isCopy && task.original_task_title ? `
Оригинал: "${task.original_task_title}" (создал: ${task.original_creator_name})
` : ''}
${task.description || 'Нет описания'}
${task.rework_comment ? `
Комментарий к доработке: ${task.rework_comment}
` : ''} ${task.start_date || task.due_date ? `
${task.start_date ? `
Начать: ${formatDateTime(task.start_date)}
` : ''} ${task.due_date ? `
Выполнить до: ${formatDateTime(task.due_date)}
` : ''}
` : ''}
Исполнители: ${task.assignments && task.assignments.length > 0 ? task.assignments.map(assignment => renderAssignment(assignment, task.id, canEdit)).join('') : '
Не назначены
' }
Файлы:
Загрузка...
Создана: ${formatDateTime(task.created_at)} | Автор: ${task.creator_name} ${task.deleted_at ? `
Удалена: ${formatDateTime(task.deleted_at)}` : ''} ${task.closed_at ? `
Закрыта: ${formatDateTime(task.closed_at)}` : ''}
`; }).join(''); } function renderAssignment(assignment, taskId, canEdit) { const statusClass = getStatusClass(assignment.status); const isCurrentUser = assignment.user_id === currentUser.id; const isOverdue = assignment.status === 'overdue'; const isRework = assignment.status === 'rework'; return `
${assignment.user_name} ${isCurrentUser ? '(Вы)' : ''} ${assignment.start_date || assignment.due_date ? `
${assignment.start_date ? `Начать: ${formatDateTime(assignment.start_date)}` : ''} ${assignment.due_date ? `Выполнить до: ${formatDateTime(assignment.due_date)}` : ''}
` : ''} ${assignment.rework_comment ? `
Комментарий: ${assignment.rework_comment}
` : ''}
${isCurrentUser && assignment.status === 'assigned' ? `` : ''} ${isCurrentUser && (assignment.status === 'in_progress' || assignment.status === 'overdue' || assignment.status === 'rework') ? `` : ''} ${canEdit ? `` : ''}
`; } async function createTask(event) { event.preventDefault(); if (!currentUser) { alert('Требуется аутентификация'); return; } const formData = new FormData(); formData.append('title', document.getElementById('title').value); formData.append('description', document.getElementById('description').value); const startDate = document.getElementById('start-date').value; const dueDate = document.getElementById('due-date').value; if (startDate) formData.append('startDate', startDate); if (dueDate) formData.append('dueDate', dueDate); const assignedUsers = document.querySelectorAll('#users-checklist input[name="assignedUsers"]:checked'); assignedUsers.forEach(checkbox => { formData.append('assignedUsers', checkbox.value); }); const files = document.getElementById('files').files; for (let i = 0; i < files.length; i++) { formData.append('files', files[i]); } try { const response = await fetch('/api/tasks', { method: 'POST', body: formData }); if (response.ok) { alert('Задача успешно создана!'); document.getElementById('create-task-form').reset(); document.getElementById('file-list').innerHTML = ''; document.getElementById('user-search').value = ''; filterUsers(); loadTasks(); loadActivityLogs(); showSection('tasks'); } else { const error = await response.json(); alert(error.error || 'Ошибка создания задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка создания задачи'); } } async function openEditModal(taskId) { try { const response = await fetch(`/api/tasks/${taskId}`); if (!response.ok) { if (response.status === 404) { alert('Задача не найдена или у вас нет прав доступа'); } throw new Error('Ошибка загрузки задачи'); } const task = await response.json(); // Дополнительная проверка прав на клиенте if (!canUserEditTask(task)) { alert('У вас нет прав для редактирования этой задачи'); return; } document.getElementById('edit-task-id').value = task.id; document.getElementById('edit-title').value = task.title; document.getElementById('edit-description').value = task.description || ''; // Заполняем даты document.getElementById('edit-start-date').value = task.start_date ? formatDateTimeForInput(task.start_date) : ''; document.getElementById('edit-due-date').value = task.due_date ? formatDateTimeForInput(task.due_date) : ''; // Отмечаем текущих исполнителей const checkboxes = document.querySelectorAll('#edit-users-checklist input[name="assignedUsers"]'); checkboxes.forEach(checkbox => { checkbox.checked = task.assignments?.some(assignment => assignment.user_id === parseInt(checkbox.value) ) || false; }); document.getElementById('edit-task-modal').style.display = 'block'; } catch (error) { console.error('Ошибка:', error); alert('Ошибка загрузки задачи'); } } function closeEditModal() { document.getElementById('edit-task-modal').style.display = 'none'; document.getElementById('edit-file-list').innerHTML = ''; document.getElementById('edit-user-search').value = ''; filterEditUsers(); } async function updateTask(event) { event.preventDefault(); const taskId = document.getElementById('edit-task-id').value; const title = document.getElementById('edit-title').value; const description = document.getElementById('edit-description').value; const startDate = document.getElementById('edit-start-date').value; const dueDate = document.getElementById('edit-due-date').value; const assignedUsers = document.querySelectorAll('#edit-users-checklist input[name="assignedUsers"]:checked'); const assignedUserIds = Array.from(assignedUsers).map(cb => parseInt(cb.value)); const formData = new FormData(); formData.append('title', title); formData.append('description', description); formData.append('assignedUsers', JSON.stringify(assignedUserIds)); if (startDate) formData.append('startDate', startDate); if (dueDate) formData.append('dueDate', dueDate); const files = document.getElementById('edit-files').files; for (let i = 0; i < files.length; i++) { formData.append('files', files[i]); } try { const response = await fetch(`/api/tasks/${taskId}`, { method: 'PUT', body: formData }); if (response.ok) { alert('Задача успешно обновлена!'); closeEditModal(); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка обновления задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка обновления задачи'); } } function openCopyModal(taskId) { document.getElementById('copy-task-id').value = taskId; document.getElementById('copy-task-modal').style.display = 'block'; } function closeCopyModal() { document.getElementById('copy-task-modal').style.display = 'none'; document.getElementById('copy-user-search').value = ''; filterCopyUsers(); } async function copyTask(event) { event.preventDefault(); const taskId = document.getElementById('copy-task-id').value; const startDate = document.getElementById('copy-start-date').value; const dueDate = document.getElementById('copy-due-date').value; const checkboxes = document.querySelectorAll('#copy-users-checklist input[name="assignedUsers"]:checked'); const assignedUserIds = Array.from(checkboxes).map(cb => parseInt(cb.value)); if (assignedUserIds.length === 0) { alert('Выберите хотя бы одного исполнителя для копии задачи'); return; } try { const response = await fetch(`/api/tasks/${taskId}/copy`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ assignedUsers: assignedUserIds, startDate: startDate || null, dueDate: dueDate || null }) }); if (response.ok) { alert('Копия задачи успешно создана!'); closeCopyModal(); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка создания копии задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка создания копии задачи'); } } function openEditAssignmentModal(taskId, userId) { const task = tasks.find(t => t.id === taskId); if (!task) return; const assignment = task.assignments.find(a => a.user_id === userId); if (!assignment) return; document.getElementById('edit-assignment-task-id').value = taskId; document.getElementById('edit-assignment-user-id').value = userId; document.getElementById('edit-assignment-start-date').value = assignment.start_date ? formatDateTimeForInput(assignment.start_date) : ''; document.getElementById('edit-assignment-due-date').value = assignment.due_date ? formatDateTimeForInput(assignment.due_date) : ''; document.getElementById('edit-assignment-modal').style.display = 'block'; } function closeEditAssignmentModal() { document.getElementById('edit-assignment-modal').style.display = 'none'; } async function updateAssignment(event) { event.preventDefault(); const taskId = document.getElementById('edit-assignment-task-id').value; const userId = document.getElementById('edit-assignment-user-id').value; const startDate = document.getElementById('edit-assignment-start-date').value; const dueDate = document.getElementById('edit-assignment-due-date').value; try { const response = await fetch(`/api/tasks/${taskId}/assignment/${userId}`, { method: 'PUT', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ startDate: startDate || null, dueDate: dueDate || null }) }); if (response.ok) { alert('Сроки исполнителя обновлены!'); closeEditAssignmentModal(); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка обновления сроков'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка обновления сроков'); } } function openReworkModal(taskId) { document.getElementById('rework-task-id').value = taskId; document.getElementById('rework-task-modal').style.display = 'block'; } function closeReworkModal() { document.getElementById('rework-task-modal').style.display = 'none'; document.getElementById('rework-comment').value = ''; } async function sendForRework(event) { event.preventDefault(); const taskId = document.getElementById('rework-task-id').value; const comment = document.getElementById('rework-comment').value; try { const response = await fetch(`/api/tasks/${taskId}/rework`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ comment }) }); if (response.ok) { alert('Задача возвращена на доработку!'); closeReworkModal(); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка возврата задачи на доработку'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка возврата задачи на доработку'); } } async function closeTask(taskId) { if (!confirm('Вы уверены, что хотите закрыть эту задачу? Исполнители больше не будут видеть её.')) { return; } try { const response = await fetch(`/api/tasks/${taskId}/close`, { method: 'POST' }); if (response.ok) { alert('Задача закрыта!'); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка закрытия задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка закрытия задачи'); } } async function reopenTask(taskId) { try { const response = await fetch(`/api/tasks/${taskId}/reopen`, { method: 'POST' }); if (response.ok) { alert('Задача открыта!'); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка открытия задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка открытия задачи'); } } async function deleteTask(taskId) { if (!confirm('Вы уверены, что хотите удалить эту задачу?')) { return; } try { const response = await fetch(`/api/tasks/${taskId}`, { method: 'DELETE' }); if (response.ok) { alert('Задача удалена!'); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка удаления задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка удаления задачи'); } } async function restoreTask(taskId) { try { const response = await fetch(`/api/tasks/${taskId}/restore`, { method: 'POST' }); if (response.ok) { alert('Задача восстановлена!'); loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка восстановления задачи'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка восстановления задачи'); } } async function updateStatus(taskId, userId, status) { try { const response = await fetch(`/api/tasks/${taskId}/status`, { method: 'PUT', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ userId, status }) }); if (response.ok) { loadTasks(); loadActivityLogs(); } else { const error = await response.json(); alert(error.error || 'Ошибка обновления статуса'); } } catch (error) { console.error('Ошибка:', error); alert('Ошибка обновления статуса'); } } function getTaskOverallStatus(task) { if (task.status === 'deleted') return 'deleted'; if (task.closed_at) return 'closed'; // Закрытые задачи всегда имеют статус 'closed' if (!task.assignments || task.assignments.length === 0) return 'unassigned'; const assignments = task.assignments; let hasAssigned = false; let hasInProgress = false; let hasOverdue = false; let hasRework = false; let allCompleted = true; for (let assignment of assignments) { if (assignment.status === 'assigned') { hasAssigned = true; allCompleted = false; } else if (assignment.status === 'in_progress') { hasInProgress = true; allCompleted = false; } else if (assignment.status === 'overdue') { hasOverdue = true; allCompleted = false; } else if (assignment.status === 'rework') { hasRework = true; allCompleted = false; } else if (assignment.status !== 'completed') { allCompleted = false; } } if (allCompleted) return 'completed'; if (hasRework) return 'rework'; if (hasOverdue) return 'overdue'; if (hasInProgress) return 'in_progress'; if (hasAssigned) return 'assigned'; return 'unassigned'; } function getStatusClass(status) { switch (status) { case 'deleted': return 'status-gray'; case 'closed': return 'status-gray'; case 'unassigned': return 'status-purple'; case 'assigned': return 'status-red'; case 'in_progress': return 'status-orange'; case 'rework': return 'status-yellow'; case 'overdue': return 'status-darkred'; case 'completed': return 'status-green'; default: return 'status-purple'; } } function getStatusText(status) { switch (status) { case 'deleted': return 'Удалена'; case 'closed': return 'Закрыта'; case 'unassigned': return 'Не назначена'; case 'assigned': return 'Назначена'; case 'in_progress': return 'В работе'; case 'rework': return 'На доработке'; case 'overdue': return 'Просрочена'; case 'completed': return 'Выполнена'; default: return 'Неизвестно'; } } function getUserRoleInTask(task) { if (!currentUser) return 'Нет доступа'; if (currentUser.role === 'admin') return 'Администратор'; if (parseInt(task.created_by) === currentUser.id) return 'Заказчик'; // Проверяем является ли пользователь исполнителем if (task.assignments) { const isExecutor = task.assignments.some(assignment => parseInt(assignment.user_id) === currentUser.id ); if (isExecutor) return 'Исполнитель'; } return 'Наблюдатель'; } function getRoleBadgeClass(role) { switch (role) { case 'Администратор': return 'role-admin'; case 'Заказчик': return 'role-creator'; case 'Исполнитель': return 'role-executor'; default: return ''; } } function canUserEditTask(task) { if (!currentUser) return false; if (currentUser.role === 'admin') return true; // Администратор if (parseInt(task.created_by) === currentUser.id) return true; // Заказчик return false; } function formatDateTime(dateTimeString) { if (!dateTimeString) return ''; const date = new Date(dateTimeString); return date.toLocaleString('ru-RU'); } function formatDateTimeForInput(dateTimeString) { if (!dateTimeString) return ''; const date = new Date(dateTimeString); return date.toISOString().slice(0, 16); } function updateFileList() { const fileInput = document.getElementById('files'); const fileList = document.getElementById('file-list'); updateFileListForInput(fileInput, fileList); } function updateEditFileList() { const fileInput = document.getElementById('edit-files'); const fileList = document.getElementById('edit-file-list'); updateFileListForInput(fileInput, fileList); } function updateFileListForInput(fileInput, fileList) { const files = fileInput.files; if (files.length === 0) { fileList.innerHTML = ''; return; } let html = ''; html += `

Общий размер: ${(totalSize / 1024 / 1024).toFixed(2)} MB / 300 MB

`; fileList.innerHTML = html; } function renderLogs(logs) { const container = document.getElementById('logs-list'); if (logs.length === 0) { container.innerHTML = '
Логи не найдены
'; return; } container.innerHTML = logs.map(log => `
${formatDateTime(log.created_at)}
${log.user_name} - ${getActionText(log.action)}
Задача: "${log.task_title}"
${log.details ? `
Детали: ${log.details}
` : ''}
`).join(''); } function getActionText(action) { const actions = { 'TASK_CREATED': 'создал задачу', 'TASK_COPIED': 'создал копию задачи', 'TASK_UPDATED': 'обновил задачу', 'TASK_DELETED': 'удалил задачу', 'TASK_RESTORED': 'восстановил задачу', 'TASK_ASSIGNED': 'назначил задачу', 'TASK_ASSIGNMENTS_UPDATED': 'обновил назначения', 'ASSIGNMENT_UPDATED': 'обновил сроки исполнителя', 'STATUS_CHANGED': 'изменил статус задачи', 'FILE_UPLOADED': 'загрузил файл', 'FILE_COPIED': 'скопировал файл', 'TASK_SENT_FOR_REWORK': 'вернул задачу на доработку', 'TASK_CLOSED': 'закрыл задачу', 'TASK_REOPENED': 'открыл задачу' }; return actions[action] || action; } async function loadTaskFiles(taskId) { try { const response = await fetch(`/api/tasks/${taskId}/files`); const files = await response.json(); const container = document.getElementById(`files-${taskId}`); if (container) { if (files.length === 0) { container.innerHTML = 'Файлы: Нет файлов'; } else { container.innerHTML = ` Файлы: ${files.map(file => `
${file.original_name} (${(file.file_size / 1024 / 1024).toFixed(2)} MB) - загрузил: ${file.user_name}
`).join('')} `; } } } catch (error) { console.error('Ошибка загрузки файлов:', error); } }