kalugin66/minicrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

переделал ui

Browse Source
This commit is contained in:
kalugin66
2026-03-04 12:09:40 +05:00
parent 3b68dfc042
commit 850a23e962
7 changed files with 1296 additions and 1685 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/auth.js
View File

@@ -108,6 +108,7 @@ function reloadAllScripts() {
'tasks_files.js', 'tasks_files.js',
'navbar.js', 'navbar.js',
'chat-ui.js', 'chat-ui.js',
'loadMyCreatedTasks.js',
'main.js' 'main.js'
]; ];

244
public/index.html
View File

@@ -62,26 +62,18 @@
<div class="container"> <div class="container">
<header> <header>
<div class="header-top"> <div class="header-top">
<div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px;"> <div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px;">
<img src="login2.png" alt="School CRM Logo" style="max-width: 200px; max-height: 110px; flex-shrink: 0;"> <img src="login2.png" alt="School CRM Logo" style="max-width: 200px; max-height: 110px; flex-shrink: 0;">
<h1 style="margin: 0;"> School CRM - Управление задачами</h1> <h1 style="margin: 0;"> School CRM - Управление задачами</h1>
<img src="login2.png" alt="School CRM Logo" style="max-width: 200px; max-height: 110px; flex-shrink: 0;"> <img src="login2.png" alt="School CRM Logo" style="max-width: 200px; max-height: 110px; flex-shrink: 0;">
</div> </div>
<div class="user-info"> <div class="user-info">
<span id="current-user"></span> <span id="current-user"></span>
</div> </div>
</div> </div>
<nav id="navbar-container"> <nav id="navbar-container">
<!-- <!-- Кнопки навигации будут добавлены через navbar.js -->
<button onclick="window.location.href = '/'" class="nav-btn tasks"><i class="fas fa-cog"></i> Главная</button>
<button onclick="showSection('tasks')" class="nav-btn tasks"><i class="fas fa-list"></i> Задачи</button>
<button onclick="showSection('create-task')" class="nav-btn create"><i class="fas fa-plus-circle"></i> Создать задачу</button>
<button onclick="showKanbanSection()" class="nav-btn kanban"><i class="fas fa-columns"></i> Канбан</button>
<button onclick="showSection('profile')" class="nav-btn profile" id="profile-btn"><i class="fas fa-user-circle"></i> Личный кабинет</button>
<button onclick="window.location.href = '/admin'" class="nav-btn admin"><i class="fas fa-cog"></i> Админ-панель</button>
<button onclick="logout()" class="btn-logout"><i class="fas fa-sign-out-alt"></i> Выйти</button>
-->
</nav> </nav>
</header> </header>
<main> <main>
@@ -89,16 +81,14 @@
<h2><i class="fas fa-tasks"></i> Все задачи</h2> <h2><i class="fas fa-tasks"></i> Все задачи</h2>
<div id="tasks-controls"> <div id="tasks-controls">
<div class="filters"> <div class="filters">
<!-- <div class="filter-group">
<div class="filter-group"> <label for="task-view-filter"><i class="fas fa-eye"></i> Вид задач:</label>
<label for="task-view-filter"><i class="fas fa-eye"></i> Вид задач:</label> <select id="task-view-filter" onchange="changeTaskView()">
<select id="task-view-filter" onchange="changeTaskView()"> <option value="all">Все задачи</option>
<option value="all">Все задачи</option> <option value="my_assigned">Задачи, которые я назначил</option>
<option value="my_assigned">Задачи, которые я назначил</option> <option value="assigned_to_me">Задачи, назначенные мне</option>
<option value="assigned_to_me">Задачи, назначенные мне</option> </select>
</select> </div>
</div>
-->
<div class="filter-group"> <div class="filter-group">
<label for="status-filter"><i class="fas fa-filter"></i> Статус:</label> <label for="status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="status-filter" onchange="loadTasks()"> <select id="status-filter" onchange="loadTasks()">
@@ -113,21 +103,21 @@
</select> </select>
</div> </div>
<div class="filter-group"> <div class="filter-group">
<label for="type-filter"><i class="fas fa-tag"></i> Тип:</label> <label for="type-filter"><i class="fas fa-tag"></i> Тип:</label>
<select id="type-filter" onchange="loadTasks()"> <select id="type-filter" onchange="loadTasks()">
<option value="">Все типы</option> <option value="">Все типы</option>
<option value="regular">Обычная задача</option> <option value="regular">Обычная задача</option>
<option value="document">Согласование документа</option> <option value="document">Согласование документа</option>
<option value="it">ИТ отдел</option> <option value="it">ИТ отдел</option>
<option value="ahch">АХЧ</option> <option value="ahch">АХЧ</option>
<option value="psychologist">Психолог</option> <option value="psychologist">Психолог</option>
<option value="speech_therapist">Логопед</option> <option value="speech_therapist">Логопед</option>
<option value="Social_educator">Социальный педагог</option> <option value="Social_educator">Социальный педагог</option>
<option value="hr">Диспетчер расписания</option> <option value="hr">Диспетчер расписания</option>
<option value="certificate">Справка</option> <option value="certificate">Справка</option>
<option value="e_journal">Эл. журнал</option> <option value="e_journal">Эл. журнал</option>
</select> </select>
</div> </div>
<div class="filter-group"> <div class="filter-group">
<label for="creator-filter"><i class="fas fa-user-tie"></i> Заказчик:</label> <label for="creator-filter"><i class="fas fa-user-tie"></i> Заказчик:</label>
<select id="creator-filter" onchange="loadTasks()"> <select id="creator-filter" onchange="loadTasks()">
@@ -153,10 +143,10 @@
<input type="text" id="search-tasks" placeholder="Поиск по названию и описанию..." oninput="loadTasks()"> <input type="text" id="search-tasks" placeholder="Поиск по названию и описанию..." oninput="loadTasks()">
</div> </div>
<div class="filter-actions"> <div class="filter-actions">
<button type="button" class="btn-reset" onclick="resetAllFilters()"> <button type="button" class="btn-reset" onclick="resetAllFilters()">
<i class="fas fa-undo"></i> Сбросить фильтры <i class="fas fa-undo"></i> Сбросить фильтры
</button> </button>
</div> </div>
</div> </div>
<label class="show-deleted-label" style="display: none;"> <label class="show-deleted-label" style="display: none;">
<input type="checkbox" id="show-deleted" onchange="loadTasks()"> <input type="checkbox" id="show-deleted" onchange="loadTasks()">
@@ -170,24 +160,24 @@
<h2><i class="fas fa-plus-circle"></i> Создать новую задачу</h2> <h2><i class="fas fa-plus-circle"></i> Создать новую задачу</h2>
<form id="create-task-form" enctype="multipart/form-data"> <form id="create-task-form" enctype="multipart/form-data">
<div class="task-type-selector"> <div class="task-type-selector">
<div class="task-type-buttons"> <div class="task-type-buttons">
<button type="button" class="task-type-btn active" data-type="regular" onclick="selectTaskType('regular')"><i class="fas fa-tasks"></i> Обычная задача</button> <button type="button" class="task-type-btn active" data-type="regular" onclick="selectTaskType('regular')"><i class="fas fa-tasks"></i> Обычная задача</button>
<button type="button" class="task-type-btn" data-type="document" onclick="selectTaskType('document')"><i class="fas fa-file-signature"></i> Согласование документа</button> <button type="button" class="task-type-btn" data-type="document" onclick="selectTaskType('document')"><i class="fas fa-file-signature"></i> Согласование документа</button>
<button type="button" class="task-type-btn" data-type="it" onclick="selectTaskType('it')"><i class="fas fa-desktop"></i> Заявка в ИТ отдел</button> <button type="button" class="task-type-btn" data-type="it" onclick="selectTaskType('it')"><i class="fas fa-desktop"></i> Заявка в ИТ отдел</button>
<button type="button" class="task-type-btn" data-type="ahch" onclick="selectTaskType('ahch')"><i class="fas fa-tools"></i> Заявка в АХЧ</button> <button type="button" class="task-type-btn" data-type="ahch" onclick="selectTaskType('ahch')"><i class="fas fa-tools"></i> Заявка в АХЧ</button>
<button type="button" class="task-type-btn" data-type="psychologist" onclick="selectTaskType('psychologist')"><i class="fas fa-brain"></i> Заявка к психологу</button> <button type="button" class="task-type-btn" data-type="psychologist" onclick="selectTaskType('psychologist')"><i class="fas fa-brain"></i> Заявка к психологу</button>
<button type="button" class="task-type-btn" data-type="speech_therapist" onclick="selectTaskType('speech_therapist')"><i class="fas fa-comment-medical"></i> Заявка к логопеду</button> <button type="button" class="task-type-btn" data-type="speech_therapist" onclick="selectTaskType('speech_therapist')"><i class="fas fa-comment-medical"></i> Заявка к логопеду</button>
<button type="button" class="task-type-btn" data-type="psychologist" onclick="selectTaskType('Social_educator')"><i class="fas fa-user-graduate"></i> Социальный педагог</button> <button type="button" class="task-type-btn" data-type="Social_educator" onclick="selectTaskType('Social_educator')"><i class="fas fa-user-graduate"></i> Социальный педагог</button>
<button type="button" class="task-type-btn" data-type="hr" onclick="selectTaskType('hr')"><i class="fas fa-users"></i> Заявка диспетчеру расписания</button> <button type="button" class="task-type-btn" data-type="hr" onclick="selectTaskType('hr')"><i class="fas fa-users"></i> Заявка диспетчеру расписания</button>
<button type="button" class="task-type-btn" data-type="certificate" onclick="selectTaskType('certificate')"> <button type="button" class="task-type-btn" data-type="certificate" onclick="selectTaskType('certificate')">
<i class="fas fa-book"></i> Заявка на справку <i class="fas fa-book"></i> Заявка на справку
</button> </button>
<button type="button" class="task-type-btn" data-type="e_journal" onclick="selectTaskType('e_journal')"> <button type="button" class="task-type-btn" data-type="e_journal" onclick="selectTaskType('e_journal')">
<i class="fas fa-book"></i> Доступ в электронный журнал <i class="fas fa-book"></i> Доступ в электронный журнал
</button> </button>
</div> </div>
<input type="hidden" id="task-type" name="taskType" value="regular"> <input type="hidden" id="task-type" name="taskType" value="regular">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="title"><i class="fas fa-heading"></i> Название задачи:</label> <label for="title"><i class="fas fa-heading"></i> Название задачи:</label>
<input type="text" id="title" name="title" required> <input type="text" id="title" name="title" required>
@@ -198,15 +188,15 @@
<textarea id="description" name="description" rows="4"></textarea> <textarea id="description" name="description" rows="4"></textarea>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="due-date"><i class="fas fa-calendar-alt"></i> Дата выполнения:</label> <label for="due-date"><i class="fas fa-calendar-alt"></i> Дата выполнения:</label>
<div class="time-buttons"> <div class="time-buttons">
<button type="button" class="time-btn active" onclick="setTaskTime('12:00')"><i class="fas fa-sun"></i> До обеда</button> <button type="button" class="time-btn active" onclick="setTaskTime('12:00')"><i class="fas fa-sun"></i> До обеда</button>
<input type="date" class="date-btn" id="due-date" name="dueDate" required> <input type="date" class="date-btn" id="due-date" name="dueDate" required>
<button type="button" class="time-btn" onclick="setTaskTime('19:00')"><i class="fas fa-moon"></i> После обеда</button> <button type="button" class="time-btn" onclick="setTaskTime('19:00')"><i class="fas fa-moon"></i> После обеда</button>
</div> </div>
<input type="hidden" id="due-time" name="dueTime" value="12:00"> <input type="hidden" id="due-time" name="dueTime" value="12:00">
</div> </div>
<div class="form-group"> <div class="form-group">
<label><i class="fas fa-users"></i> Исполнители:</label> <label><i class="fas fa-users"></i> Исполнители:</label>
@@ -232,49 +222,51 @@
</button> </button>
</form> </form>
</section> </section>
<div id="mytasks-section" class="section">
<h2><i class="fas fa-user-edit"></i> Мои задачи (как автор)</h2>
<div class="filters" style="margin-bottom: 20px;">
<div class="filter-group">
<label for="mytasks-status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="mytasks-status-filter" onchange="filterMyTasks()">
<option value="all">Все статусы</option>
<option value="assigned">Назначена</option>
<option value="in_progress">В работе</option>
<option value="rework">На доработке</option>
<option value="overdue">Просрочена</option>
<option value="completed">Выполнена</option>
</select>
</div>
<div class="filter-group" style="flex-grow: 1;">
<label for="mytasks-search"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="mytasks-search" placeholder="Поиск по названию..." oninput="filterMyTasks()">
</div>
</div>
<div id="mytasks-list" class="tasks-container"></div>
</div>
<div id="runtasks-section" class="section"> <div id="mytasks-section" class="section">
<h2><i class="fas fa-user-check"></i> Задачи для исполнения</h2> <h2><i class="fas fa-user-edit"></i> Мои задачи (как автор)</h2>
<div class="filters" style="margin-bottom: 20px;"> <div class="filters" style="margin-bottom: 20px;">
<div class="filter-group"> <div class="filter-group">
<label for="runtasks-status-filter"><i class="fas fa-filter"></i> Статус:</label> <label for="mytasks-status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="runtasks-status-filter" onchange="filterRunTasks()"> <select id="mytasks-status-filter" onchange="filterMyTasks()">
<option value="all">Все статусы</option> <option value="all">Все статусы</option>
<option value="assigned">Назначена</option> <option value="assigned">Назначена</option>
<option value="in_progress">В работе</option> <option value="in_progress">В работе</option>
<option value="rework">На доработке</option> <option value="rework">На доработке</option>
<option value="overdue">Просрочена</option> <option value="overdue">Просрочена</option>
<option value="completed">Выполнена</option> <option value="completed">Выполнена</option>
</select> </select>
</div> </div>
<div class="filter-group" style="flex-grow: 1;"> <div class="filter-group" style="flex-grow: 1;">
<label for="runtasks-search"><i class="fas fa-search"></i> Поиск:</label> <label for="mytasks-search"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="runtasks-search" placeholder="Поиск по названию..." oninput="filterRunTasks()"> <input type="text" id="mytasks-search" placeholder="Поиск по названию..." oninput="filterMyTasks()">
</div> </div>
</div> </div>
<div id="runtasks-list" class="tasks-container"></div> <div id="mytasks-list" class="tasks-container"></div>
</div> </div>
<div id="runtasks-section" class="section">
<h2><i class="fas fa-user-check"></i> Задачи для исполнения</h2>
<div class="filters" style="margin-bottom: 20px;">
<div class="filter-group">
<label for="runtasks-status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="runtasks-status-filter" onchange="filterRunTasks()">
<option value="all">Все статусы</option>
<option value="assigned">Назначена</option>
<option value="in_progress">В работе</option>
<option value="rework">На доработке</option>
<option value="overdue">Просрочена</option>
<option value="completed">Выполнена</option>
</select>
</div>
<div class="filter-group" style="flex-grow: 1;">
<label for="runtasks-search"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="runtasks-search" placeholder="Поиск по названию..." oninput="filterRunTasks()">
</div>
</div>
<div id="runtasks-list" class="tasks-container"></div>
</div>
<section id="logs-section" class="section"> <section id="logs-section" class="section">
<h2><i class="fas fa-history"></i> Лог активности</h2> <h2><i class="fas fa-history"></i> Лог активности</h2>
<div id="logs-list"></div> <div id="logs-list"></div>
@@ -301,13 +293,13 @@
</div> </div>
<small>Email для уведомлений</small> <small>Email для уведомлений</small>
</div> </div>
<div class="form-group hidden"> <div class="form-group hidden">
<div class="form-group"><label class="checkbox-label"><input type="checkbox" id="telegram-notifications" name="telegram_notifications" disabled><span><i class="fab fa-telegram"></i> Telegram уведомления (скоро)</span></label></div> <div class="form-group"><label class="checkbox-label"><input type="checkbox" id="telegram-notifications" name="telegram_notifications" disabled><span><i class="fab fa-telegram"></i> Telegram уведомления (скоро)</span></label></div>
<div class="form-group"><label class="checkbox-label"><input type="checkbox" id="vk-notifications" name="vk_notifications" disabled><span><i class="fab fa-vk"></i> ВКонтакте уведомления (скоро)</span></label></div> <div class="form-group"><label class="checkbox-label"><input type="checkbox" id="vk-notifications" name="vk_notifications" disabled><span><i class="fab fa-vk"></i> ВКонтакте уведомления (скоро)</span></label></div>
<div class="form-group"><label class="checkbox-label"><input type="checkbox" id="sberbank-notifications" name="sberbank_notifications" disabled><span><i class="fas fa-university"></i> Сбербанк Онлайн уведомления (скоро)</span></label></div> <div class="form-group"><label class="checkbox-label"><input type="checkbox" id="sberbank-notifications" name="sberbank_notifications" disabled><span><i class="fas fa-university"></i> Сбербанк Онлайн уведомления (скоро)</span></label></div>
<div class="form-group"><label class="checkbox-label"><input type="checkbox" id="yandex-notifications" name="yandex_notifications" disabled><span><i class="fab fa-yandex"></i> Яндекс уведомления (скоро)</span></label></div> <div class="form-group"><label class="checkbox-label"><input type="checkbox" id="yandex-notifications" name="yandex_notifications" disabled><span><i class="fab fa-yandex"></i> Яндекс уведомления (скоро)</span></label></div>
<div class="form-group"><label class="checkbox-label"><input type="checkbox" id="gosuslugi-notifications" name="gosuslugi_notifications" disabled><span><i class="fas fa-passport"></i> Госуслуги уведомления (скоро)</span></label></div> <div class="form-group"><label class="checkbox-label"><input type="checkbox" id="gosuslugi-notifications" name="gosuslugi_notifications" disabled><span><i class="fas fa-passport"></i> Госуслуги уведомления (скоро)</span></label></div>
</div> </div>
<button type="submit" class="btn-primary"> <button type="submit" class="btn-primary">
<i class="fas fa-save"></i> Сохранить настройки <i class="fas fa-save"></i> Сохранить настройки
</button> </button>
@@ -384,23 +376,9 @@
<input type="date" class="date-btn" id="copy-due-date" name="dueDate" required> <input type="date" class="date-btn" id="copy-due-date" name="dueDate" required>
<input type="hidden" id="copy-due-time" name="dueTime" value="19:00"> <input type="hidden" id="copy-due-time" name="dueTime" value="19:00">
<input type="text" id="copy-user-search" placeholder="Поиск исполнителей..." oninput="filterCopyUsers()"> <input type="text" id="copy-user-search" placeholder="Поиск исполнителей..." oninput="filterCopyUsers()">
<!--
<div class="time-buttons">
<button type="button" class="copy-time-btn active" onclick="setCopyTaskTime('12:00')">
<i class="fas fa-sun"></i> До обеда (12:00)
</button>
<button type="button" class="copy-time-btn" onclick="setCopyTaskTime('19:00')">
<i class="fas fa-moon"></i> После обеда (19:00)
</button>
</div>
-->
</div> </div>
<div class="form-group"> <div class="form-group">
<!-- <label>Назначить исполнителей для копии:</label>
<div class="user-search">
<input type="text" id="copy-user-search" placeholder="Поиск исполнителей..." oninput="filterCopyUsers()">
</div> -->
<div id="copy-users-checklist" class="checkbox-group"></div> <div id="copy-users-checklist" class="checkbox-group"></div>
</div> </div>
<button type="submit" class="btn-primary"> <button type="submit" class="btn-primary">

