%

public/script.js

@@ -5,6 +5,9 @@ let filteredUsers = [];
 let expandedTasks = new Set();
 let showingTasksWithoutDate = false;
 
+let kanbanTasks = [];
+let kanbanDays = 14;
+
 document.addEventListener('DOMContentLoaded', function() {
     checkAuth();
     setupEventListeners();
@@ -59,6 +62,7 @@ function showMainInterface() {
     loadTasks();
     loadActivityLogs();
     showSection('tasks');
+    loadKanbanTasks();
     
     showingTasksWithoutDate = false;
     const btn = document.getElementById('tasks-no-date-btn');
@@ -127,6 +131,9 @@ function showSection(sectionName) {
     } else if (sectionName === 'logs') {
         loadActivityLogs();
     }
+    if (sectionName === 'kanban') {
+    loadKanbanTasks();
+}
 }
 
 async function loadUsers() {
@@ -161,6 +168,355 @@ function populateFilterDropdowns() {
     });
 }
 
+function showKanbanSection() {
+    showSection('kanban');
+}
+
+async function loadKanbanTasks() {
+    try {
+        const daysSelect = document.getElementById('kanban-days');
+        const filterSelect = document.getElementById('kanban-filter');
+        
+        // Если есть выбор в интерфейсе - используем его, иначе - значение по умолчанию
+        if (daysSelect) {
+            kanbanDays = parseInt(daysSelect.value) || 14;
+        } else {
+            kanbanDays = 14;
+        }
+        
+        let filter = 'all';
+        if (filterSelect) {
+            filter = filterSelect.value;
+        }
+        
+        const response = await fetch(`/api/kanban-tasks?days=${kanbanDays}&filter=${filter}`);
+        if (!response.ok) {
+            throw new Error(`Ошибка сервера: ${response.status}`);
+        }
+        const data = await response.json();
+        kanbanTasks = data.tasks || [];
+        renderKanban(data.filter);
+    } catch (error) {
+        console.error('Ошибка загрузки задач для Канбана:', error);
+        document.getElementById('kanban-board').innerHTML = `
+            <div class="error-message">
+                ❌ Ошибка загрузки Канбана: ${error.message}
+                <button onclick="loadKanbanTasks()" class="retry-btn">Повторить</button>
+            </div>
+        `;
+    }
+}
+
+function renderKanban() {
+    const container = document.getElementById('kanban-board');
+    
+    // Группируем задачи по статусам
+    const columns = {
+        'unassigned': { title: 'Не назначены', tasks: [], color: '#95a5a6' },
+        'assigned': { title: 'Назначены', tasks: [], color: '#e74c3c' },
+        'in_progress': { title: 'В работе', tasks: [], color: '#f39c12' },
+        'rework': { title: 'На доработке', tasks: [], color: '#f1c40f' },
+        'overdue': { title: 'Просрочены', tasks: [], color: '#c0392b' },
+        'completed': { title: 'Выполнены', tasks: [], color: '#2ecc71' }
+    };
+    
+    // Распределяем задачи по колонкам
+    kanbanTasks.forEach(task => {
+        const status = task.kanbanStatus || 'unassigned';
+        if (columns[status]) {
+            columns[status].tasks.push(task);
+        }
+    });
+    
+    // Рендерим доску
+    container.innerHTML = `
+        <div class="kanban-controls">
+            <div class="kanban-period">
+                <label>Период просмотра:</label>
+                <select id="kanban-days" onchange="loadKanbanTasks()">
+                    ${[1, 2, 3, 4, 5, 6, 7, 14].map(days => 
+                        `<option value="${days}" ${days === kanbanDays ? 'selected' : ''}>${days} ${getDayWord(days)}</option>`
+                    ).join('')}
+                </select>
+            </div>
+            <div class="kanban-stats">
+                <span>Всего задач: ${kanbanTasks.length}</span>
+                <button onclick="loadKanbanTasks()" class="refresh-btn">🔄 Обновить</button>
+            </div>
+        </div>
+        
+        <div class="kanban-columns">
+            ${Object.entries(columns).map(([status, column]) => `
+                <div class="kanban-column" data-status="${status}">
+                    <div class="kanban-column-header" style="background: ${column.color}">
+                        <h3>${column.title}</h3>
+                        <span class="kanban-count">${column.tasks.length}</span>
+                    </div>
+                    <div class="kanban-column-body" id="kanban-column-${status}">
+                        ${renderKanbanCards(column.tasks)}
+                    </div>
+                </div>
+            `).join('')}
+        </div>
+    `;
+    
+    // Делаем колонки перетаскиваемыми
+    makeKanbanDraggable();
+}
+function renderKanbanCards(tasks, filter) {
+    if (tasks.length === 0) {
+        return '<div class="kanban-empty">Нет задач</div>';
+    }
+    
+    return tasks.map(task => {
+        // Определяем иконку роли
+        let roleIcon = '';
+        let roleTitle = '';
+        
+        if (task.userRole === 'creator') {
+            roleIcon = '👤';
+            roleTitle = 'Вы поставили эту задачу';
+        } else if (task.userRole === 'assignee') {
+            roleIcon = '🎯';
+            roleTitle = 'Вам поставили эту задачу';
+        }
+        
+        // Исправление: безопасное получение имени пользователя
+        const userName = task.assignments && task.assignments.length > 0 && task.assignments[0]?.user_name 
+            ? task.assignments[0].user_name 
+            : 'Неизвестно';
+        
+        // Исправление: безопасное получение первого символа имени
+        const userInitial = userName && userName.length > 0 ? userName.charAt(0) : '?';
+        
+        return `
+        <div class="kanban-card" draggable="true" data-task-id="${task.id}">
+            <div class="kanban-card-header">
+                <div class="kanban-task-id">#${task.id}</div>
+                <div class="kanban-task-role" title="${roleTitle}">${roleIcon}</div>
+                <div class="kanban-task-actions">
+                    <button onclick="openKanbanTask(${task.id})" title="Открыть">👁️</button>
+                    <button onclick="copyKanbanTask(${task.id})" title="Копировать">📋</button>
+                </div>
+            </div>
+            <div class="kanban-task-title" onclick="openKanbanTask(${task.id})">
+                ${task.title || 'Без названия'}
+            </div>
+            <div class="kanban-task-info">
+                <div class="kanban-deadline">
+                    ${task.due_date ? `<span class="kanban-date">📅 ${formatDate(task.due_date)}</span>` : '<span class="kanban-no-date">Без срока</span>'}
+                </div>
+                <div class="kanban-assignees">
+                    ${task.assignments && task.assignments.length > 0 ? 
+                        task.assignments.slice(0, 3).map(a => {
+                            // Исправление: безопасное получение имени исполнителя
+                            const assigneeName = a.user_name || 'Неизвестно';
+                            const assigneeInitial = assigneeName && assigneeName.length > 0 ? assigneeName.charAt(0) : '?';
+                            return `<span class="kanban-assignee" title="${assigneeName}">${assigneeInitial}</span>`;
+                        }).join('') : 
+                        '<span class="kanban-no-assignee">👤</span>'
+                    }
+                    ${task.assignments && task.assignments.length > 3 ? 
+                        `<span class="kanban-more-assignees">+${task.assignments.length - 3}</span>` : ''
+                    }
+                </div>
+            </div>
+            <div class="kanban-task-footer">
+                <span class="kanban-creator">👤 ${task.creator_name || 'Неизвестно'}</span>
+                ${task.files && task.files.length > 0 ? 
+                    `<span class="kanban-files">📎 ${task.files.length}</span>` : ''
+                }
+            </div>
+        </div>
+        `;
+    }).join('');
+}
+function renderKanban(filter = 'all') {
+    const container = document.getElementById('kanban-board');
+    
+    // Группируем задачи по статусам (убрали 'unassigned')
+    const columns = {
+        'assigned': { title: 'Назначены', tasks: [], color: '#e74c3c' },
+        'in_progress': { title: 'В работе', tasks: [], color: '#f39c12' },
+        'rework': { title: 'На доработке', tasks: [], color: '#f1c40f' },
+        'overdue': { title: 'Просрочены', tasks: [], color: '#c0392b' },
+        'completed': { title: 'Выполнены', tasks: [], color: '#2ecc71' }
+    };
+    
+    // Распределяем задачи по колонкам
+    kanbanTasks.forEach(task => {
+        const status = task.kanbanStatus || 'assigned';
+        // Преобразуем 'unassigned' в 'assigned'
+        const actualStatus = status === 'unassigned' ? 'assigned' : status;
+        
+        if (columns[actualStatus]) {
+            columns[actualStatus].tasks.push(task);
+        } else {
+            // Если статус не найден, добавляем в 'assigned'
+            columns['assigned'].tasks.push(task);
+        }
+    });
+    
+    // Статистика по фильтру
+    let filterTitle = 'Все задачи';
+    if (filter === 'created') filterTitle = 'Задачи, которые я поставил';
+    if (filter === 'assigned') filterTitle = 'Задачи, которые мне поставили';
+    
+    container.innerHTML = `
+        <div class="kanban-controls">
+            <div class="kanban-filters">
+                <div class="kanban-period">
+                    <label>Период просмотра:</label>
+                    <select id="kanban-days" onchange="loadKanbanTasks()">
+                        ${[1, 2, 3, 4, 5, 6, 7, 14, 30, 62].map(days => 
+                            `<option value="${days}" ${days === kanbanDays ? 'selected' : ''}>${days} ${getDayWord(days)}</option>`
+                        ).join('')}
+                    </select>
+                </div>
+                <div class="kanban-filter-type">
+                    <label>Показать:</label>
+                    <select id="kanban-filter" onchange="loadKanbanTasks()">
+                        <option value="all" ${filter === 'all' ? 'selected' : ''}>Все задачи</option>
+                        <option value="created" ${filter === 'created' ? 'selected' : ''}>Я поставил</option>
+                        <option value="assigned" ${filter === 'assigned' ? 'selected' : ''}>Мне поставили</option>
+                    </select>
+                </div>
+                <div class="kanban-stats">
+                    <span class="filter-title">${filterTitle}</span>
+                    <span class="task-count">Всего задач: ${kanbanTasks.length}</span>
+                    <button onclick="loadKanbanTasks()" class="refresh-btn">🔄 Обновить</button>
+                </div>
+            </div>
+        </div>
+        
+        <div class="kanban-columns">
+            ${Object.entries(columns).map(([status, column]) => `
+                <div class="kanban-column" data-status="${status}" ${status === 'overdue' || status === 'assigned' ? 'ondragover="return false" ondrop="return false"' : ''}>
+                    <div class="kanban-column-header" style="background: ${column.color}">
+                        <h3>${column.title}</h3>
+                        <span class="kanban-count">${column.tasks.length}</span>
+                    </div>
+                    <div class="kanban-column-body" id="kanban-column-${status}" 
+                         ${status === 'overdue' || status === 'assigned' ? 'style="opacity: 0.6; cursor: not-allowed;"' : ''}>
+                        ${renderKanbanCards(column.tasks, filter)}
+                    </div>
+                </div>
+            `).join('')}
+        </div>
+    `;
+    
+    // Делаем колонки перетаскиваемыми (кроме 'overdue' и 'assigned')
+    makeKanbanDraggable();
+}
+
+function getDayWord(days) {
+    if (days === 1) return 'день';
+    if (days >= 2 && days <= 4) return 'дня';
+    return 'дней';
+}
+
+function makeKanbanDraggable() {
+    const cards = document.querySelectorAll('.kanban-card');
+    const columns = document.querySelectorAll('.kanban-column-body:not([style*="opacity: 0.6"])');
+    
+    cards.forEach(card => {
+        card.addEventListener('dragstart', (e) => {
+            e.dataTransfer.setData('text/plain', card.dataset.taskId);
+            card.classList.add('dragging');
+        });
+        
+        card.addEventListener('dragend', () => {
+            card.classList.remove('dragging');
+        });
+    });
+    
+    columns.forEach(column => {
+        const status = column.parentElement.dataset.status;
+        
+        // Запрещаем перетаскивание в 'overdue' и 'assigned'
+        if (status === 'overdue' || status === 'assigned') {
+            return;
+        }
+        
+        column.addEventListener('dragover', (e) => {
+            e.preventDefault();
+            const draggingCard = document.querySelector('.dragging');
+            if (draggingCard) {
+                column.appendChild(draggingCard);
+            }
+        });
+        
+        column.addEventListener('drop', async (e) => {
+            e.preventDefault();
+            const taskId = e.dataTransfer.getData('text/plain');
+            const newStatus = column.parentElement.dataset.status;
+            
+            if (taskId) {
+                try {
+                    // Запрещаем установку статуса 'overdue' и 'assigned'
+                    if (newStatus === 'overdue' || newStatus === 'assigned') {
+                        alert('Невозможно изменить статус задачи на "Просрочены" или "Назначены" через Канбан');
+                        // Возвращаем задачу в исходное положение
+                        loadKanbanTasks();
+                        return;
+                    }
+                    
+                    // Обновляем статус на сервере
+                    const response = await fetch(`/api/kanban-tasks/${taskId}/status`, {
+                        method: 'PUT',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({ status: newStatus })
+                    });
+                    
+                    if (response.ok) {
+                        // Перезагружаем Канбан
+                        loadKanbanTasks();
+                    } else {
+                        const error = await response.json();
+                        alert(`Ошибка обновления статуса: ${error.error || 'Неизвестная ошибка'}`);
+                        // Возвращаем задачу в исходное положение
+                        loadKanbanTasks();
+                    }
+                } catch (error) {
+                    console.error('Ошибка обновления статуса:', error);
+                    alert('Ошибка обновления статуса');
+                    loadKanbanTasks();
+                }
+            }
+        });
+    });
+}
+
+function openKanbanTask(taskId) {
+    // Находим задачу и открываем её в основном интерфейсе
+    const task = kanbanTasks.find(t => t.id == taskId);
+    if (task) {
+        showSection('tasks');
+        // Прокручиваем к задаче
+        setTimeout(() => {
+            const taskElement = document.querySelector(`.task-card[data-task-id="${taskId}"]`);
+            if (taskElement) {
+                taskElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                // Раскрываем задачу если она свернута
+                if (!expandedTasks.has(taskId)) {
+                    toggleTask(taskId);
+                }
+            }
+        }, 100);
+    }
+}
+
+function copyKanbanTask(taskId) {
+    openCopyModal(taskId);
+}
+
+function formatDate(dateString) {
+    if (!dateString) return '';
+    const date = new Date(dateString);
+    return date.toLocaleDateString('ru-RU');
+}
 function filterUsers() {
     const search = document.getElementById('user-search').value.toLowerCase();
     filteredUsers = users.filter(user => 
@@ -1081,7 +1437,18 @@ function getUserRoleInTask(task) {
     if (!currentUser) return 'Нет доступа';
     
     if (currentUser.role === 'admin') return 'Администратор';
-    if (parseInt(task.created_by) === currentUser.id) return 'Заказчик';
+    
+    if (parseInt(task.created_by) === currentUser.id) {
+        if (task.assignments && task.assignments.length > 0) {
+            const assignedToOthers = task.assignments.some(assignment => 
+                parseInt(assignment.user_id) !== currentUser.id
+            );
+            if (assignedToOthers) {
+                return 'Создатель (только просмотр)';
+            }
+        }
+        return 'Создатель';
+    }
     
     if (task.assignments) {
         const isExecutor = task.assignments.some(assignment => 
@@ -1105,8 +1472,37 @@ function getRoleBadgeClass(role) {
 function canUserEditTask(task) {
     if (!currentUser) return false;
     
+    // Администратор может всё
     if (currentUser.role === 'admin') return true;
-    if (parseInt(task.created_by) === currentUser.id) return true;
+    
+    // Создатель может редактировать свою задачу
+    if (parseInt(task.created_by) === currentUser.id) {
+        // Но если задача уже назначена другим пользователям,
+        // создатель может только просматривать
+        if (task.assignments && task.assignments.length > 0) {
+            // Проверяем, назначена ли задача другим пользователям (не только себе)
+            const assignedToOthers = task.assignments.some(assignment => 
+                parseInt(assignment.user_id) !== currentUser.id
+            );
+            
+            if (assignedToOthers) {
+                // Создатель может только просматривать и закрывать задачу
+                return false;
+            }
+        }
+        return true;
+    }
+    
+    // Исполнитель может менять только свой статус
+    if (task.assignments) {
+        const isExecutor = task.assignments.some(assignment => 
+            parseInt(assignment.user_id) === currentUser.id
+        );
+        if (isExecutor) {
+            // Исполнитель может менять только статус
+            return false;
+        }
+    }
     
     return false;
 }