мои задачи
This commit is contained in:
746
public/loadMyCreatedTasks.js
Normal file
746
public/loadMyCreatedTasks.js
Normal file
@@ -0,0 +1,746 @@
|
||||
// Скрипт для отображения задач, где пользователь является автором
|
||||
|
||||
// Глобальные переменные
|
||||
let myAuthorTasks = [];
|
||||
let myAuthorTasksFiltered = [];
|
||||
let expandedMyTasks = new Set(); // Для отслеживания развернутых задач
|
||||
let updateInterval = null; // Интервал обновления
|
||||
let isUpdating = false; // Флаг для предотвращения множественных обновлений
|
||||
|
||||
// Загрузка задач при открытии секции
|
||||
function showMyTasksSection() {
|
||||
showSection('mytasks');
|
||||
loadMyAuthorTasks();
|
||||
startAutoUpdate(); // Запускаем автообновление при открытии секции
|
||||
}
|
||||
// Остановка автообновления при уходе с секции
|
||||
function hideMyTasksSection() {
|
||||
stopAutoUpdate();
|
||||
}
|
||||
// Запуск автоматического обновления
|
||||
function startAutoUpdate() {
|
||||
// Останавливаем предыдущий интервал, если был
|
||||
stopAutoUpdate();
|
||||
|
||||
// Запускаем новый интервал (каждые 15 секунд)
|
||||
updateInterval = setInterval(() => {
|
||||
autoUpdateTasks();
|
||||
}, 15000); // 15000 мс = 15 секунд
|
||||
|
||||
console.log('🔄 Автообновление задач запущено (каждые 15 сек)');
|
||||
}
|
||||
// Остановка автоматического обновления
|
||||
function stopAutoUpdate() {
|
||||
if (updateInterval) {
|
||||
clearInterval(updateInterval);
|
||||
updateInterval = null;
|
||||
console.log('⏹️ Автообновление задач остановлено');
|
||||
}
|
||||
}
|
||||
// Функция автоматического обновления
|
||||
async function autoUpdateTasks() {
|
||||
// Предотвращаем множественные обновления
|
||||
if (isUpdating) {
|
||||
console.log('⏳ Обновление уже выполняется, пропускаем...');
|
||||
return;
|
||||
}
|
||||
|
||||
// Проверяем, активна ли секция
|
||||
const mytasksSection = document.getElementById('mytasks-section');
|
||||
if (!mytasksSection || !mytasksSection.classList.contains('active')) {
|
||||
console.log('⏸️ Секция неактивна, автообновление приостановлено');
|
||||
stopAutoUpdate();
|
||||
return;
|
||||
}
|
||||
|
||||
isUpdating = true;
|
||||
|
||||
try {
|
||||
console.log('🔄 Автообновление задач...', new Date().toLocaleTimeString());
|
||||
|
||||
const response = await fetch('/api/kanban-tasks?days=62&filter=created');
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`Ошибка сервера: ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
const newTasks = data.tasks || [];
|
||||
|
||||
// Проверяем, изменились ли данные
|
||||
if (hasTasksChanged(myAuthorTasks, newTasks)) {
|
||||
console.log('📊 Данные изменились, обновляем отображение');
|
||||
myAuthorTasks = newTasks;
|
||||
filterMyTasks();
|
||||
|
||||
// Показываем уведомление об обновлении
|
||||
showUpdateNotification();
|
||||
} else {
|
||||
console.log('📊 Данные не изменились');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ Ошибка автообновления:', error);
|
||||
} finally {
|
||||
isUpdating = false;
|
||||
}
|
||||
}
|
||||
// Показ уведомления об обновлении
|
||||
function showUpdateNotification() {
|
||||
const notification = document.createElement('div');
|
||||
notification.className = 'update-notification';
|
||||
notification.innerHTML = `
|
||||
<span>🔄 Данные обновлены</span>
|
||||
<span class="update-time">${new Date().toLocaleTimeString()}</span>
|
||||
`;
|
||||
|
||||
document.body.appendChild(notification);
|
||||
|
||||
// Анимация появления и исчезновения
|
||||
setTimeout(() => {
|
||||
notification.classList.add('show');
|
||||
}, 10);
|
||||
|
||||
setTimeout(() => {
|
||||
notification.classList.remove('show');
|
||||
setTimeout(() => {
|
||||
notification.remove();
|
||||
}, 300);
|
||||
}, 2000);
|
||||
}
|
||||
// Проверка, изменились ли данные
|
||||
function hasTasksChanged(oldTasks, newTasks) {
|
||||
if (oldTasks.length !== newTasks.length) return true;
|
||||
|
||||
// Создаем Map для быстрого сравнения
|
||||
const oldMap = new Map(oldTasks.map(t => [t.id, t]));
|
||||
|
||||
for (const newTask of newTasks) {
|
||||
const oldTask = oldMap.get(newTask.id);
|
||||
if (!oldTask) return true;
|
||||
|
||||
// Проверяем важные поля
|
||||
if (oldTask.kanbanStatus !== newTask.kanbanStatus) return true;
|
||||
if (oldTask.title !== newTask.title) return true;
|
||||
if (oldTask.description !== newTask.description) return true;
|
||||
if (oldTask.due_date !== newTask.due_date) return true;
|
||||
|
||||
// Проверяем изменения в назначениях
|
||||
if (!areAssignmentsEqual(oldTask.assignments, newTask.assignments)) return true;
|
||||
|
||||
// Проверяем изменения в файлах
|
||||
if (!areFilesEqual(oldTask.files, newTask.files)) return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
// Проверка равенства назначений
|
||||
function areAssignmentsEqual(oldAssignments, newAssignments) {
|
||||
if (!oldAssignments && !newAssignments) return true;
|
||||
if (!oldAssignments || !newAssignments) return false;
|
||||
if (oldAssignments.length !== newAssignments.length) return false;
|
||||
|
||||
const oldMap = new Map(oldAssignments.map(a => [a.user_id, a]));
|
||||
|
||||
for (const newAss of newAssignments) {
|
||||
const oldAss = oldMap.get(newAss.user_id);
|
||||
if (!oldAss) return false;
|
||||
if (oldAss.status !== newAss.status) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
// Проверка равенства файлов
|
||||
function areFilesEqual(oldFiles, newFiles) {
|
||||
if (!oldFiles && !newFiles) return true;
|
||||
if (!oldFiles || !newFiles) return false;
|
||||
if (oldFiles.length !== newFiles.length) return false;
|
||||
|
||||
const oldIds = new Set(oldFiles.map(f => f.id));
|
||||
const newIds = new Set(newFiles.map(f => f.id));
|
||||
|
||||
return oldIds.size === newIds.size &&
|
||||
[...oldIds].every(id => newIds.has(id));
|
||||
}
|
||||
|
||||
// Основная функция загрузки задач
|
||||
async function loadMyAuthorTasks() {
|
||||
const container = document.getElementById('mytasks-list');
|
||||
|
||||
try {
|
||||
container.innerHTML = `
|
||||
<div class="loading">
|
||||
<div class="spinner"></div>
|
||||
<p>Загрузка ваших задач...</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
const response = await fetch('/api/kanban-tasks?days=62&filter=created');
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`Ошибка сервера: ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
myAuthorTasks = data.tasks || [];
|
||||
|
||||
filterMyTasks();
|
||||
|
||||
} catch (error) {
|
||||
console.error('Ошибка загрузки задач:', error);
|
||||
container.innerHTML = `
|
||||
<div class="loading">Ошибка загрузки задач: ${error.message}</div>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
||||
// Функция фильтрации задач
|
||||
function filterMyTasks() {
|
||||
const statusFilter = document.getElementById('mytasks-status-filter')?.value || 'all';
|
||||
const searchText = document.getElementById('mytasks-search')?.value.toLowerCase() || '';
|
||||
|
||||
myAuthorTasksFiltered = myAuthorTasks.filter(task => {
|
||||
if (statusFilter !== 'all') {
|
||||
const taskStatus = task.kanbanStatus || 'assigned';
|
||||
if (taskStatus !== statusFilter) return false;
|
||||
}
|
||||
|
||||
if (searchText) {
|
||||
const title = task.title || '';
|
||||
const description = task.description || '';
|
||||
const searchable = `${title} ${description}`.toLowerCase();
|
||||
if (!searchable.includes(searchText)) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
});
|
||||
|
||||
renderMyAuthorTasks();
|
||||
}
|
||||
|
||||
// Функция отображения задач в стиле ui.js
|
||||
function renderMyAuthorTasks() {
|
||||
const container = document.getElementById('mytasks-list');
|
||||
|
||||
if (!container) return;
|
||||
|
||||
if (myAuthorTasks.length === 0) {
|
||||
container.innerHTML = '<div class="loading">У вас пока нет созданных задач</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
if (myAuthorTasksFiltered.length === 0) {
|
||||
container.innerHTML = '<div class="loading">Задачи не найдены</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
// Сортируем задачи по дате создания (новые сверху)
|
||||
const sortedTasks = [...myAuthorTasksFiltered].sort((a, b) =>
|
||||
new Date(b.created_at || 0) - new Date(a.created_at || 0)
|
||||
);
|
||||
|
||||
container.innerHTML = sortedTasks.map(task => {
|
||||
const isExpanded = expandedMyTasks.has(task.id);
|
||||
const overallStatus = task.kanbanStatus || 'assigned';
|
||||
const statusClass = getStatusClass(overallStatus);
|
||||
const isClosed = task.closed_at !== null;
|
||||
const isCopy = task.original_task_id !== null;
|
||||
|
||||
const timeLeftInfo = getTimeLeftInfo(task);
|
||||
|
||||
return `
|
||||
<div class="task-card" data-task-id="${task.id}">
|
||||
<div class="task-header">
|
||||
<div class="task-title" onclick="toggleMyTask(${task.id})" style="cursor: pointer; display: flex; justify-content: space-between; align-items: center;">
|
||||
<div style="flex: 1;">
|
||||
<span class="task-number">Задача №${task.id}</span>
|
||||
<strong>${task.title || 'Без названия'}</strong>
|
||||
${task.task_type ? `<span class="task-type-badge ${task.task_type}">${getTaskTypeDisplayName(task.task_type)}</span>` : ''}
|
||||
${isClosed ? '<span class="closed-badge">Закрыта</span>' : ''}
|
||||
${isCopy ? '<span class="copy-badge">Копия</span>' : ''}
|
||||
${timeLeftInfo ? `<span class="deadline-badge ${timeLeftInfo.class}">${timeLeftInfo.text}</span>` : ''}
|
||||
${task.assignments && task.assignments.length > 0 ?
|
||||
`<span class="task-number">${task.assignments.map(a => a.user_name).join(', ')}</span>` : ''
|
||||
}
|
||||
</div>
|
||||
<span class="task-status ${statusClass}">
|
||||
Выполнить до: ${formatDateTime(task.due_date || task.created_at)}
|
||||
</span>
|
||||
<div class="expand-icon" style="margin-left: 10px; transition: transform 0.3s; transform: rotate(${isExpanded ? '180deg' : '0deg'});">
|
||||
▼
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-content ${isExpanded ? 'expanded' : ''}">
|
||||
${isExpanded ? `
|
||||
<div class="task-actions">
|
||||
<button class="copy-btn" onclick="openTaskChat(${task.id})" title="Открыть чат">💬</button>
|
||||
<button class="add-file-btn" onclick="openAddFileModal(${task.id})" title="Добавить файл">📎</button>
|
||||
${currentUser && currentUser.login === 'minicrm' ?
|
||||
`<button class="edit-btn" onclick="openEditModal(${task.id})" title="Редактировать">✏️</button>` : ''
|
||||
}
|
||||
${currentUser && currentUser.login === 'kalugin.o' ?
|
||||
`<button class="manage-assignees-btn" onclick="openManageAssigneesModal(${task.id})" title="Управление исполнителями">👥</button>` : ''
|
||||
}
|
||||
${currentUser && (currentUser.role === 'tasks' || currentUser.role === 'admin') ?
|
||||
`<button class="manage-assignees-btn" onclick="assignAdd_openModal(${task.id})" title="Управление исполнителями">🧑💼➕Добавить</button>` : ''
|
||||
}
|
||||
${currentUser && (currentUser.role === 'tasks' || currentUser.role === 'admin') ?
|
||||
`<button class="manage-assignees-btn" onclick="assignRemove_openModal(${task.id})" title="Управление исполнителями">🧑💼❌Удалить</button>` : ''
|
||||
}
|
||||
<button class="copy-btn" onclick="openCopyModal(${task.id})" title="Создать копию">📋</button>
|
||||
${currentUser && currentUser.login === 'minicrm' ?
|
||||
`<button class="rework-btn" onclick="openReworkModal(${task.id})" title="Вернуть на доработку">🔄</button>` : ''
|
||||
}
|
||||
${currentUser && currentUser.login === 'minicrm' ?
|
||||
`<button class="close-btn" onclick="closeTask(${task.id})" title="Закрыть задачу">🔒</button>` : ''
|
||||
}
|
||||
<button class="delete-btn" onclick="deleteTask(${task.id})" title="Удалить">🗑️</button>
|
||||
</div>
|
||||
` : ''}
|
||||
|
||||
${isCopy && task.original_task_title ? `
|
||||
<div class="task-original">
|
||||
<small>Оригинал: "${task.original_task_title}" (создал: ${task.original_creator_name})</small>
|
||||
</div>
|
||||
` : ''}
|
||||
|
||||
<div class="task-description">${task.description || 'Нет описания'}</div>
|
||||
|
||||
${task.rework_comment ? `
|
||||
<div class="rework-comment">
|
||||
<strong>Комментарий к доработке:</strong> ${task.rework_comment}
|
||||
</div>
|
||||
` : ''}
|
||||
|
||||
<div class="file-list" id="files-${task.id}">
|
||||
<strong>Файлы:</strong>
|
||||
${task.files && task.files.length > 0 ?
|
||||
renderGroupedFilesWithDelete ? renderGroupedFilesWithDelete(task) : renderGroupedFiles(task)
|
||||
: '<span class="no-files">нет файлов</span>'
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="task-assignments">
|
||||
<strong>Исполнители:</strong>
|
||||
${task.assignments && task.assignments.length > 0 ?
|
||||
renderAssignmentList(task.assignments, task.id, true) :
|
||||
'<div>Не назначены</div>'
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="task-meta">
|
||||
<small>
|
||||
Создана: ${formatDateTime(task.start_date || task.created_at)}
|
||||
| Выполнить до: ${formatDateTime(task.due_date || task.created_at)}
|
||||
| Автор: ${task.creator_name}
|
||||
| Тип: ${task.task_type ? `<span class="task-type-badge ${task.task_type}">${getTaskTypeDisplayName(task.task_type)}</span>` : ''}
|
||||
</small>
|
||||
${task.closed_at ? `<br><small>Закрыта: ${formatDateTime(task.closed_at)}</small>` : ''}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}).join('');
|
||||
|
||||
// Загружаем файлы для развернутых задач
|
||||
expandedMyTasks.forEach(taskId => {
|
||||
if (myAuthorTasks.some(t => t.id == taskId)) {
|
||||
loadTaskFiles(taskId);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Функция для переключения развернутого состояния задачи
|
||||
function toggleMyTask(taskId) {
|
||||
if (expandedMyTasks.has(taskId)) {
|
||||
expandedMyTasks.delete(taskId);
|
||||
} else {
|
||||
expandedMyTasks.add(taskId);
|
||||
loadTaskFiles(taskId);
|
||||
}
|
||||
renderMyAuthorTasks();
|
||||
}
|
||||
|
||||
|
||||
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 getTaskTypeDisplayName(type) {
|
||||
const typeNames = {
|
||||
'regular': 'Задача',
|
||||
'document': 'Документ',
|
||||
'it': 'ИТ',
|
||||
'ahch': 'АХЧ',
|
||||
'psychologist': 'Психолог',
|
||||
'speech_therapist': 'Логопед',
|
||||
'hr': 'Кадры',
|
||||
'certificate': 'Справка',
|
||||
'e_journal': 'Эл. журнал'
|
||||
};
|
||||
return typeNames[type] || type;
|
||||
}
|
||||
|
||||
function formatDateTime(dateTimeString) {
|
||||
if (!dateTimeString) return '';
|
||||
const date = new Date(dateTimeString);
|
||||
return date.toLocaleString('ru-RU');
|
||||
}
|
||||
|
||||
// Функция для рендеринга одного исполнителя (копия из ui.js с небольшими адаптациями)
|
||||
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';
|
||||
|
||||
const timeLeftInfo = getAssignmentTimeLeftInfo(assignment);
|
||||
|
||||
const task = myAuthorTasks.find(t => t.id === taskId);
|
||||
const isTaskCreator = task && parseInt(task.created_by) === currentUser.id;
|
||||
|
||||
return `
|
||||
<div class="assignment ${isOverdue ? 'overdue' : ''} ${isRework ? 'rework' : ''}">
|
||||
<span class="assignment-status ${statusClass}"></span>
|
||||
<div style="flex: 1;">
|
||||
<strong>${assignment.user_name}</strong>
|
||||
${isCurrentUser ? '<small>(Вы)</small>' : ''}
|
||||
${timeLeftInfo ? `<span class="deadline-indicator ${timeLeftInfo.class}">${timeLeftInfo.text}</span>` : ''}
|
||||
${assignment.start_date || assignment.due_date ? `
|
||||
<div class="assignment-dates">
|
||||
${assignment.start_date ? `<small>Начало: ${formatDateTime(assignment.start_date)}</small>` : ''}
|
||||
${assignment.due_date ? `<small>Выполнить до: ${formatDateTime(assignment.due_date)}</small>` : ''}
|
||||
</div>
|
||||
` : ''}
|
||||
${assignment.rework_comment ? `
|
||||
<div class="assignment-rework-comment">
|
||||
<small><strong>Комментарий:</strong> ${assignment.rework_comment}</small>
|
||||
</div>
|
||||
` : ''}
|
||||
</div>
|
||||
<div class="action-buttons">
|
||||
${isCurrentUser && assignment.status === 'assigned' ?
|
||||
`<button onclick="updateStatus(${taskId}, ${assignment.user_id}, 'in_progress')">Приступить</button>` : ''}
|
||||
${isCurrentUser && (assignment.status === 'in_progress' || assignment.status === 'overdue' || assignment.status === 'rework') ?
|
||||
`<button onclick="updateStatus(${taskId}, ${assignment.user_id}, 'completed')">Выполнено</button>` : ''}
|
||||
${isTaskCreator && assignment.status !== 'assigned' ?
|
||||
`<button class="rework-btn" onclick="openReworkAssignmentModal(${taskId}, ${assignment.user_id}, '${assignment.user_name}')" title="Отправить на доработку">🔄Переделать</button>` : ''}
|
||||
${isTaskCreator && assignment.status !== 'completed' ?
|
||||
`<button class="force-complete-btn" onclick="forceCompleteAssignment(${taskId}, ${assignment.user_id}, '${assignment.user_name}')" title="Принудительно отметить как выполненное">✅ Завершить</button>` : ''}
|
||||
${canEdit ?
|
||||
`<button class="edit-date-btn" onclick="openEditAssignmentModal(${taskId}, ${assignment.user_id})" title="Редактировать сроки">📅</button>` : ''}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
function getAssignmentTimeLeftInfo(assignment) {
|
||||
if (!assignment.due_date || assignment.status === 'completed') return null;
|
||||
|
||||
const dueDate = new Date(assignment.due_date);
|
||||
const now = new Date();
|
||||
const timeLeft = dueDate.getTime() - now.getTime();
|
||||
const hoursLeft = Math.floor(timeLeft / (60 * 60 * 1000));
|
||||
|
||||
if (hoursLeft <= 0) return null;
|
||||
|
||||
if (hoursLeft <= 24) {
|
||||
return {
|
||||
text: `Осталось ${hoursLeft}ч`,
|
||||
class: 'deadline-24h'
|
||||
};
|
||||
} else if (hoursLeft <= 48) {
|
||||
return {
|
||||
text: `Осталось ${hoursLeft}ч`,
|
||||
class: 'deadline-48h'
|
||||
};
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
// Функция для фильтрации исполнителей
|
||||
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 openAddFileModal(taskId) {
|
||||
if (typeof window.openAddFileModal === 'function') {
|
||||
return window.openAddFileModal(taskId);
|
||||
}
|
||||
|
||||
const task = myAuthorTasks.find(t => t.id === taskId);
|
||||
if (!task) {
|
||||
alert('Задача не найдена');
|
||||
return;
|
||||
}
|
||||
|
||||
const modalHtml = `
|
||||
<div class="modal" id="add-file-modal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3>Добавить файл к задаче: "${task.title}"</h3>
|
||||
<span class="close" onclick="closeAddFileModal()">×</span>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="add-file-form">
|
||||
<input type="hidden" name="task_id" value="${taskId}">
|
||||
<div class="form-group">
|
||||
<label for="file-input">Выберите файл:</label>
|
||||
<input type="file" id="file-input" name="files" multiple>
|
||||
<small>Максимальный размер: 10MB</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="file-description">Описание файла (необязательно):</label>
|
||||
<textarea id="file-description" name="description" rows="3"
|
||||
placeholder="Описание файла..."></textarea>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn-cancel" onclick="closeAddFileModal()">Отмена</button>
|
||||
<button type="submit" class="btn-primary">Добавить файл</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
const modalContainer = document.createElement('div');
|
||||
modalContainer.innerHTML = modalHtml;
|
||||
document.body.appendChild(modalContainer);
|
||||
|
||||
document.getElementById('add-file-form').addEventListener('submit', async function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const fileInput = document.getElementById('file-input');
|
||||
const description = document.getElementById('file-description').value;
|
||||
|
||||
if (fileInput.files.length === 0) {
|
||||
alert('Выберите файл для загрузки');
|
||||
return;
|
||||
}
|
||||
|
||||
const file = fileInput.files[0];
|
||||
const formData = new FormData();
|
||||
formData.append('files', file);
|
||||
formData.append('task_id', taskId);
|
||||
if (description) {
|
||||
formData.append('description', description);
|
||||
}
|
||||
|
||||
try {
|
||||
let response = await fetch(`/api/tasks/${taskId}/files`, {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
formData.delete('files');
|
||||
formData.append('file', file);
|
||||
|
||||
response = await fetch(`/api/tasks/${taskId}/files`, {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
});
|
||||
}
|
||||
|
||||
if (response.ok) {
|
||||
alert('Файл успешно добавлен');
|
||||
await loadTaskFiles(taskId);
|
||||
closeAddFileModal();
|
||||
|
||||
if (expandedMyTasks.has(taskId)) {
|
||||
renderMyAuthorTasks();
|
||||
}
|
||||
} else {
|
||||
alert(`Ошибка при добавлении файла: ${response.status}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Сетевая ошибка при добавлении файла');
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
document.getElementById('add-file-modal').style.display = 'block';
|
||||
}, 10);
|
||||
}
|
||||
|
||||
function closeAddFileModal() {
|
||||
const modal = document.getElementById('add-file-modal');
|
||||
if (modal) {
|
||||
modal.style.display = 'none';
|
||||
setTimeout(() => {
|
||||
modal.parentElement.remove();
|
||||
}, 300);
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для открытия чата задачи
|
||||
function openTaskChat(taskId) {
|
||||
if (typeof window.openTaskChat === 'function') {
|
||||
window.openTaskChat(taskId);
|
||||
} else {
|
||||
window.open(`/chat?task_id=${taskId}`, '_blank');
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для открытия модального окна редактирования
|
||||
function openEditModal(taskId) {
|
||||
if (typeof window.openEditModal === 'function') {
|
||||
window.openEditModal(taskId);
|
||||
} else {
|
||||
console.log('Открытие редактирования задачи:', taskId);
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для открытия модального окна копирования
|
||||
function openCopyModal(taskId) {
|
||||
if (typeof window.openCopyModal === 'function') {
|
||||
window.openCopyModal(taskId);
|
||||
} else {
|
||||
console.log('Открытие копирования задачи:', taskId);
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для открытия модального окна доработки
|
||||
function openReworkModal(taskId) {
|
||||
if (typeof window.openReworkModal === 'function') {
|
||||
window.openReworkModal(taskId);
|
||||
} else {
|
||||
console.log('Открытие доработки задачи:', taskId);
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для закрытия задачи
|
||||
async function closeTask(taskId) {
|
||||
if (!confirm('Вы уверены, что хотите закрыть задачу?')) return;
|
||||
|
||||
try {
|
||||
const response = await fetch(`/api/tasks/${taskId}/close`, {
|
||||
method: 'PUT'
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Задача закрыта');
|
||||
loadMyAuthorTasks();
|
||||
} 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('Задача удалена');
|
||||
loadMyAuthorTasks();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(`Ошибка: ${error.error || 'Неизвестная ошибка'}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Сетевая ошибка при удалении задачи');
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для обновления статуса исполнителя
|
||||
async function updateStatus(taskId, userId, newStatus) {
|
||||
try {
|
||||
const response = await fetch(`/api/tasks/${taskId}/assignments/${userId}`, {
|
||||
method: 'PUT',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({ status: newStatus })
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
loadMyAuthorTasks();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(`Ошибка: ${error.error || 'Неизвестная ошибка'}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Сетевая ошибка при обновлении статуса');
|
||||
}
|
||||
}
|
||||
|
||||
// Автоматическая загрузка при открытии секции
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const mytasksSection = document.getElementById('mytasks-section');
|
||||
if (mytasksSection && mytasksSection.style.display !== 'none') {
|
||||
loadMyAuthorTasks();
|
||||
}
|
||||
});
|
||||
|
||||
// Экспортируем функции в глобальную область
|
||||
window.showMyTasksSection = showMyTasksSection;
|
||||
window.loadMyAuthorTasks = loadMyAuthorTasks;
|
||||
window.filterMyTasks = filterMyTasks;
|
||||
window.toggleMyTask = toggleMyTask;
|
||||
window.openAddFileModal = openAddFileModal;
|
||||
window.closeAddFileModal = closeAddFileModal;
|
||||
window.openTaskChat = openTaskChat;
|
||||
window.openEditModal = openEditModal;
|
||||
window.openCopyModal = openCopyModal;
|
||||
window.openReworkModal = openReworkModal;
|
||||
window.closeTask = closeTask;
|
||||
window.deleteTask = deleteTask;
|
||||
window.updateStatus = updateStatus;
|
||||
window.filterAssignments = filterAssignments;
|
||||
window.renderGroupedFiles = renderGroupedFiles;
|
||||
Reference in New Issue
Block a user