584
public/loadMyCreatedTasks.js
View File

@@ -1,22 +1,31 @@
// Скрипт для отображения задач, где пользователь является автором // loadMyCreatedTasks.js - Задачи, созданные пользователем и назначенные ему
// Глобальные переменные // Глобальные переменные
let myAuthorTasks = []; let expandedMyTasks = new Set();
let myAuthorTasksFiltered = []; let updateInterval = null;
let expandedMyTasks = new Set(); // Для отслеживания развернутых задач let isUpdating = false;
let updateInterval = null; // Интервал обновления
let isUpdating = false; // Флаг для предотвращения множественных обновлений
// Загрузка задач при открытии секции // Показать секцию "Мои задачи (как автор)"
function showMyTasksSection() { function showMyTasksSection() {
showSection('mytasks'); showSection('mytasks');
loadMyAuthorTasks(); window.currentTaskView = 'my_assigned';
startAutoUpdate(); // Запускаем автообновление при открытии секции loadTasks();
startAutoUpdate();
} }
// Показать секцию "Задачи для исполнения"
function showRunTasksSection() {
showSection('runtasks');
window.currentTaskView = 'assigned_to_me';
loadTasks();
startAutoUpdate();
}
// Остановка автообновления при уходе с секции // Остановка автообновления при уходе с секции
function hideMyTasksSection() { function hideTasksSection() {
stopAutoUpdate(); stopAutoUpdate();
} }
// Запуск автоматического обновления // Запуск автоматического обновления
function startAutoUpdate() { function startAutoUpdate() {
// Останавливаем предыдущий интервал, если был // Останавливаем предыдущий интервал, если был
@@ -29,6 +38,7 @@ function startAutoUpdate() {
console.log('🔄 Автообновление задач запущено (каждые 15 сек)'); console.log('🔄 Автообновление задач запущено (каждые 15 сек)');
} }
// Остановка автоматического обновления // Остановка автоматического обновления
function stopAutoUpdate() { function stopAutoUpdate() {
if (updateInterval) { if (updateInterval) {
@@ -37,6 +47,7 @@ function stopAutoUpdate() {
console.log('⏹️ Автообновление задач остановлено'); console.log('⏹️ Автообновление задач остановлено');
} }
} }
// Функция автоматического обновления // Функция автоматического обновления
async function autoUpdateTasks() { async function autoUpdateTasks() {
// Предотвращаем множественные обновления // Предотвращаем множественные обновления
@@ -47,7 +58,9 @@ async function autoUpdateTasks() {
// Проверяем, активна ли секция // Проверяем, активна ли секция
const mytasksSection = document.getElementById('mytasks-section'); const mytasksSection = document.getElementById('mytasks-section');
if (!mytasksSection || !mytasksSection.classList.contains('active')) { const runtasksSection = document.getElementById('runtasks-section');
if ((!mytasksSection || !mytasksSection.classList.contains('active')) &&
(!runtasksSection || !runtasksSection.classList.contains('active'))) {
console.log('⏸️ Секция неактивна, автообновление приостановлено'); console.log('⏸️ Секция неактивна, автообновление приостановлено');
stopAutoUpdate(); stopAutoUpdate();
return; return;
@@ -58,26 +71,10 @@ async function autoUpdateTasks() {
try { try {
console.log('🔄 Автообновление задач...', new Date().toLocaleTimeString()); console.log('🔄 Автообновление задач...', new Date().toLocaleTimeString());
const response = await fetch('/api/kanban-tasks?days=62&filter=created'); await loadTasks(); // просто перезагружаем с текущими фильтрами
if (!response.ok) { // Показываем уведомление об обновлении
throw new Error(`Ошибка сервера: ${response.status}`); showUpdateNotification();
}
const data = await response.json();
const newTasks = data.tasks || [];
// Проверяем, изменились ли данные
if (hasTasksChanged(myAuthorTasks, newTasks)) {
console.log('📊 Данные изменились, обновляем отображение');
myAuthorTasks = newTasks;
filterMyTasks();
// Показываем уведомление об обновлении
showUpdateNotification();
} else {
console.log('📊 Данные не изменились');
}
} catch (error) { } catch (error) {
console.error('❌ Ошибка автообновления:', error); console.error('❌ Ошибка автообновления:', error);
@@ -85,6 +82,7 @@ async function autoUpdateTasks() {
isUpdating = false; isUpdating = false;
} }
} }
// Показ уведомления об обновлении // Показ уведомления об обновлении
function showUpdateNotification() { function showUpdateNotification() {
const notification = document.createElement('div'); const notification = document.createElement('div');
@@ -108,140 +106,48 @@ function showUpdateNotification() {
}, 300); }, 300);
}, 2000); }, 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() { function filterMyTasks() {
const statusFilter = document.getElementById('mytasks-status-filter')?.value || 'all'; loadTasks();
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() { function filterRunTasks() {
loadTasks();
}
// Рендеринг для "Мои задачи"
function renderMyTasks() {
const container = document.getElementById('mytasks-list'); const container = document.getElementById('mytasks-list');
if (!container) return; if (!container) return;
if (myAuthorTasks.length === 0) { if (!window.tasks || window.tasks.length === 0) {
container.innerHTML = '<div class="loading">У вас пока нет созданных задач</div>'; container.innerHTML = '<div class="loading">У вас пока нет созданных задач</div>';
return; return;
} }
if (myAuthorTasksFiltered.length === 0) { // Используем общую функцию рендеринга, если она есть
container.innerHTML = '<div class="loading">Задачи не найдены</div>'; if (typeof renderTasksInContainer === 'function') {
return; renderTasksInContainer('mytasks-list', window.tasks);
} else {
// Запасной вариант: рендерим прямо здесь (упрощённо)
renderMyTasksSimple(window.tasks);
} }
}
// Упрощённый рендеринг для "Мои задачи" (если нет общей функции)
function renderMyTasksSimple(tasks) {
const container = document.getElementById('mytasks-list');
// Сортируем задачи по дате создания (новые сверху) // Сортируем задачи по дате создания (новые сверху)
const sortedTasks = [...myAuthorTasksFiltered].sort((a, b) => const sortedTasks = [...tasks].sort((a, b) =>
new Date(b.created_at || 0) - new Date(a.created_at || 0) new Date(b.created_at || 0) - new Date(a.created_at || 0)
); );
container.innerHTML = sortedTasks.map(task => { container.innerHTML = sortedTasks.map(task => {
const isExpanded = expandedMyTasks.has(task.id); const isExpanded = expandedMyTasks.has(task.id);
const overallStatus = task.kanbanStatus || 'assigned'; const overallStatus = getTaskOverallStatus(task);
const statusClass = getStatusClass(overallStatus); const statusClass = getStatusClass(overallStatus);
const isClosed = task.closed_at !== null; const isClosed = task.closed_at !== null;
const isCopy = task.original_task_id !== null; const isCopy = task.original_task_id !== null;
@@ -317,7 +223,7 @@ function renderMyAuthorTasks() {
<div class="file-list" id="files-${task.id}"> <div class="file-list" id="files-${task.id}">
<strong>Файлы:</strong> <strong>Файлы:</strong>
${task.files && task.files.length > 0 ? ${task.files && task.files.length > 0 ?
renderGroupedFilesWithDelete ? renderGroupedFilesWithDelete(task) : renderGroupedFiles(task) (typeof renderGroupedFilesWithDelete === 'function' ? renderGroupedFilesWithDelete(task) : renderGroupedFiles(task))
: '<span class="no-files">нет файлов</span>' : '<span class="no-files">нет файлов</span>'
} }
</div> </div>
@@ -346,7 +252,7 @@ function renderMyAuthorTasks() {
// Загружаем файлы для развернутых задач // Загружаем файлы для развернутых задач
expandedMyTasks.forEach(taskId => { expandedMyTasks.forEach(taskId => {
if (myAuthorTasks.some(t => t.id == taskId)) { if (window.tasks.some(t => t.id == taskId)) {
loadTaskFiles(taskId); loadTaskFiles(taskId);
} }
}); });
@@ -360,388 +266,16 @@ function toggleMyTask(taskId) {
expandedMyTasks.add(taskId); expandedMyTasks.add(taskId);
loadTaskFiles(taskId); loadTaskFiles(taskId);
} }
renderMyAuthorTasks(); renderMyTasks();
} }
// Остальные вспомогательные функции (getStatusClass, getTaskTypeDisplayName, formatDateTime, renderAssignment, filterAssignments, openAddFileModal, closeAddFileModal, openTaskChat, openEditModal, openCopyModal, openReworkModal, closeTask, deleteTask, updateStatus) остаются без изменений
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': 'Логопед',
'Social_educator': 'Социальный педагог',
'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()">&times;</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.showMyTasksSection = showMyTasksSection;
window.loadMyAuthorTasks = loadMyAuthorTasks; window.showRunTasksSection = showRunTasksSection;
window.filterMyTasks = filterMyTasks; window.filterMyTasks = filterMyTasks;
window.filterRunTasks = filterRunTasks;
window.toggleMyTask = toggleMyTask; window.toggleMyTask = toggleMyTask;
window.openAddFileModal = openAddFileModal; window.renderMyTasks = renderMyTasks;
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;

113
public/main.js
View File

@@ -1,107 +1,63 @@
// main.js - Главный файл инициализации // main.js - Главный файл инициализации
let currentTaskView = 'all'; // 'all', 'my_assigned', 'assigned_to_me' // Глобальная переменная для вида задач (используем window, чтобы избежать конфликтов)
let allTasksCache = []; // Кэш всех задач window.currentTaskView = 'all'; // 'all', 'my_assigned', 'assigned_to_me'
let allTasksCache = []; // Кэш всех задач (может быть полезен)
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
checkAuth(); checkAuth();
setupEventListeners(); // setupEventListeners убран отсюда – будет вызван после загрузки всех скриптов
// Инициализация выбора времени
initializeTimeSelectors(); initializeTimeSelectors();
// Инициализация фильтра
const taskViewFilter = document.getElementById('task-view-filter'); const taskViewFilter = document.getElementById('task-view-filter');
if (taskViewFilter) { if (taskViewFilter) {
taskViewFilter.value = currentTaskView; taskViewFilter.value = window.currentTaskView;
} }
// По умолчанию показываем секцию задач // По умолчанию показываем секцию задач
showSection('tasks'); showSection('tasks');
}); });
// Функция настройки обработчиков событий – будет вызвана после загрузки всех скриптов
function setupEventListeners() { function setupEventListeners() {
// Форма входа console.log('🔧 Настройка обработчиков событий...');
document.getElementById('login-form').addEventListener('submit', login);
// Формы задач const loginForm = document.getElementById('login-form');
document.getElementById('create-task-form').addEventListener('submit', createTask); if (loginForm) loginForm.addEventListener('submit', login);
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);
// Файлы const createForm = document.getElementById('create-task-form');
document.getElementById('files').addEventListener('change', updateFileList); if (createForm) createForm.addEventListener('submit', createTask);
document.getElementById('edit-files').addEventListener('change', updateEditFileList);
const editForm = document.getElementById('edit-task-form');
if (editForm) editForm.addEventListener('submit', updateTask);
const copyForm = document.getElementById('copy-task-form');
if (copyForm) copyForm.addEventListener('submit', copyTask);
const editAssignmentForm = document.getElementById('edit-assignment-form');
if (editAssignmentForm) editAssignmentForm.addEventListener('submit', updateAssignment);
const reworkForm = document.getElementById('rework-task-form');
if (reworkForm) reworkForm.addEventListener('submit', sendForRework);
const filesInput = document.getElementById('files');
if (filesInput) filesInput.addEventListener('change', updateFileList);
const editFilesInput = document.getElementById('edit-files');
if (editFilesInput) editFilesInput.addEventListener('change', updateEditFileList);
// Настройки уведомлений
const notificationForm = document.getElementById('notification-settings-form'); const notificationForm = document.getElementById('notification-settings-form');
if (notificationForm) { if (notificationForm) notificationForm.addEventListener('submit', saveNotificationSettings);
notificationForm.addEventListener('submit', saveNotificationSettings);
}
// Инициализация загрузки файлов
initializeFileUploads(); initializeFileUploads();
} }
// Функция для изменения вида задач // Функция для изменения вида задач
function changeTaskView() { function changeTaskView() {
const select = document.getElementById('task-view-filter'); const select = document.getElementById('task-view-filter');
currentTaskView = select.value; window.currentTaskView = select.value;
loadTasks(); loadTasks();
} }
// Переопределяем функцию loadTasks для фильтрации
(function() {
// Сохраняем оригинальную функцию loadTasks
const originalLoadTasks = window.loadTasks;
// Создаем новую функцию
window.loadTasks = async function() {
// Вызываем оригинальную функцию
if (typeof originalLoadTasks === 'function') {
await originalLoadTasks();
}
// Кэшируем все задачи
if (window.tasks && Array.isArray(window.tasks)) {
allTasksCache = [...window.tasks];
// Фильтруем задачи в зависимости от выбранного вида
if (currentTaskView !== 'all' && currentUser) {
let filteredTasks = [];
if (currentTaskView === 'my_assigned') {
// Показываем задачи, которые я назначил (я - создатель)
filteredTasks = window.tasks.filter(task => {
return parseInt(task.created_by) === currentUser.id;
});
} else if (currentTaskView === 'assigned_to_me') {
// Показываем задачи, назначенные мне (я - исполнитель)
filteredTasks = window.tasks.filter(task => {
// Проверяем, назначена ли задача текущему пользователю
if (task.assignments && Array.isArray(task.assignments)) {
return task.assignments.some(assignment =>
parseInt(assignment.user_id) === currentUser.id
);
}
return false;
});
}
// Обновляем глобальный массив задач
window.tasks = filteredTasks;
// Перерисовываем задачи
if (window.renderTasks && typeof window.renderTasks === 'function') {
window.renderTasks();
}
}
}
};
})();
// Обновленная функция для создания задачи // Обновленная функция для создания задачи
async function createTask(event) { async function createTask(event) {
event.preventDefault(); event.preventDefault();
@@ -496,11 +452,16 @@ function showSection(sectionName) {
document.getElementById(sectionName + '-section').classList.add('active'); document.getElementById(sectionName + '-section').classList.add('active');
if (sectionName === 'tasks') { if (sectionName === 'tasks') {
window.currentTaskView = 'all';
loadTasks(); loadTasks();
} else if (sectionName === 'logs') { } else if (sectionName === 'logs') {
loadActivityLogs(); loadActivityLogs();
} else if (sectionName === 'kanban') { } else if (sectionName === 'kanban') {
loadKanbanTasks(); loadKanbanTasks();
} else if (sectionName === 'mytasks') {
showMyTasksSection(); // из loadMyCreatedTasks.js
} else if (sectionName === 'runtasks') {
showRunTasksSection(); // из loadMyCreatedTasks.js
} }
// Загрузка профиля при переходе в личный кабинет // Загрузка профиля при переходе в личный кабинет
@@ -514,4 +475,4 @@ function showSection(sectionName) {
function showKanbanSection() { function showKanbanSection() {
showSection('kanban'); showSection('kanban');
} }
window.setupEventListeners = setupEventListeners;

61
public/tasks.js
View File

@@ -1,8 +1,10 @@
// tasks.js - Основные операции с задачами // tasks.js - Основные операции с задачами
let tasks = []; let tasks = []; // локальная переменная
window.tasks = tasks; // делаем доступной глобально
let expandedTasks = new Set(); let expandedTasks = new Set();
let showingTasksWithoutDate = false; let showingTasksWithoutDate = false;
// Функция загрузки задач с фильтрацией на сервере
async function loadTasks() { async function loadTasks() {
try { try {
// Получаем значения фильтров // Получаем значения фильтров
@@ -13,6 +15,9 @@ async function loadTasks() {
const searchQuery = document.getElementById('search-tasks')?.value || ''; const searchQuery = document.getElementById('search-tasks')?.value || '';
const typeFilter = document.getElementById('type-filter')?.value || ''; const typeFilter = document.getElementById('type-filter')?.value || '';
// ===== ДОБАВЛЕНО: получаем текущий вид из глобальной переменной =====
const view = window.currentTaskView || 'all'; // 'all', 'my_assigned', 'assigned_to_me'
// Формируем URL с параметрами // Формируем URL с параметрами
let url = '/api/tasks?'; let url = '/api/tasks?';
const params = []; const params = [];
@@ -41,6 +46,10 @@ async function loadTasks() {
params.push(`task_type=${encodeURIComponent(typeFilter)}`); params.push(`task_type=${encodeURIComponent(typeFilter)}`);
} }
if (view !== 'all') {
params.push(`view=${encodeURIComponent(view)}`);
}
url += params.join('&'); url += params.join('&');
console.log('Загрузка задач с фильтрами:', url); console.log('Загрузка задач с фильтрами:', url);
@@ -51,6 +60,7 @@ async function loadTasks() {
} }
tasks = await response.json(); tasks = await response.json();
window.tasks = tasks; // синхронизируем глобальную переменную
console.log(`Загружено ${tasks.length} задач`); console.log(`Загружено ${tasks.length} задач`);
// Загружаем поля документа для задач типа "document" // Загружаем поля документа для задач типа "document"
@@ -59,20 +69,8 @@ async function loadTasks() {
// Загружаем файлы для развернутых задач // Загружаем файлы для развернутых задач
await loadFilesForExpandedTasks(); await loadFilesForExpandedTasks();
// Обновляем отображение // Обновляем отображение в зависимости от активной секции
const activeSection = document.querySelector('.section.active'); renderTasksForActiveSection();
if (activeSection) {
const sectionId = activeSection.id;
if (sectionId === 'mytasks-section') {
filterMyTasks();
} else if (sectionId === 'runtasks-section') {
filterRunTasks();
} else {
renderTasks();
}
} else {
renderTasks();
}
} catch (error) { } catch (error) {
console.error('Ошибка загрузки задач:', error); console.error('Ошибка загрузки задач:', error);
@@ -83,6 +81,34 @@ async function loadTasks() {
} }
} }
// Новая функция для определения активной секции и рендеринга
function renderTasksForActiveSection() {
const activeSection = document.querySelector('.section.active');
if (!activeSection) {
renderTasks(); // по умолчанию
return;
}
const sectionId = activeSection.id;
if (sectionId === 'mytasks-section') {
if (typeof renderMyTasks === 'function') {
renderMyTasks();
} else {
renderTasksInContainer('mytasks-list', tasks);
}
} else if (sectionId === 'runtasks-section') {
if (typeof renderRunTasks === 'function') {
renderRunTasks();
} else {
renderTasksInContainer('runtasks-list', tasks);
}
} else if (sectionId === 'tasks-section') {
renderTasks();
} else {
renderTasks();
}
}
// Новая функция для загрузки полей документов // Новая функция для загрузки полей документов
async function loadDocumentFieldsForTasks() { async function loadDocumentFieldsForTasks() {
const documentTasks = tasks.filter(task => task.task_type === 'document'); const documentTasks = tasks.filter(task => task.task_type === 'document');
@@ -618,4 +644,7 @@ function debugDocumentFields() {
} }
// Вызываем отладку после загрузки (можно вызвать вручную из консоли) // Вызываем отладку после загрузки (можно вызвать вручную из консоли)
window.debugDocumentFields = debugDocumentFields; window.debugDocumentFields = debugDocumentFields;
window.loadTasks = loadTasks;
window.updateAssignment = updateAssignment;
window.renderTasksForActiveSection = renderTasksForActiveSection;

190
public/ui.js
View File

@@ -8,16 +8,18 @@ function showSection(sectionName) {
document.getElementById(sectionName + '-section').classList.add('active'); document.getElementById(sectionName + '-section').classList.add('active');
if (sectionName === 'tasks') { if (sectionName === 'tasks') {
loadTasks(); loadTasks(); // из tasks.js
} else if (sectionName === 'logs') { } else if (sectionName === 'logs') {
loadActivityLogs(); loadActivityLogs();
} else if (sectionName === 'kanban') { } else if (sectionName === 'kanban') {
loadKanbanTasks(); loadKanbanTasks();
} else if (sectionName === 'mytasks') { } else if (sectionName === 'mytasks') {
console.log('загружаю loadMyTasks'); console.log('загружаю loadMyTasks');
window.currentTaskView = 'my_assigned';
loadTasks(); loadTasks();
} else if (sectionName === 'runtasks') { } else if (sectionName === 'runtasks') {
console.log('загружаю loadRunTasks'); console.log('загружаю loadRunTasks');
window.currentTaskView = 'assigned_to_me';
loadTasks(); loadTasks();
} }
@@ -27,6 +29,7 @@ function showSection(sectionName) {
loadNotificationSettings(); loadNotificationSettings();
} }
} }
// Вызываем добавление стилей при загрузке страницы // Вызываем добавление стилей при загрузке страницы
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
addDocumentFieldsStyles(); addDocumentFieldsStyles();
@@ -99,60 +102,16 @@ function renderDocumentFields(taskId, fields) {
`; `;
} }
// Обновленная функция loadTasks для загрузки полей документа // ========== УДАЛЕНА функция loadTasks – теперь используется общая из tasks.js ==========
async function loadTasks() {
try {
const response = await fetch('/api/tasks');
tasks = await response.json();
// Загружаем поля документа для каждой задачи типа "document"
for (const task of tasks) {
if (task.task_type === 'document') {
try {
const docResponse = await fetch(`/api/tasks/${task.id}/document-fields`);
if (docResponse.ok) {
const docData = await docResponse.json();
task.document_fields = docData.data || {};
} else {
task.document_fields = {};
}
} catch (error) {
console.error(`Ошибка загрузки полей документа для задачи ${task.id}:`, error);
task.document_fields = {};
}
}
}
// Определяем активную секцию и рендерим в соответствующий контейнер
const activeSection = document.querySelector('.section.active');
if (activeSection) {
const sectionId = activeSection.id;
if (sectionId === 'mytasks-section') {
renderTasksInContainer('mytasks-list');
} else if (sectionId === 'runtasks-section') {
renderTasksInContainer('runtasks-list');
} else {
renderTasks();
}
} else {
renderTasks();
}
} catch (error) {
console.error('Ошибка загрузки задач:', error);
const container = document.getElementById('tasks-list');
if (container) {
container.innerHTML = '<div class="error">Ошибка загрузки задач</div>';
}
}
}
// Функция рендеринга задач в общий контейнер (секция "Все задачи")
function renderTasks() { function renderTasks() {
const container = document.getElementById('tasks-list'); const container = document.getElementById('tasks-list');
const showDeleted = document.getElementById('show-deleted')?.checked || false; const showDeleted = document.getElementById('show-deleted')?.checked || false;
let filteredTasks = tasks; let filteredTasks = window.tasks;
if (!showDeleted) { if (!showDeleted) {
filteredTasks = tasks.filter(task => task.status === 'active'); filteredTasks = window.tasks.filter(task => task.status === 'active');
} }
if (filteredTasks.length === 0) { if (filteredTasks.length === 0) {
@@ -277,6 +236,130 @@ ${task.assignments && task.assignments.length > 0 ?
}).join(''); }).join('');
} }
// Функция для рендеринга задач в указанный контейнер (для секций mytasks и runtasks)
function renderTasksInContainer(containerId, tasksArray) {
const container = document.getElementById(containerId);
if (!container) return;
if (!tasksArray || tasksArray.length === 0) {
container.innerHTML = '<div class="loading">Задачи не найдены</div>';
return;
}
container.innerHTML = tasksArray.map(task => {
const isExpanded = expandedTasks.has(task.id);
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;
const timeLeftInfo = getTimeLeftInfo(task);
const documentFields = task.document_fields || {};
// Тот же шаблон, что и в renderTasks
return `
<div class="task-card ${isDeleted ? 'deleted' : ''} ${isClosed ? 'closed' : ''}" data-task-id="${task.id}">
<div class="task-header">
<div class="task-title" onclick="toggleTask(${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>
${isDeleted ? '<span class="deleted-badge">Удалена</span>' : ''}
${isClosed ? '<span class="closed-badge">Закрыта</span>' : ''}
${isCopy ? '<span class="copy-badge">Копия</span>' : ''}
${timeLeftInfo ? `<span class="deadline-badge ${timeLeftInfo.class}">${timeLeftInfo.text}</span>` : ''}
<span class="role-badge ${getRoleBadgeClass(userRole)}">${userRole}</span>
${task.assignments && task.assignments.length > 0 ? `<span class="task-number">${task.assignments.map(a => a.user_login || 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">
${!isDeleted && !isClosed ? `
<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' && canEdit || currentUser.role === 'admin' ? `<button class="manage-assignees-btn" onclick="assignAdd_openModal(${task.id})" title="Управление исполнителями">🧑‍💼➕Добавить</button>` : ''}
${currentUser && currentUser.role === 'tasks' && canEdit || 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>` : ''}
<!-- Кнопка переделки документа для исполнителей -->
${task.task_type === 'document' && userRole === 'Исполнитель' ? `<button class="rework-btn" onclick="openReworkModal(${task.id})" title="Переделать документ">🔄Переделать</button>` : ''}
${!isDeleted && !isClosed && task.task_type !== 'regular' && task.assignments && task.assignments.some(a => parseInt(a.user_id) === currentUser.id) ? `
<button class="rework-btn" onclick="openReworkModal(${task.id})" title="Вернуть на доработку">🔄Доработка</button>
<button class="change-deadline-btn" onclick="openChangeDeadlineModal(${task.id})" title="Изменить срок">📅</button>
` : ''}
${currentUser && currentUser.login === 'minicrm' ? `<button class="close-btn" onclick="closeTask(${task.id})" title="Закрыть задачу">🔒</button>` : ''}
${canEdit ? `<button class="delete-btn" onclick="deleteTask(${task.id})" title="Удалить">🗑️</button>` : ''}
` : ''}
${isClosed && canEdit ? `
<button class="reopen-btn" onclick="reopenTask(${task.id})" title="Открыть задачу">🔓</button>
` : ''}
${isDeleted && currentUser.role === 'admin' ? `
<button class="restore-btn" onclick="restoreTask(${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>
` : ''}
${task.task_type === 'document' ? renderDocumentFields(task.id, documentFields) : ''}
<div class="file-list" id="files-${task.id}">
<strong>Файлы:</strong>
${task.files && task.files.length > 0 ? renderGroupedFilesWithDelete(task) : '<span class="no-files">нет файлов</span>'}
</div>
<div class="task-assignments">
<strong>Исполнители:</strong>
${task.assignments && task.assignments.length > 0 ?
renderAssignmentList(task.assignments, task.id, canEdit) :
'<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.deleted_at ? `<br><small>Удалена: ${formatDateTime(task.deleted_at)}</small>` : ''}
${task.closed_at ? `<br><small>Закрыта: ${formatDateTime(task.closed_at)}</small>` : ''}
</div>
</div>
`;
}).join('');
}
// Функция для рендеринга списка исполнителей с фильтрацией // Функция для рендеринга списка исполнителей с фильтрацией
function renderAssignmentList(assignments, taskId, canEdit) { function renderAssignmentList(assignments, taskId, canEdit) {
if (!assignments || assignments.length === 0) { if (!assignments || assignments.length === 0) {
@@ -502,9 +585,9 @@ function toggleTask(taskId) {
if (activeSection) { if (activeSection) {
const sectionId = activeSection.id; const sectionId = activeSection.id;
if (sectionId === 'mytasks-section') { if (sectionId === 'mytasks-section') {
renderTasksInContainer('mytasks-list'); renderTasksInContainer('mytasks-list', window.tasks);
} else if (sectionId === 'runtasks-section') { } else if (sectionId === 'runtasks-section') {
renderTasksInContainer('runtasks-list'); renderTasksInContainer('runtasks-list', window.tasks);
} else if (sectionId === 'tasks-section') { } else if (sectionId === 'tasks-section') {
renderTasks(); renderTasks();
} }
@@ -1942,6 +2025,7 @@ function renderGroupedFiles(task) {
</div> </div>
`).join(''); `).join('');
} }
// ++++++++++++++++++++++++++++++ кнопки изменения срока задачи для исполнителей ++++++++++++++++++++++++++++++ // ++++++++++++++++++++++++++++++ кнопки изменения срока задачи для исполнителей ++++++++++++++++++++++++++++++
// Функция для открытия модального окна изменения срока задачи // Функция для открытия модального окна изменения срока задачи
function openChangeDeadlineModal(taskId) { function openChangeDeadlineModal(taskId) {
@@ -2013,7 +2097,6 @@ function openChangeDeadlineModal(taskId) {
}, 10); }, 10);
} }
// Функция закрытия модального окна
function closeChangeDeadlineModal() { function closeChangeDeadlineModal() {
const modal = document.getElementById('change-deadline-modal'); const modal = document.getElementById('change-deadline-modal');
if (modal) { if (modal) {
@@ -2024,7 +2107,6 @@ function closeChangeDeadlineModal() {
} }
} }
// Функция отправки изменения срока
async function submitDeadlineChange(taskId) { async function submitDeadlineChange(taskId) {
const newDate = document.getElementById('new-deadline-date').value; const newDate = document.getElementById('new-deadline-date').value;
const comment = document.getElementById('deadline-change-comment').value.trim(); const comment = document.getElementById('deadline-change-comment').value.trim();
@@ -2110,4 +2192,4 @@ async function submitDeadlineChange(taskId) {
} }
} }
} }
// ++++++++++++++++++++++++++++++ кнопки изменения срока задачи для исполнителей ++++++++++++++++++++++++++++++ // ++++++++++++++++++++++++++++++ конец кнопок изменения срока ++++++++++++++++++++++++++++++

1788
task-endpoints.js
View File

File diff suppressed because it is too large Load Diff