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

обед

Browse Source
This commit is contained in:
kalugin66
2026-02-02 16:16:14 +05:00
parent cd827b0e9a
commit 0b54ca8404
11 changed files with 1185 additions and 1020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
api-doc.js
View File

@@ -919,3 +919,6 @@ ${files.map((f, i) => `${i + 1}. ${f.original_name} (${formatFileSize(f.file_siz
next(); next();
} }
}; };
//

5
database.js
View File

@@ -276,7 +276,8 @@ function createSQLiteTables() {
rework_comment TEXT, rework_comment TEXT,
closed_at DATETIME, closed_at DATETIME,
closed_by INTEGER, closed_by INTEGER,
task_type TEXT DEFAULT 'regular', task_type TEXT DEFAULT "regular",
type TEXT,
approver_group_id INTEGER, approver_group_id INTEGER,
document_id INTEGER, document_id INTEGER,
FOREIGN KEY (created_by) REFERENCES users (id), FOREIGN KEY (created_by) REFERENCES users (id),
@@ -673,6 +674,7 @@ function checkAndUpdateTableStructure() {
{ name: 'closed_at', type: 'DATETIME' }, { name: 'closed_at', type: 'DATETIME' },
{ name: 'closed_by', type: 'INTEGER' }, { name: 'closed_by', type: 'INTEGER' },
{ name: 'task_type', type: 'TEXT DEFAULT "regular"' }, { name: 'task_type', type: 'TEXT DEFAULT "regular"' },
{ name: 'type', type: 'TEXT' },
{ name: 'approver_group_id', type: 'INTEGER' }, { name: 'approver_group_id', type: 'INTEGER' },
{ name: 'document_id', type: 'INTEGER' } { name: 'document_id', type: 'INTEGER' }
], ],
@@ -1058,6 +1060,7 @@ async function createPostgresTables() {
closed_at TIMESTAMP, closed_at TIMESTAMP,
closed_by INTEGER REFERENCES users(id), closed_by INTEGER REFERENCES users(id),
task_type VARCHAR(50) DEFAULT 'regular', task_type VARCHAR(50) DEFAULT 'regular',
type VARCHAR(100),
approver_group_id INTEGER, approver_group_id INTEGER,
document_id INTEGER document_id INTEGER
) )

158
public/doc-auth.js Normal file
View File

@@ -0,0 +1,158 @@
// auth.js - Аутентификация и авторизация
let currentUser = null;
async function checkAuth() {
try {
const response = await fetch('/api/user');
if (response.ok) {
const data = await response.json();
currentUser = data.user;
showMainInterface();
} else {
showLoginInterface();
}
} catch (error) {
showLoginInterface();
}
}
function showLoginInterface() {
document.getElementById('login-modal').style.display = 'block';
document.querySelector('.container').style.display = 'none';
}
function showMainInterface() {
document.getElementById('login-modal').style.display = 'none';
document.querySelector('.container').style.display = 'block';
let userInfo = `Вы вошли как: ${currentUser.name}`;
if (currentUser.auth_type === 'ldap') {
userInfo += ` (LDAP)`;
}
// Показываем только группы, которые влияют на роль
if (currentUser.groups && currentUser.groups.length > 0) {
// Получаем все группы ролей из конфигурации
const roleGroups = [];
// Администраторы
if (window.ALLOWED_GROUPS) {
roleGroups.push(...window.ALLOWED_GROUPS.split(',').map(g => g.trim()));
}
// Секретари
if (window.SECRETARY_GROUPS) {
roleGroups.push(...window.SECRETARY_GROUPS.split(',').map(g => g.trim()));
}
// Группа помощи
if (window.HELP_GROUPS) {
roleGroups.push(...window.HELP_GROUPS.split(',').map(g => g.trim()));
}
// IT поддержка
if (window.ITHELP_GROUPS) {
roleGroups.push(...window.ITHELP_GROUPS.split(',').map(g => g.trim()));
}
// Заявки
if (window.REQUEST_GROUPS) {
roleGroups.push(...window.REQUEST_GROUPS.split(',').map(g => g.trim()));
}
// Задачи
if (window.TASKS_GROUPS) {
roleGroups.push(...window.TASKS_GROUPS.split(',').map(g => g.trim()));
}
// Фильтруем группы пользователя, оставляя только те, что влияют на роль
const relevantGroups = currentUser.groups.filter(group =>
roleGroups.includes(group)
);
// Также всегда показываем роль пользователя
if (currentUser.role) {
userInfo += ` | Роль: ${getRoleDisplayName(currentUser.role)}`;
}
// Показываем группы только если есть релевантные
if (relevantGroups.length > 0) {
userInfo += ` | Группы ролей: ${relevantGroups.join(', ')}`;
}
}
document.getElementById('current-user').textContent = userInfo;
document.getElementById('tasks-controls').style.display = 'block';
const showDeletedLabel = document.querySelector('.show-deleted-label');
if (showDeletedLabel) {
if (currentUser.role === 'admin') {
showDeletedLabel.style.display = 'flex';
} else {
showDeletedLabel.style.display = 'none';
}
}
loadUsers();
loadTasks();
loadActivityLogs();
showSection('tasks');
showingTasksWithoutDate = false;
const btn = document.getElementById('tasks-no-date-btn');
if (btn) btn.classList.remove('active');
}
// Вспомогательная функция для отображения понятного имени роли
function getRoleDisplayName(role) {
const roleNames = {
'admin': 'Администратор',
'secretary': 'Секретарь',
'help': 'Помощь',
'ithelp': 'IT поддержка',
'request': 'Заявки',
'tasks': 'Задачи',
'teacher': 'Учитель'
};
return roleNames[role] || role;
}
async function login(event) {
event.preventDefault();
const login = document.getElementById('login').value;
const password = document.getElementById('password').value;
try {
const response = await fetch('/api/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ login, password })
});
if (response.ok) {
const data = await response.json();
currentUser = data.user;
showMainInterface();
} else {
const error = await response.json();
alert(error.error || 'Ошибка входа');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка подключения к серверу');
}
}
async function logout() {
try {
await fetch('/api/logout', { method: 'POST' });
currentUser = null;
showLoginInterface();
} catch (error) {
console.error('Ошибка выхода:', error);
}
}

223
public/doc-tasks.js
View File

@@ -1,4 +1,4 @@
// help-tasks.js - Основные операции с заявками // tasks.js - Основные операции с задачами
let tasks = []; let tasks = [];
let expandedTasks = new Set(); let expandedTasks = new Set();
let showingTasksWithoutDate = false; let showingTasksWithoutDate = false;
@@ -27,7 +27,7 @@ async function loadTasks() {
const response = await fetch(url); const response = await fetch(url);
tasks = await response.json(); tasks = await response.json();
// Загружаем файлы для всех заявок // Загружаем файлы для всех задач
await Promise.all(tasks.map(async (task) => { await Promise.all(tasks.map(async (task) => {
try { try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`); const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
@@ -37,7 +37,7 @@ async function loadTasks() {
task.files = []; task.files = [];
} }
} catch (error) { } catch (error) {
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error); console.error(`Ошибка загрузки файлов для задачи ${task.id}:`, error);
task.files = []; task.files = [];
} }
})); }));
@@ -45,7 +45,7 @@ async function loadTasks() {
renderTasks(); renderTasks();
} catch (error) { } catch (error) {
console.error('Ошибка загрузки заявок:', error); console.error('Ошибка загрузки задач:', error);
} }
} }
@@ -59,7 +59,7 @@ function showTasksWithoutDate() {
async function loadTasksWithoutDate() { async function loadTasksWithoutDate() {
try { try {
const response = await fetch('/api/tasks'); const response = await fetch('/api/tasks');
if (!response.ok) throw new Error('Ошибка загрузки заявок'); if (!response.ok) throw new Error('Ошибка загрузки задач');
const allTasks = await response.json(); const allTasks = await response.json();
tasks = allTasks.filter(task => { tasks = allTasks.filter(task => {
@@ -69,7 +69,7 @@ async function loadTasksWithoutDate() {
return hasTaskDueDate && hasAssignmentDueDates; return hasTaskDueDate && hasAssignmentDueDates;
}); });
// Загружаем файлы для всех заявок // Загружаем файлы для всех задач
await Promise.all(tasks.map(async (task) => { await Promise.all(tasks.map(async (task) => {
try { try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`); const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
@@ -79,27 +79,14 @@ async function loadTasksWithoutDate() {
task.files = []; task.files = [];
} }
} catch (error) { } catch (error) {
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error); console.error(`Ошибка загрузки файлов для задачи ${task.id}:`, error);
task.files = []; task.files = [];
} }
})); }));
renderTasks(); renderTasks();
} catch (error) { } catch (error) {
console.error('Ошибка загрузки заявок без срока:', error); console.error('Ошибка загрузки задач без срока:', error);
}
}
async function getHelpUsers() {
try {
const response = await fetch('/api/users/group/doc');
if (response.ok) {
return await response.json();
}
return [];
} catch (error) {
console.error('Ошибка получения пользователей группы doc:', error);
return [];
} }
} }
@@ -121,25 +108,14 @@ async function createTask(event) {
return; return;
} }
formData.append('dueDate', dueDate); formData.append('dueDate', dueDate);
// --- ПРОВЕРКА ФАЙЛОВ: минимум 1 документ ---
const iffiles = document.getElementById('files').files; // Используем selectedUsers вместо прямого доступа к DOM
if (iffiles.length === 0) { if (selectedUsers.length === 0) {
alert('Пожалуйста, загрузите хотя бы один документ для согласования.'); alert('Выберите хотя бы одного исполнителя');
return; return;
} }
selectedUsers.forEach(userId => {
// Заявка автоматически назначается всем пользователям группы "help" formData.append('assignedUsers', userId);
// Получаем пользователей группы help
const helpUsers = await getHelpUsers();
if (helpUsers.length === 0) {
alert('Нет пользователей в группе "doc". Заявка не может быть создана.');
return;
}
// Добавляем всех пользователей группы help как исполнителей
helpUsers.forEach(user => {
formData.append('assignedUsers', user.id);
}); });
const files = document.getElementById('files').files; const files = document.getElementById('files').files;
@@ -154,24 +130,22 @@ async function createTask(event) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка успешно создана и назначена всем пользователям с ролью "Секретарь"!'); alert('Задача успешно создана!');
document.getElementById('create-task-form').reset(); document.getElementById('create-task-form').reset();
document.getElementById('file-list').innerHTML = ''; document.getElementById('file-list').innerHTML = '';
// Возвращаем на главную с параметром для отображения уведомления document.getElementById('user-search').value = '';
// loadTasks(); selectedUsers = [];
// loadActivityLogs(); renderUsersChecklist();
// showSection('tasks'); loadTasks();
// Возвращаем на главную с параметром для отображения уведомления loadActivityLogs();
setTimeout(() => { showSection('tasks');
window.location.href = '/?task_created=true&type=doc';
}, 1500);
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка создания заявки'); alert(error.error || 'Ошибка создания задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка создания заявки'); alert('Ошибка создания задачи');
} }
} }
@@ -180,15 +154,15 @@ async function openEditModal(taskId) {
const response = await fetch(`/api/tasks/${taskId}`); const response = await fetch(`/api/tasks/${taskId}`);
if (!response.ok) { if (!response.ok) {
if (response.status === 404) { if (response.status === 404) {
alert('Заявка не найдена или у вас нет прав доступа'); alert('Задача не найдена или у вас нет прав доступа');
} }
throw new Error('Ошибка загрузки заявки'); throw new Error('Ошибка загрузки задачи');
} }
const task = await response.json(); const task = await response.json();
if (!canUserEditTask(task)) { if (!canUserEditTask(task)) {
alert('У вас нет прав для редактирования этой заявки'); alert('У вас нет прав для редактирования этой задачи');
return; return;
} }
@@ -198,8 +172,9 @@ async function openEditModal(taskId) {
document.getElementById('edit-due-date').value = task.due_date ? formatDateTimeForInput(task.due_date) : ''; document.getElementById('edit-due-date').value = task.due_date ? formatDateTimeForInput(task.due_date) : '';
// Показываем пользователей группы help, назначенных на заявку // Устанавливаем выбранных пользователей
showHelpGroupUsersInEditModal(task); editSelectedUsers = task.assignments ? task.assignments.map(a => a.user_id) : [];
renderEditUsersChecklist(users);
// Показываем существующие файлы // Показываем существующие файлы
currentEditTaskFiles = task.files || []; currentEditTaskFiles = task.files || [];
@@ -208,38 +183,17 @@ async function openEditModal(taskId) {
document.getElementById('edit-task-modal').style.display = 'block'; document.getElementById('edit-task-modal').style.display = 'block';
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка загрузки заявки'); alert('Ошибка загрузки задачи');
} }
} }
function showHelpGroupUsersInEditModal(task) {
const container = document.getElementById('edit-help-group-users');
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
if (helpUsers.length === 0) {
container.innerHTML = '<p class="no-users">Нет пользователей в группе "doc"</p>';
return;
}
// Получаем назначенных пользователей
const assignedUserIds = task.assignments ? task.assignments.map(a => a.user_id) : [];
container.innerHTML = helpUsers.map(user => {
const isAssigned = assignedUserIds.includes(user.id.toString());
return `
<div class="help-user-item ${isAssigned ? 'assigned' : 'not-assigned'}">
<i class="fas ${isAssigned ? 'fa-user-check' : 'fa-user'}"></i>
<span>${user.name} (${user.email})</span>
${isAssigned ? '<span class="assigned-badge">назначен</span>' : ''}
</div>
`;
}).join('');
}
function closeEditModal() { function closeEditModal() {
document.getElementById('edit-task-modal').style.display = 'none'; document.getElementById('edit-task-modal').style.display = 'none';
document.getElementById('edit-file-list').innerHTML = ''; document.getElementById('edit-file-list').innerHTML = '';
document.getElementById('edit-user-search').value = '';
editSelectedUsers = [];
currentEditTaskFiles = []; currentEditTaskFiles = [];
filterEditUsers();
} }
async function updateTask(event) { async function updateTask(event) {
@@ -255,14 +209,8 @@ async function updateTask(event) {
return; return;
} }
// Заявка автоматически назначается всем пользователям группы "help" // Используем editSelectedUsers
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь')); const assignedUserIds = editSelectedUsers;
const assignedUserIds = helpUsers.map(user => user.id);
if (assignedUserIds.length === 0) {
alert('Нет пользователей в группе "help". Заявка не может быть обновлена.');
return;
}
const formData = new FormData(); const formData = new FormData();
formData.append('title', title); formData.append('title', title);
@@ -282,17 +230,17 @@ async function updateTask(event) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка успешно обновлена и назначена всем пользователям группы "doc"!'); alert('Задача успешно обновлена!');
closeEditModal(); closeEditModal();
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка обновления заявки'); alert(error.error || 'Ошибка обновления задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка обновления заявки'); alert('Ошибка обновления задачи');
} }
} }
@@ -304,11 +252,18 @@ function openCopyModal(taskId) {
defaultDate.setDate(defaultDate.getDate() + 7); defaultDate.setDate(defaultDate.getDate() + 7);
document.getElementById('copy-due-date').value = defaultDate.toISOString().substring(0, 16); document.getElementById('copy-due-date').value = defaultDate.toISOString().substring(0, 16);
// Сбрасываем выбранных пользователей
copySelectedUsers = [];
renderCopyUsersChecklist(users);
document.getElementById('copy-task-modal').style.display = 'block'; document.getElementById('copy-task-modal').style.display = 'block';
} }
function closeCopyModal() { function closeCopyModal() {
document.getElementById('copy-task-modal').style.display = 'none'; document.getElementById('copy-task-modal').style.display = 'none';
document.getElementById('copy-user-search').value = '';
copySelectedUsers = [];
filterCopyUsers();
} }
async function copyTask(event) { async function copyTask(event) {
@@ -318,16 +273,15 @@ async function copyTask(event) {
const dueDate = document.getElementById('copy-due-date').value; const dueDate = document.getElementById('copy-due-date').value;
if (!dueDate) { if (!dueDate) {
alert('Дата и время выполнения обязательны для копии заявки'); alert('Дата и время выполнения обязательны для копии задачи');
return; return;
} }
// Копия заявки автоматически назначается всем пользователям группы "help" // Используем copySelectedUsers
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь')); const assignedUserIds = copySelectedUsers;
const assignedUserIds = helpUsers.map(user => user.id);
if (assignedUserIds.length === 0) { if (assignedUserIds.length === 0) {
alert('Нет пользователей в группе "doc". Копия заявки не может быть создана.'); alert('Выберите хотя бы одного исполнителя для копии задачи');
return; return;
} }
@@ -344,22 +298,22 @@ async function copyTask(event) {
}); });
if (response.ok) { if (response.ok) {
alert('Копия заявки успешно создана и назначена всем пользователям группы "doc"!'); alert('Копия задачи успешно создана!');
closeCopyModal(); closeCopyModal();
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка создания копии заявки'); alert(error.error || 'Ошибка создания копии задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка создания копии заявки'); alert('Ошибка создания копии задачи');
} }
} }
async function closeTask(taskId) { async function closeTask(taskId) {
if (!confirm('Вы уверены, что хотите закрыть эту заявку? Исполнители больше не будут видеть ее.')) { if (!confirm('Вы уверены, что хотите закрыть эту задачу? Исполнители больше не будут видеть её.')) {
return; return;
} }
@@ -369,16 +323,16 @@ async function closeTask(taskId) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка закрыта!'); alert('Задача закрыта!');
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка закрытия заявки'); alert(error.error || 'Ошибка закрытия задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка закрытия заявки'); alert('Ошибка закрытия задачи');
} }
} }
@@ -389,21 +343,21 @@ async function reopenTask(taskId) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка открыта!'); alert('Задача открыта!');
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка открытия заявки'); alert(error.error || 'Ошибка открытия задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка открытия заявки'); alert('Ошибка открытия задачи');
} }
} }
async function deleteTask(taskId) { async function deleteTask(taskId) {
if (!confirm('Вы уверены, что хотите удалить эту заявку?')) { if (!confirm('Вы уверены, что хотите удалить эту задачу?')) {
return; return;
} }
@@ -413,16 +367,16 @@ async function deleteTask(taskId) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка удалена!'); alert('Задача удалена!');
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка удаления заявки'); alert(error.error || 'Ошибка удаления задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка удаления заявки'); alert('Ошибка удаления задачи');
} }
} }
@@ -433,16 +387,16 @@ async function restoreTask(taskId) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка восстановлена!'); alert('Задача восстановлена!');
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка восстановления заявки'); alert(error.error || 'Ошибка восстановления задачи');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка восстановления заявки'); alert('Ошибка восстановления задачи');
} }
} }
@@ -528,17 +482,17 @@ async function sendForRework(event) {
}); });
if (response.ok) { if (response.ok) {
alert('Заявка возвращена на доработку!'); alert('Задача возвращена на доработку!');
closeReworkModal(); closeReworkModal();
loadTasks(); loadTasks();
loadActivityLogs(); loadActivityLogs();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.error || 'Ошибка возврата заявки на доработку'); alert(error.error || 'Ошибка возврата задачи на доработку');
} }
} catch (error) { } catch (error) {
console.error('Ошибка:', error); console.error('Ошибка:', error);
alert('Ошибка возврата заявки на доработку'); alert('Ошибка возврата задачи на доработку');
} }
} }
@@ -571,43 +525,34 @@ function canUserEditTask(task) {
// Администратор может всё // Администратор может всё
if (currentUser.role === 'admin') return true; if (currentUser.role === 'admin') return true;
// Создатель может редактировать свою заявку // Создатель может редактировать свою задачу
if (parseInt(task.created_by) === currentUser.id) { if (parseInt(task.created_by) === currentUser.id) {
// Но если заявка уже назначена группе "help", // Но если задача уже назначена другим пользователям,
// создатель может только просматривать // создатель может только просматривать
if (task.assignments && task.assignments.length > 0) { if (task.assignments && task.assignments.length > 0) {
// Проверяем, назначена ли задача другим пользователям (не только себе)
const assignedToOthers = task.assignments.some(assignment =>
parseInt(assignment.user_id) !== currentUser.id
);
if (assignedToOthers) {
// Создатель может только просматривать и закрывать задачу
return false; return false;
} }
}
return true; return true;
} }
// Пользователи группы "help" могут менять только свой статус // Исполнитель может менять только свой статус
if (task.assignments) { if (task.assignments) {
const isHelpUser = task.assignments.some(assignment => const isExecutor = task.assignments.some(assignment =>
parseInt(assignment.user_id) === currentUser.id parseInt(assignment.user_id) === currentUser.id
); );
if (isHelpUser) { if (isExecutor) {
return false; // Могут менять только статус // Исполнитель может менять только статус
return false;
} }
} }
return false; return false;
} }
// Функция для отображения пользователей группы help при создании заявки
function showHelpGroupUsers() {
const container = document.getElementById('help-group-users');
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
if (helpUsers.length === 0) {
container.innerHTML = '<p class="no-users">Нет пользователей в группе "help"</p>';
return;
}
container.innerHTML = helpUsers.map(user => `
<div class="help-user-item">
<i class="fas fa-user"></i>
<span>${user.name} (${user.email})</span>
</div>
`).join('');
}

259
public/doc-users.js
View File

@@ -1,4 +1,4 @@
// help-users.js - Управление пользователями // users.js - Управление пользователями
let users = []; let users = [];
let allUsers = []; let allUsers = [];
let filteredUsers = []; let filteredUsers = [];
@@ -9,125 +9,232 @@ let copySelectedUsers = [];
async function loadUsers() { async function loadUsers() {
try { try {
const response = await fetch('/api/users'); const response = await fetch('/api/users');
users = await response.json(); const allUsersData = await response.json();
allUsers = users; //users = await response.json();
// Сохраняем всех пользователей
// Получаем пользователей группы "help" allUsers = allUsersData;
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь')); // Фильтруем пользователей в зависимости от прав текущего пользователя
filteredUsers = helpUsers; users = filterAssignableUsers(allUsersData);
filteredUsers = [...users];
// Показываем пользователей группы help при создании заявки renderUsersChecklist();
showHelpGroupUsers(); renderEditUsersChecklist();
renderCopyUsersChecklist();
populateFilterDropdowns(); populateFilterDropdowns();
} catch (error) { } catch (error) {
console.error('Ошибка загрузки пользователей:', error); console.error('Ошибка загрузки пользователей:', error);
} }
} }
function filterAssignableUsers(allUsers) {
if (!currentUser) return [];
// Администратор видит всех пользователей
if (currentUser.role === 'admin') {
return allUsers.filter(user => user.id !== currentUser.id);
}
if (currentUser.role === 'secretary') {
return allUsers.filter(user => user.id !== currentUser.id);
}
if (currentUser.role === 'ithelp') {
return allUsers.filter(user =>
(user.role === 'teacher' || user.role === 'tasks' || user.role === 'help' || user.role === 'request' || user.role === 'ithelp') &&
user.id !== currentUser.id
);
}
if (currentUser.role === 'request') {
return allUsers.filter(user =>
(user.role === 'teacher' || user.role === 'tasks' || user.role === 'help' || user.role === 'request' || user.role === 'ithelp') &&
user.id !== currentUser.id
);
}
// tasks видит учителей и других tasks
if (currentUser.role === 'help') {
return allUsers.filter(user =>
(user.role === 'teacher' || user.role === 'tasks' || user.role === 'help' || user.role === 'request' || user.role === 'ithelp') &&
user.id !== currentUser.id
);
}
// tasks видит учителей и других tasks
if (currentUser.role === 'tasks') {
return allUsers.filter(user =>
(user.role === 'teacher' || user.role === 'tasks' || user.role === 'help' || user.role === 'request' || user.role === 'ithelp') &&
user.id !== currentUser.id
);
}
// Учитель видит только учителей
if (currentUser.role === 'teacher') {
return allUsers.filter(user =>
(user.role === 'help' || user.role === 'request' || user.role === 'ithelp') &&
user.id !== currentUser.id
);
}
// Проверяем группы пользователя для определения прав
const userGroups = currentUser.groups || [];
// Загружаем конфигурацию групп из настроек
// (предполагается, что эти переменные определены в глобальной области)
const allowedGroups = getGroupsForCurrentUser();
// Если у пользователя нет специальных групп, возвращаем пустой массив
if (allowedGroups.length === 0) {
return [];
}
// Фильтруем пользователей по группам
return allUsers.filter(user => {
// Пользователь не может назначать задачи себе
if (user.id === currentUser.id) return false;
// Если у пользователя есть группы, проверяем пересечение
if (user.groups && Array.isArray(user.groups)) {
return user.groups.some(group => allowedGroups.includes(group));
}
return false;
});
}
// Функция для получения групп, которым текущий пользователь может назначать задачи
function getGroupsForCurrentUser() {
const allowedGroups = [];
const userGroups = currentUser.groups || [];
// Определяем, какие группы доступны для назначения
// На основе ролей и групп текущего пользователя
// Пример: пользователи с ролью 'secretary' могут назначать задачи группам 'teachers'
if (currentUser.role === 'secretary') {
allowedGroups.push('teachers', 'staff');
}
// Пример: пользователи из группы 'department_head' могут назначать своей группе
if (userGroups.includes('department_head')) {
allowedGroups.push('department_head', 'teachers');
}
// Пример: для помощи (help) можно назначать всем
if (currentUser.role === 'help') {
// Можно указать конкретные группы или 'all' для всех
allowedGroups.push('teachers', 'staff', 'administration');
}
// Пример: для IT поддержки
if (currentUser.role === 'ithelp') {
allowedGroups.push('teachers', 'staff', 'administration', 'it_department');
}
// Пример: пользователи с ролью 'request' могут создавать заявки для всех
if (currentUser.role === 'request') {
allowedGroups.push('all'); // Специальное значение "все"
}
// Пример: пользователи с ролью 'tasks' (задачи) могут назначать учителям
if (currentUser.role === 'tasks') {
allowedGroups.push('teachers');
}
// Если массив содержит 'all', возвращаем специальный маркер
if (allowedGroups.includes('all')) {
return ['all']; // Это будет обрабатываться в фильтрации
}
return [...new Set(allowedGroups)]; // Убираем дубликаты
}
function populateFilterDropdowns() { function populateFilterDropdowns() {
const creatorFilter = document.getElementById('creator-filter'); const creatorFilter = document.getElementById('creator-filter');
const assigneeFilter = document.getElementById('assignee-filter'); const assigneeFilter = document.getElementById('assignee-filter');
// Проверяем существование элементов (они есть только на странице help.html)
if (!creatorFilter || !assigneeFilter) {
console.log('Фильтры не найдены (возможно, не на странице help.html)');
return;
}
creatorFilter.innerHTML = '<option value="">Все заказчики</option>'; creatorFilter.innerHTML = '<option value="">Все заказчики</option>';
assigneeFilter.innerHTML = '<option value="">Все исполнители (группа "help")</option>'; assigneeFilter.innerHTML = '<option value="">Все исполнители</option>';
// Для заказчиков показываем всех пользователей
users.forEach(user => { users.forEach(user => {
const creatorOption = document.createElement('option'); const creatorOption = document.createElement('option');
creatorOption.value = user.id; creatorOption.value = user.id;
creatorOption.textContent = `${user.name} (${user.login})`; creatorOption.textContent = `${user.name} (${user.login})`;
creatorFilter.appendChild(creatorOption); creatorFilter.appendChild(creatorOption.cloneNode(true));
});
// Для исполнителей показываем только пользователей группы "help" const assigneeOption = creatorOption.cloneNode(true);
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
helpUsers.forEach(user => {
const assigneeOption = document.createElement('option');
assigneeOption.value = user.id;
assigneeOption.textContent = `${user.name} (${user.login}) - группа "help"`;
assigneeFilter.appendChild(assigneeOption); assigneeFilter.appendChild(assigneeOption);
}); });
} }
// Функция для отображения пользователей группы help
function showHelpGroupUsers() {
const container = document.getElementById('help-group-users');
// Проверяем существование элемента (он есть только на странице help.html)
if (!container) {
console.log('Контейнер help-group-users не найден (возможно, не на странице help.html)');
return;
}
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
if (helpUsers.length === 0) {
container.innerHTML = '<div class="help-group-notice"><i class="fas fa-exclamation-triangle"></i> Нет пользователей в группе "help"</div>';
return;
}
container.innerHTML = `
<div class="help-group-notice">
<i class="fas fa-info-circle"></i> Заявка будет автоматически назначена ${helpUsers.length} пользователям группы "help":
</div>
<div class="help-users-list">
${helpUsers.map(user => `
<div class="help-user-item">
<i class="fas fa-user"></i>
<span class="help-user-name">${user.name}</span>
<span class="help-user-email">(${user.email})</span>
</div>
`).join('')}
</div>
`;
}
// Старые функции фильтрации оставляем, но они теперь не используются для выбора исполнителей
function filterUsers() { function filterUsers() {
const searchInput = document.getElementById('user-search'); const search = document.getElementById('user-search').value.toLowerCase();
if (!searchInput) return; // Элемент есть только на странице help.html
const search = searchInput.value.toLowerCase();
// Фильтруем пользователей группы "help"
filteredUsers = users.filter(user => filteredUsers = users.filter(user =>
user.groups && user.groups.includes('Секретарь') && (
user.name.toLowerCase().includes(search) || user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) || user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search) user.email.toLowerCase().includes(search)
)
); );
// Не рендерим чеклист, так как выбираем всех пользователей группы help renderUsersChecklist();
} }
function filterEditUsers() { function filterEditUsers() {
// Не используется, так как заявка автоматически назначается всем пользователям группы help const search = document.getElementById('edit-user-search').value.toLowerCase();
const filtered = users.filter(user =>
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
);
renderEditUsersChecklist(filtered);
} }
function filterCopyUsers() { function filterCopyUsers() {
// Не используется, так как заявка автоматически назначается всем пользователям группы help const search = document.getElementById('copy-user-search').value.toLowerCase();
const filtered = users.filter(user =>
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
);
renderCopyUsersChecklist(filtered);
} }
// Старые функции рендеринга оставляем для совместимости, но они не будут использоваться
function renderUsersChecklist() { function renderUsersChecklist() {
// Не рендерим чеклист, так как выбираем всех пользователей группы help const container = document.getElementById('users-checklist');
container.innerHTML = filteredUsers
.filter(user => user.id !== currentUser.id)
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleUserSelection(this, ${user.id})">
${user.name} (${user.email})
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
} }
function renderEditUsersChecklist(filtered = users) { function renderEditUsersChecklist(filtered = users) {
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы help const container = document.getElementById('edit-users-checklist');
container.innerHTML = filtered
.filter(user => user.id !== currentUser.id)
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleEditUserSelection(this, ${user.id})">
${user.name} (${user.email})
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
} }
function renderCopyUsersChecklist(filtered = users) { function renderCopyUsersChecklist(filtered = users) {
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы help const container = document.getElementById('copy-users-checklist');
container.innerHTML = filtered
.filter(user => user.id !== currentUser.id)
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleCopyUserSelection(this, ${user.id})">
${user.name} (${user.email})
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
} }
// Старые функции выбора пользователей оставляем для совместимости
function toggleUserSelection(checkbox, userId) { function toggleUserSelection(checkbox, userId) {
if (checkbox.checked) { if (checkbox.checked) {
selectedUsers.push(userId); selectedUsers.push(userId);

372
public/doc.html
View File

@@ -3,77 +3,140 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Согласование документов</title> <title>School CRM - Управление задачами</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="doc.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head> </head>
<body> <body>
<div class="doc-container"> <div id="login-modal" class="modal">
<div class="modal-content">
<h2><i class="fas fa-sign-in-alt"></i> Вход в School CRM</h2>
<form id="login-form">
<div class="form-group">
<label for="login"><i class="fas fa-user"></i> Логин:</label>
<input type="text" id="login" name="login" required>
</div>
<div class="form-group">
<label for="password"><i class="fas fa-lock"></i> Пароль:</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-sign-in-alt"></i> Войти
</button>
</form>
<div class="test-users">
<h3><i class="fas fa-users"></i> Управление задачами 0.5</h3>
<ul>
<li><strong><i class="fas fa-school"></i> @2025</strong> МАОУ - СОШ № 25</li>
</ul>
</div>
</div>
</div>
<div class="container">
<header> <header>
<div class="header-top"> <div class="header-top">
<h1><i class="fas fa-file-contract"></i> Согласование документов</h1> <h1><i class="fas fa-tasks"></i> School CRM - Согласование документов</h1>
<div class="user-info"> <div class="user-info">
<span id="current-user"></span> <span id="current-user"></span>
<button onclick="window.location.href = '/'" class="btn-back"> <!--<button onclick="logout()" class="btn-logout">
<i class="fas fa-arrow-left"></i> Назад к задачам
</button>
</div>
</div>
<nav class="doc-nav">
<button onclick="showDocumentSection('create-document')" class="nav-btn">
<i class="fas fa-plus-circle"></i> Создать документ
</button>
<button onclick="showDocumentSection('my-documents')" class="nav-btn">
<i class="fas fa-folder"></i> Мои документы
</button>
<button onclick="showDocumentSection('approval-documents')" class="nav-btn" id="approval-btn">
<i class="fas fa-check-circle"></i> На согласовании
</button>
<button onclick="logout()" class="btn-logout">
<i class="fas fa-sign-out-alt"></i> Выйти <i class="fas fa-sign-out-alt"></i> Выйти
</button> </button>-->
</div>
</div>
<nav>
<!--
<button onclick="showTasksWithoutDate()" class="nav-btn" id="tasks-no-date-btn"><i class="fas fa-clock"></i> Задачи без срока</button>
-->
<!--
<button onclick="showSection('logs')" class="nav-btn"><i class="fas fa-history"></i> Лог активности</button>
-->
<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="logout()" class="btn-logout"><i class="fas fa-sign-out-alt"></i> Выйти</button>
</nav> </nav>
</header> </header>
<main> <main>
<!-- Создание документа --> <section id="tasks-section" class="section">
<section id="create-document-section" class="document-section active"> <h2><i class="fas fa-tasks"></i> Все задачи</h2>
<h2><i class="fas fa-plus-circle"></i> Создать новый документ</h2> <div id="tasks-controls">
<form id="create-document-form" enctype="multipart/form-data"> <div class="filters">
<div class="form-row"> <div class="filter-group">
<div class="form-group"> <label for="search-tasks"><i class="fas fa-search"></i> Поиск:</label>
<label for="title"><i class="fas fa-heading"></i> Название документа:</label> <input type="text" id="search-tasks" placeholder="Поиск по названию и описанию..." oninput="loadTasks()">
<input type="text" id="title" name="title" required placeholder="Введите название документа">
</div> </div>
<div class="filter-group">
<div class="form-group"> <label for="status-filter"><i class="fas fa-filter"></i> Статус:</label>
<label for="document-type"><i class="fas fa-file-alt"></i> Тип документа:</label> <select id="status-filter" onchange="loadTasks()">
<select id="document-type" name="documentTypeId"> <option value="active,in_progress,assigned,overdue,rework">Все активные</option>
<option value="">Выберите тип документа</option> <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>
<option value="closed">Закрыта</option>
</select> </select>
</div> </div>
<div class="filter-group">
<label for="creator-filter"><i class="fas fa-user-tie"></i> Заказчик:</label>
<select id="creator-filter" onchange="loadTasks()">
<option value="">Все заказчики</option>
</select>
</div>
<div class="filter-group">
<label for="assignee-filter"><i class="fas fa-user-check"></i> Исполнитель:</label>
<select id="assignee-filter" onchange="loadTasks()">
<option value="">Все исполнители</option>
</select>
</div>
<div class="filter-group">
<label for="deadline-filter"><i class="fas fa-calendar-times"></i> Срок выполнения:</label>
<select id="deadline-filter" onchange="loadTasks()">
<option value="">Все сроки</option>
<option value="48h">Менее 48 часов</option>
<option value="24h">Менее 24 часов</option>
</select>
</div>
</div>
<label class="show-deleted-label" style="display: none;">
<input type="checkbox" id="show-deleted" onchange="loadTasks()">
<i class="fas fa-trash"></i> Показать удаленные задачи
</label>
</div>
<div id="tasks-list"></div>
</section>
<section id="create-task-section" class="section">
<h2><i class="fas fa-plus-circle"></i> Создать новую задачу</h2>
<form id="create-task-form" enctype="multipart/form-data">
<div class="form-group">
<label for="title"><i class="fas fa-heading"></i> Название задачи:</label>
<input type="text" id="title" name="title" required>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="description"><i class="fas fa-align-left"></i> Описание:</label> <label for="description"><i class="fas fa-align-left"></i> Описание:</label>
<textarea id="description" name="description" rows="3" placeholder="Описание документа"></textarea> <textarea id="description" name="description" rows="4"></textarea>
</div>
<div class="form-row">
<div class="form-group">
<label for="due-date"><i class="fas fa-clock"></i> Срок согласования:</label>
<input type="date" id="due-date" name="dueDate">
</div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="comment"><i class="fas fa-comment"></i> Комментарий для согласующих:</label> <label for="due-date"><i class="fas fa-calendar-alt"></i> Дата и время выполнения:</label>
<textarea id="comment" name="comment" rows="2" placeholder="Комментарий для согласующих"></textarea> <input type="datetime-local" id="due-date" name="dueDate" required>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="files"><i class="fas fa-paperclip"></i> Прикрепить файлы:</label> <label><i class="fas fa-users"></i> Исполнители:</label>
<div class="user-search">
<input type="text" id="user-search" placeholder="Поиск исполнителей..." oninput="filterUsers()">
<i class="fas fa-search"></i>
</div>
<div id="users-checklist" class="checkbox-group"></div>
</div>
<div class="form-group">
<label for="files"><i class="fas fa-paperclip"></i> Прикрепить файлы (до 15 файлов, максимум 300MB):</label>
<div class="file-upload"> <div class="file-upload">
<input type="file" id="files" name="files" multiple> <input type="file" id="files" name="files" multiple>
<label for="files" class="file-upload-label"> <label for="files" class="file-upload-label">
@@ -83,145 +146,130 @@
<div id="file-list"></div> <div id="file-list"></div>
</div> </div>
<div class="form-info">
<p><i class="fas fa-info-circle"></i> Документ будет отправлен на согласование секретарю</p>
</div>
<button type="submit" class="btn-primary"> <button type="submit" class="btn-primary">
<i class="fas fa-check-circle"></i> Отправить на согласование <i class="fas fa-check-circle"></i> Создать задачу
</button> </button>
</form> </form>
</section> </section>
<!-- Мои документы --> <section id="logs-section" class="section">
<section id="my-documents-section" class="document-section"> <h2><i class="fas fa-history"></i> Лог активности</h2>
<div class="section-header"> <div id="logs-list"></div>
<h2><i class="fas fa-folder"></i> Мои документы</h2>
<div class="document-filters">
<div class="filter-group">
<label for="search-documents"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="search-documents" placeholder="Поиск по названию, номеру...">
</div>
<div class="filter-group">
<label for="document-status-filter"><i class="fas fa-filter"></i> Статус:</label>
<select id="document-status-filter">
<option value="all">Все статусы</option>
<option value="На согласовании">На согласовании</option>
<option value="Согласован">Согласован</option>
<option value="Отказано">Отказано</option>
<option value="Отозван">Отозван</option>
<option value="Завершен">Завершен</option>
</select>
</div>
</div>
</div>
<div id="my-documents-list" class="documents-list">
<div class="loading">Загрузка документов...</div>
</div>
</section> </section>
<!-- Документы на согласование -->
<section id="approval-documents-section" class="document-section">
<div class="section-header">
<h2><i class="fas fa-check-circle"></i> Документы на согласование</h2>
<div class="document-filters">
<div class="filter-group">
<label for="search-approval-documents"><i class="fas fa-search"></i> Поиск:</label>
<input type="text" id="search-approval-documents" placeholder="Поиск по названию, номеру...">
</div>
</div>
</div>
<div id="approval-documents-list" class="documents-list">
<div class="loading">Загрузка документов...</div>
</div>
</section>
</main> </main>
</div> </div>
<!-- Модальное окно согласования --> <!-- Модальные окна остаются без изменений -->
<div id="approve-modal" class="modal"> <div id="edit-task-modal" class="modal">
<div class="modal-content"> <div class="modal-content">
<span class="close" onclick="closeApproveModal()">&times;</span> <span class="close" onclick="closeEditModal()">&times;</span>
<h3><i class="fas fa-check-circle"></i> Согласование документа</h3> <h3><i class="fas fa-edit"></i> Редактировать задачу</h3>
<form id="approve-form"> <form id="edit-task-form" enctype="multipart/form-data">
<input type="hidden" id="approve-modal-document-id"> <input type="hidden" id="edit-task-id">
<input type="hidden" id="approve-modal-type"> <div class="form-group">
<label for="edit-title">Название задачи:</label>
<input type="text" id="edit-title" name="title" required>
</div>
<div class="form-group"> <div class="form-group">
<label for="approve-comment">Комментарий к согласованию:</label> <label for="edit-description">Описание:</label>
<textarea id="approve-comment" name="comment" rows="4" placeholder="Ваш комментарий к документу..."></textarea> <textarea id="edit-description" name="description" rows="4"></textarea>
<small>Комментарий будет виден всем участникам согласования</small>
</div> </div>
<div class="form-group" id="refusal-reason" style="display: none;"> <div class="form-group">
<label for="refusal-reason-text">Причина отказа:</label> <label for="edit-due-date">Дата и время выполнения:</label>
<textarea id="refusal-reason-text" name="refusalReason" rows="3" placeholder="Укажите причину отказа в согласовании..." required></textarea> <input type="datetime-local" id="edit-due-date" name="dueDate" required>
</div> </div>
<div class="modal-buttons"> <div class="form-group">
<button type="submit" class="btn-primary" id="approve-submit-btn"> <label>Исполнители:</label>
<i class="fas fa-check"></i> Подтвердить <div class="user-search">
</button> <input type="text" id="edit-user-search" placeholder="Поиск исполнителей..." oninput="filterEditUsers()">
<button type="button" class="btn-secondary" onclick="closeApproveModal()">
<i class="fas fa-times"></i> Отмена
</button>
</div> </div>
<div id="edit-users-checklist" class="checkbox-group"></div>
</div>
<div class="form-group">
<label for="edit-files">Добавить файлы:</label>
<input type="file" id="edit-files" name="files" multiple>
<div id="edit-file-list"></div>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-save"></i> Сохранить изменения
</button>
</form> </form>
</div> </div>
</div> </div>
<script src="auth.js"></script> <div id="copy-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeCopyModal()">&times;</span>
<h3><i class="fas fa-copy"></i> Создать копию задачи</h3>
<form id="copy-task-form">
<input type="hidden" id="copy-task-id">
<div class="form-group">
<label for="copy-due-date">Дата и время выполнения для копии:</label>
<input type="datetime-local" id="copy-due-date" name="dueDate" required>
</div>
<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>
<button type="submit" class="btn-primary">
<i class="fas fa-copy"></i> Создать копию
</button>
</form>
</div>
</div>
<div id="edit-assignment-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeEditAssignmentModal()">&times;</span>
<h3><i class="fas fa-clock"></i> Редактировать сроки исполнителя</h3>
<form id="edit-assignment-form">
<input type="hidden" id="edit-assignment-task-id">
<input type="hidden" id="edit-assignment-user-id">
<div class="form-group">
<label for="edit-assignment-due-date">Дата и время выполнения:</label>
<input type="datetime-local" id="edit-assignment-due-date" name="dueDate" required>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-save"></i> Сохранить сроки
</button>
</form>
</div>
</div>
<div id="rework-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeReworkModal()">&times;</span>
<h3><i class="fas fa-redo"></i> Вернуть задачу на доработку</h3>
<form id="rework-task-form">
<input type="hidden" id="rework-task-id">
<div class="form-group">
<label for="rework-comment">Комментарий к доработке:</label>
<textarea id="rework-comment" name="comment" rows="4" placeholder="Укажите, что нужно исправить..." required></textarea>
</div>
<button type="submit" class="btn-warning">
<i class="fas fa-redo"></i> Вернуть на доработку
</button>
</form>
</div>
</div>
<script src="doc-auth.js"></script>
<script src="doc-users.js"></script>
<script src="doc-tasks.js"></script>
<script src="files.js"></script> <script src="files.js"></script>
<script src="doc.js"></script> <script src="profile.js"></script>
<script> <script src="ui.js"></script>
// Проверка аутентификации для страницы документов <script src="main.js"></script>
document.addEventListener('DOMContentLoaded', function() {
checkAuth();
});
let currentUser = null;
async function checkAuth() {
try {
const response = await fetch('/api/user');
if (response.ok) {
const data = await response.json();
currentUser = data.user;
showMainInterface();
} else {
window.location.href = '/';
}
} catch (error) {
window.location.href = '/';
}
}
function showMainInterface() {
document.getElementById('current-user').textContent = `Вы вошли как: ${currentUser.name}`;
// Проверяем, является ли пользователь секретарем
const isSecretary = currentUser.groups && currentUser.groups.includes('Секретарь');
// Показываем/скрываем кнопку согласования
const approvalBtn = document.getElementById('approval-btn');
if (approvalBtn) {
if (isSecretary) {
approvalBtn.style.display = 'inline-block';
} else {
approvalBtn.style.display = 'none';
}
}
}
function logout() {
fetch('/api/logout', { method: 'POST' })
.then(() => {
window.location.href = '/';
})
.catch(error => {
console.error('Ошибка выхода:', error);
});
}
</script>
</body> </body>
</html> </html>

568
public/doc.js
View File

@@ -1,568 +0,0 @@
// doc.js - Согласование документов
document.addEventListener('DOMContentLoaded', function() {
if (window.location.pathname === '/doc') {
loadDocumentTypes();
setupDocumentForm();
loadMyDocuments();
setupDocumentFilters();
}
});
let documentTypes = [];
let allDocuments = [];
let filteredDocuments = [];
async function loadDocumentTypes() {
try {
const response = await fetch('/api/document-types');
documentTypes = await response.json();
populateDocumentTypeSelect();
} catch (error) {
console.error('Ошибка загрузки типов документов:', error);
}
}
function populateDocumentTypeSelect() {
const select = document.getElementById('document-type');
if (!select) return;
select.innerHTML = '<option value="">Выберите тип документа</option>';
documentTypes.forEach(type => {
const option = document.createElement('option');
option.value = type.id;
option.textContent = type.name;
select.appendChild(option);
});
}
function setupDocumentForm() {
const form = document.getElementById('create-document-form');
if (!form) return;
form.addEventListener('submit', createDocument);
// Устанавливаем текущую дату для даты документа
const today = new Date().toISOString().split('T')[0];
const documentDateInput = document.getElementById('document-date');
if (documentDateInput) {
documentDateInput.value = today;
}
// Устанавливаем дату выполнения (по умолчанию через 7 дней)
const dueDate = new Date();
dueDate.setDate(dueDate.getDate() + 7);
const dueDateInput = document.getElementById('due-date');
if (dueDateInput) {
dueDateInput.value = dueDate.toISOString().split('T')[0];
}
}
async function createDocument(event) {
event.preventDefault();
if (!currentUser) {
alert('Требуется аутентификация');
return;
}
const formData = new FormData();
// Собираем данные формы
const title = document.getElementById('title').value;
const description = document.getElementById('description').value;
const documentTypeId = document.getElementById('document-type').value;
const documentNumber = document.getElementById('document-number').value;
const documentDate = document.getElementById('document-date').value;
const pagesCount = document.getElementById('pages-count').value;
const urgencyLevel = document.getElementById('urgency-level').value;
const dueDate = document.getElementById('due-date').value;
const comment = document.getElementById('comment').value;
if (!title || title.trim() === '') {
alert('Название документа обязательно');
return;
}
formData.append('title', title);
formData.append('description', description || '');
formData.append('dueDate', dueDate || '');
formData.append('documentTypeId', documentTypeId || '');
formData.append('documentNumber', documentNumber || '');
formData.append('documentDate', documentDate || '');
formData.append('pagesCount', pagesCount || '');
formData.append('urgencyLevel', urgencyLevel || 'normal');
formData.append('comment', comment || '');
// Добавляем файлы
const files = document.getElementById('files').files;
for (let i = 0; i < files.length; i++) {
formData.append('files', files[i]);
}
try {
const response = await fetch('/api/documents', {
method: 'POST',
body: formData
});
if (response.ok) {
const result = await response.json();
alert(result.message || 'Документ успешно создан и отправлен на согласование!');
// Сбрасываем форму
document.getElementById('create-document-form').reset();
document.getElementById('file-list').innerHTML = '';
// Загружаем мои документы
loadMyDocuments();
// Возвращаемся к списку документов
showDocumentSection('my-documents');
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания документа');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания документа');
}
}
async function loadMyDocuments() {
try {
const response = await fetch('/api/documents/my');
allDocuments = await response.json();
filteredDocuments = [...allDocuments];
renderMyDocuments();
} catch (error) {
console.error('Ошибка загрузки документов:', error);
document.getElementById('my-documents-list').innerHTML =
'<div class="loading">Ошибка загрузки документов</div>';
}
}
async function loadSecretaryDocuments() {
try {
const response = await fetch('/api/documents/secretary');
allDocuments = await response.json();
filteredDocuments = [...allDocuments];
renderSecretaryDocuments();
} catch (error) {
console.error('Ошибка загрузки документов секретаря:', error);
document.getElementById('secretary-documents-list').innerHTML =
'<div class="loading">Ошибка загрузки документов</div>';
}
}
function renderMyDocuments() {
const container = document.getElementById('my-documents-list');
if (filteredDocuments.length === 0) {
container.innerHTML = '<div class="loading">Нет документов</div>';
return;
}
container.innerHTML = filteredDocuments.map(doc => {
const status = getDocumentStatus(doc);
const statusClass = getDocumentStatusClass(status);
const isCancelled = doc.status === 'cancelled';
const isClosed = doc.closed_at !== null;
const timeLeftInfo = getDocumentTimeLeftInfo(doc);
return `
<div class="document-card ${isCancelled ? 'cancelled' : ''} ${isClosed ? 'closed' : ''}">
<div class="document-header">
<div class="document-title">
<span class="document-number">Док. №${doc.document_number || doc.id}</span>
<strong>${doc.title}</strong>
${isCancelled ? '<span class="status-badge status-cancelled">Отозван</span>' : ''}
${isClosed ? '<span class="status-badge status-closed">Завершен</span>' : ''}
${timeLeftInfo ? `<span class="deadline-badge ${timeLeftInfo.class}">${timeLeftInfo.text}</span>` : ''}
<span class="status-badge ${statusClass}">${status}</span>
</div>
</div>
<div class="document-content">
<div class="document-actions">
${!isCancelled && !isClosed ? `
<button class="cancel-btn" onclick="cancelDocument(${doc.document_id})" title="Отозвать документ">🗑️</button>
` : ''}
${doc.files && doc.files.length > 0 ? `
<button class="download-btn" onclick="downloadDocumentPackage(${doc.document_id})" title="Скачать пакет документов">📦</button>
` : ''}
</div>
<div class="document-details">
<div><strong>Тип документа:</strong> ${doc.document_type_name || 'Не указан'}</div>
${doc.description ? `<div><strong>Описание:</strong> ${doc.description}</div>` : ''}
<div><strong>Статус согласования:</strong> ${doc.assignment_status || 'Не назначен'}</div>
${doc.refusal_reason ? `<div class="refusal-reason"><strong>Причина отказа:</strong> ${doc.refusal_reason}</div>` : ''}
${doc.comment ? `<div><strong>Комментарий создателя:</strong> ${doc.comment}</div>` : ''}
</div>
<div class="document-meta">
<div><strong>Дата документа:</strong> ${formatDate(doc.document_date)}</div>
<div><strong>Количество страниц:</strong> ${doc.pages_count || 'Не указано'}</div>
<div><strong>Срочность:</strong> ${getUrgencyText(doc.urgency_level)}</div>
<div><strong>Срок согласования:</strong> ${formatDate(doc.due_date)}</div>
</div>
<div class="document-files" id="files-${doc.id}">
<strong>Файлы:</strong>
${doc.files && doc.files.length > 0 ?
renderDocumentFiles(doc.files) :
'<span class="no-files">нет файлов</span>'
}
</div>
<div class="document-timeline">
<small>Создан: ${formatDateTime(doc.created_at)}</small>
${doc.closed_at ? `<br><small>Завершен: ${formatDateTime(doc.closed_at)}</small>` : ''}
</div>
</div>
</div>
`;
}).join('');
}
function renderSecretaryDocuments() {
const container = document.getElementById('secretary-documents-list');
if (filteredDocuments.length === 0) {
container.innerHTML = '<div class="loading">Нет документов для согласования</div>';
return;
}
container.innerHTML = filteredDocuments.map(doc => {
const status = getDocumentStatus(doc);
const statusClass = getDocumentStatusClass(status);
const timeLeftInfo = getDocumentTimeLeftInfo(doc);
return `
<div class="document-card secretary">
<div class="document-header">
<div class="document-title">
<span class="document-number">Док. №${doc.document_number || doc.id}</span>
<strong>${doc.title}</strong>
${timeLeftInfo ? `<span class="deadline-badge ${timeLeftInfo.class}">${timeLeftInfo.text}</span>` : ''}
<span class="status-badge ${statusClass}">${status}</span>
<span class="creator-badge">От: ${doc.creator_name}</span>
</div>
</div>
<div class="document-content">
<div class="document-actions">
<button class="approve-btn" onclick="openApproveModal(${doc.document_id})" title="Согласовать">✅</button>
<button class="pre-approve-btn" onclick="openPreApproveModal(${doc.document_id})" title="Предварительно согласовать">📝</button>
<button class="refuse-btn" onclick="openRefuseModal(${doc.document_id})" title="Отказать">❌</button>
${doc.files && doc.files.length > 0 ? `
<button class="download-btn" onclick="downloadDocumentPackage(${doc.document_id})" title="Скачать пакет документов">📦</button>
` : ''}
</div>
<div class="document-details">
<div><strong>Тип документа:</strong> ${doc.document_type_name || 'Не указан'}</div>
${doc.description ? `<div><strong>Описание:</strong> ${doc.description}</div>` : ''}
${doc.comment ? `<div><strong>Комментарий создателя:</strong> ${doc.comment}</div>` : ''}
${doc.refusal_reason ? `<div class="refusal-reason"><strong>Ранее отказано:</strong> ${doc.refusal_reason}</div>` : ''}
</div>
<div class="document-meta">
<div><strong>Дата документа:</strong> ${formatDate(doc.document_date)}</div>
<div><strong>Номер документа:</strong> ${doc.document_number || 'Не указан'}</div>
<div><strong>Количество страниц:</strong> ${doc.pages_count || 'Не указано'}</div>
<div><strong>Срочность:</strong> ${getUrgencyText(doc.urgency_level)}</div>
<div><strong>Срок согласования:</strong> ${formatDate(doc.due_date)}</div>
</div>
<div class="document-files" id="files-${doc.id}">
<strong>Файлы:</strong>
${doc.files && doc.files.length > 0 ?
renderDocumentFiles(doc.files) :
'<span class="no-files">нет файлов</span>'
}
</div>
<div class="document-timeline">
<small>Создан: ${formatDateTime(doc.created_at)}</small>
</div>
</div>
</div>
`;
}).join('');
}
function renderDocumentFiles(files) {
return `
<div class="file-icons-container">
${files.map(file => `
<div class="file-icon" onclick="downloadFile(${file.id})" title="${file.original_name} (${formatFileSize(file.file_size)})">
<i class="fas fa-file"></i>
<span>${file.original_name}</span>
<small>${formatFileSize(file.file_size)}</small>
</div>
`).join('')}
</div>
`;
}
function getDocumentStatus(doc) {
if (doc.status === 'cancelled') return 'Отозван';
if (doc.closed_at) return 'Завершен';
switch(doc.assignment_status) {
case 'pre_approved': return 'Предварительно согласован';
case 'approved': return 'Согласован';
case 'refused': return 'Отказано';
case 'received': return 'Получен оригинал';
case 'signed': return 'Подписан';
case 'assigned': return 'На согласовании';
default: return 'Создан';
}
}
function getDocumentStatusClass(status) {
switch(status) {
case 'Согласован':
case 'Подписан':
case 'Получен оригинал': return 'status-approved';
case 'Предварительно согласован': return 'status-pre-approved';
case 'Отказано': return 'status-refused';
case 'Отозван': return 'status-cancelled';
case 'Завершен': return 'status-closed';
default: return 'status-pending';
}
}
function getUrgencyText(urgency) {
switch(urgency) {
case 'very_urgent': return 'Очень срочно';
case 'urgent': return 'Срочно';
default: return 'Обычная';
}
}
function getDocumentTimeLeftInfo(doc) {
if (!doc.due_date || doc.closed_at) return null;
const dueDate = new Date(doc.due_date);
const now = new Date();
const timeLeft = dueDate.getTime() - now.getTime();
const daysLeft = Math.floor(timeLeft / (24 * 60 * 60 * 1000));
if (daysLeft <= 0) return null;
if (daysLeft <= 1) {
return {
text: `Менее 1 дня`,
class: 'deadline-urgent'
};
} else if (daysLeft <= 3) {
return {
text: `${daysLeft} дня`,
class: 'deadline-warning'
};
}
return null;
}
function formatDate(dateString) {
if (!dateString) return 'Не указана';
const date = new Date(dateString);
return date.toLocaleDateString('ru-RU');
}
function formatFileSize(bytes) {
if (bytes === 0) return '0 Bytes';
const k = 1024;
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}
function downloadFile(fileId) {
window.open(`/api/files/${fileId}/download`, '_blank');
}
async function downloadDocumentPackage(documentId) {
try {
const response = await fetch(`/api/documents/${documentId}/package`);
const result = await response.json();
if (result.success && result.downloadUrl) {
window.open(result.downloadUrl, '_blank');
} else {
alert(result.message || 'Функция создания пакета документов будет реализована в следующей версии');
}
} catch (error) {
console.error('Ошибка скачивания пакета:', error);
alert('Ошибка скачивания пакета документов');
}
}
async function cancelDocument(documentId) {
if (!confirm('Вы уверены, что хотите отозвать этот документ?')) {
return;
}
try {
const response = await fetch(`/api/documents/${documentId}/cancel`, {
method: 'POST'
});
if (response.ok) {
alert('Документ отозван!');
loadMyDocuments();
} else {
const error = await response.json();
alert(error.error || 'Ошибка отзыва документа');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка отзыва документа');
}
}
function openPreApproveModal(documentId) {
document.getElementById('approve-modal-type').value = 'pre_approve';
document.getElementById('approve-modal-document-id').value = documentId;
document.getElementById('approve-comment').value = '';
document.getElementById('refusal-reason').style.display = 'none';
document.getElementById('approve-modal').style.display = 'block';
}
function openApproveModal(documentId) {
document.getElementById('approve-modal-type').value = 'approve';
document.getElementById('approve-modal-document-id').value = documentId;
document.getElementById('approve-comment').value = '';
document.getElementById('refusal-reason').style.display = 'none';
document.getElementById('approve-modal').style.display = 'block';
}
function openRefuseModal(documentId) {
document.getElementById('approve-modal-type').value = 'refuse';
document.getElementById('approve-modal-document-id').value = documentId;
document.getElementById('approve-comment').value = '';
document.getElementById('refusal-reason').style.display = 'block';
document.getElementById('approve-modal').style.display = 'block';
}
function closeApproveModal() {
document.getElementById('approve-modal').style.display = 'none';
document.getElementById('approve-comment').value = '';
document.getElementById('refusal-reason-text').value = '';
}
async function submitDocumentStatus(event) {
event.preventDefault();
const documentId = document.getElementById('approve-modal-document-id').value;
const actionType = document.getElementById('approve-modal-type').value;
const comment = document.getElementById('approve-comment').value;
const refusalReason = document.getElementById('refusal-reason-text').value;
let status = '';
switch(actionType) {
case 'pre_approve': status = 'pre_approved'; break;
case 'approve': status = 'approved'; break;
case 'refuse': status = 'refused'; break;
default: return;
}
try {
const response = await fetch(`/api/documents/${documentId}/status`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
status,
comment,
refusalReason: actionType === 'refuse' ? refusalReason : null
})
});
if (response.ok) {
alert('Статус документа обновлен!');
closeApproveModal();
loadSecretaryDocuments();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления статуса');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления статуса документа');
}
}
function setupDocumentFilters() {
const searchInput = document.getElementById('search-documents');
const statusFilter = document.getElementById('document-status-filter');
if (searchInput) {
searchInput.addEventListener('input', filterDocuments);
}
if (statusFilter) {
statusFilter.addEventListener('change', filterDocuments);
}
}
function filterDocuments() {
const search = document.getElementById('search-documents')?.value.toLowerCase() || '';
const statusFilter = document.getElementById('document-status-filter')?.value || 'all';
filteredDocuments = allDocuments.filter(doc => {
// Поиск по названию и номеру
const matchesSearch =
doc.title.toLowerCase().includes(search) ||
(doc.document_number && doc.document_number.toLowerCase().includes(search)) ||
(doc.description && doc.description.toLowerCase().includes(search));
if (!matchesSearch) return false;
// Фильтрация по статусу
if (statusFilter === 'all') return true;
const docStatus = getDocumentStatus(doc);
return docStatus === statusFilter;
});
// Определяем, какую секцию рендерить
const activeSection = document.querySelector('.document-section.active');
if (activeSection && activeSection.id === 'my-documents-section') {
renderMyDocuments();
} else if (activeSection && activeSection.id === 'secretary-documents-section') {
renderSecretaryDocuments();
}
}
function showDocumentSection(sectionName) {
// Скрыть все секции
document.querySelectorAll('.document-section').forEach(section => {
section.classList.remove('active');
});
// Скрыть все кнопки
document.querySelectorAll('.nav-btn').forEach(btn => {
btn.classList.remove('active');
});
// Показать выбранную секцию
document.getElementById(sectionName + '-section').classList.add('active');
// Активировать соответствующую кнопку
const btn = document.querySelector(`.nav-btn[onclick*="${sectionName}"]`);
if (btn) btn.classList.add('active');
// Загрузить данные для секции
if (sectionName === 'my-documents') {
loadMyDocuments();
} else if (sectionName === 'secretary-documents') {
loadSecretaryDocuments();
}
}

82
public/index.html
View File

@@ -39,22 +39,14 @@
<h1><i class="fas fa-tasks"></i> School CRM - Управление задачами</h1> <h1><i class="fas fa-tasks"></i> School CRM - Управление задачами</h1>
<div class="user-info"> <div class="user-info">
<span id="current-user"></span> <span id="current-user"></span>
<!--<button onclick="logout()" class="btn-logout">
<i class="fas fa-sign-out-alt"></i> Выйти
</button>-->
</div> </div>
</div> </div>
<nav> <nav>
<!-- <button onclick="window.location.href = '/'" class="nav-btn tasks"><i class="fas fa-cog"></i> Главная</button>
<button onclick="showTasksWithoutDate()" class="nav-btn" id="tasks-no-date-btn"><i class="fas fa-clock"></i> Задачи без срока</button>
-->
<!--
<button onclick="showSection('logs')" class="nav-btn"><i class="fas fa-history"></i> Лог активности</button>
-->
<button onclick="showSection('create-task')" class="nav-btn tasks"><i class="fas fa-plus-circle"></i> Создать задачу</button>
<button onclick="showSection('tasks')" class="nav-btn tasks"><i class="fas fa-list"></i> Задачи</button> <button onclick="showSection('tasks')" class="nav-btn tasks"><i class="fas fa-list"></i> Задачи</button>
<button onclick="window.location.href = '/doc?action=create'" class="nav-btn create"><i class="fa-solid fa-file"></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="showKanbanSection()" class="nav-btn kanban"><i class="fas fa-columns"></i> Канбан</button>
<button onclick="window.location.href = '/doc?action=create'" class="nav-btn create"><i class="fa-solid fa-file"></i> Согласование документов</button>
<button onclick="window.location.href = '/help'" class="nav-btn doc"><i class="fas fa-user-circle"></i> Заявки</button> <button onclick="window.location.href = '/help'" class="nav-btn doc"><i class="fas fa-user-circle"></i> Заявки</button>
<button onclick="showSection('profile')" class="nav-btn profile" id="profile-btn"><i class="fas fa-user-circle"></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="window.location.href = '/admin'" class="nav-btn admin"><i class="fas fa-cog"></i> Админ-панель</button>
@@ -127,8 +119,18 @@
</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>
<input type="datetime-local" id="due-date" name="dueDate" required> <input type="date" id="due-date" name="dueDate" required>
<div class="time-buttons">
<button type="button" class="time-btn active" onclick="setTaskTime('12:00')">
<i class="fas fa-sun"></i> До обеда (12:00)
</button>
<button type="button" class="time-btn" onclick="setTaskTime('19:00')">
<i class="fas fa-moon"></i> После обеда (19:00)
</button>
</div>
<input type="hidden" id="due-time" name="dueTime" value="12:00">
</div> </div>
<div class="form-group"> <div class="form-group">
@@ -176,7 +178,6 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<!--<label for="notification-email"><i class="fas fa-at"></i> Email для уведомлений:</label>-->
<div class="input-with-icon"> <div class="input-with-icon">
<i class="fas fa-envelope"></i> <i class="fas fa-envelope"></i>
<input type="email" id="notification-email" name="notification_email" <input type="email" id="notification-email" name="notification_email"
@@ -199,7 +200,7 @@
</main> </main>
</div> </div>
<!-- Модальные окна остаются без изменений --> <!-- Модальное окно редактирования задачи -->
<div id="edit-task-modal" class="modal"> <div id="edit-task-modal" class="modal">
<div class="modal-content"> <div class="modal-content">
<span class="close" onclick="closeEditModal()">&times;</span> <span class="close" onclick="closeEditModal()">&times;</span>
@@ -217,8 +218,18 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="edit-due-date">Дата и время выполнения:</label> <label for="edit-due-date">Дата выполнения:</label>
<input type="datetime-local" id="edit-due-date" name="dueDate" required> <input type="date" id="edit-due-date" name="dueDate" required>
<div class="time-buttons">
<button type="button" class="edit-time-btn" onclick="setEditTaskTime('12:00')">
<i class="fas fa-sun"></i> До обеда (12:00)
</button>
<button type="button" class="edit-time-btn" onclick="setEditTaskTime('19:00')">
<i class="fas fa-moon"></i> После обеда (19:00)
</button>
</div>
<input type="hidden" id="edit-due-time" name="dueTime" value="12:00">
</div> </div>
<div class="form-group"> <div class="form-group">
@@ -242,6 +253,7 @@
</div> </div>
</div> </div>
<!-- Модальное окно копирования задачи -->
<div id="copy-task-modal" class="modal"> <div id="copy-task-modal" class="modal">
<div class="modal-content"> <div class="modal-content">
<span class="close" onclick="closeCopyModal()">&times;</span> <span class="close" onclick="closeCopyModal()">&times;</span>
@@ -250,8 +262,18 @@
<input type="hidden" id="copy-task-id"> <input type="hidden" id="copy-task-id">
<div class="form-group"> <div class="form-group">
<label for="copy-due-date">Дата и время выполнения для копии:</label> <label for="copy-due-date">Дата выполнения:</label>
<input type="datetime-local" id="copy-due-date" name="dueDate" required> <input type="date" id="copy-due-date" name="dueDate" required>
<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>
<input type="hidden" id="copy-due-time" name="dueTime" value="12:00">
</div> </div>
<div class="form-group"> <div class="form-group">
@@ -268,6 +290,7 @@
</div> </div>
</div> </div>
<!-- Остальные модальные окна остаются без изменений -->
<div id="edit-assignment-modal" class="modal"> <div id="edit-assignment-modal" class="modal">
<div class="modal-content"> <div class="modal-content">
<span class="close" onclick="closeEditAssignmentModal()">&times;</span> <span class="close" onclick="closeEditAssignmentModal()">&times;</span>
@@ -304,26 +327,6 @@
</div> </div>
<div id="kanban-section" class="section kanban-section"> <div id="kanban-section" class="section kanban-section">
<div class="section-header">
<h2><i class="fas fa-columns"></i> Канбан-доска</h2>
<p>Перетаскивайте задачи между колонками для изменения статуса</p>
<div class="kanban-controls">
<div class="kanban-filters">
<select id="kanban-filter" onchange="loadKanbanBoard()">
<option value="all">Все задачи</option>
<option value="created">Мои задачи (я создал)</option>
<option value="assigned">Назначенные мне</option>
</select>
<select id="kanban-days" onchange="loadKanbanBoard()">
<option value="7">7 дней</option>
<option value="14">14 дней</option>
<option value="30">30 дней</option>
<option value="365">Все задачи</option>
</select>
</div>
</div>
</div>
<div id="kanban-board" class="kanban-board"> <div id="kanban-board" class="kanban-board">
<div class="loading">Загрузка Канбан-доски...</div> <div class="loading">Загрузка Канбан-доски...</div>
</div> </div>
@@ -336,6 +339,7 @@
<script src="files.js"></script> <script src="files.js"></script>
<script src="profile.js"></script> <script src="profile.js"></script>
<script src="ui.js"></script> <script src="ui.js"></script>
<script src="time-selector.js"></script>
<script src="main.js"></script> <script src="main.js"></script>
</body> </body>
</html> </html>

235
public/main.js
View File

@@ -3,10 +3,8 @@ document.addEventListener('DOMContentLoaded', function() {
checkAuth(); checkAuth();
setupEventListeners(); setupEventListeners();
// Устанавливаем дату по умолчанию для создания задачи (через 3 дня) // Инициализация выбора времени
const defaultDate = new Date(); initializeTimeSelectors();
defaultDate.setDate(defaultDate.getDate() + 3);
document.getElementById('due-date').value = defaultDate.toISOString().substring(0, 16);
// По умолчанию показываем секцию задач // По умолчанию показываем секцию задач
showSection('tasks'); showSection('tasks');
@@ -36,3 +34,232 @@ function setupEventListeners() {
// Инициализация загрузки файлов // Инициализация загрузки файлов
initializeFileUploads(); initializeFileUploads();
} }
// Обновленная функция для создания задачи
async function createTask(event) {
event.preventDefault();
if (!currentUser) {
alert('Требуется аутентификация');
return;
}
const title = document.getElementById('title').value;
const description = document.getElementById('description').value;
// Получаем полную дату и время из отдельных полей
const fullDateTime = getFullDateTime('due-date', 'due-time');
if (!title || !fullDateTime) {
alert('Название задачи и дата выполнения обязательны');
return;
}
if (selectedUsers.length === 0) {
alert('Выберите хотя бы одного исполнителя');
return;
}
const formData = new FormData();
formData.append('title', title);
formData.append('description', description);
formData.append('dueDate', fullDateTime);
selectedUsers.forEach(userId => {
formData.append('assignedUsers', userId);
});
const files = document.getElementById('files').files;
for (let i = 0; i < files.length; i++) {
formData.append('files', files[i]);
}
try {
const response = await fetch('/api/tasks', {
method: 'POST',
body: formData
});
if (response.ok) {
alert('Задача успешно создана!');
// Сброс формы
document.getElementById('create-task-form').reset();
document.getElementById('file-list').innerHTML = '';
document.getElementById('user-search').value = '';
selectedUsers = [];
// Сбрасываем дату и время
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
document.getElementById('due-date').value = tomorrow.toISOString().split('T')[0];
document.getElementById('due-time').value = '12:00';
// Сбрасываем активные кнопки
const timeButtons = document.querySelectorAll('.time-btn');
timeButtons.forEach(btn => btn.classList.remove('active'));
if (timeButtons.length > 0) {
timeButtons[0].classList.add('active');
}
// Обновляем отображение кнопок
updateDateTimeDisplay();
// Обновляем список пользователей
renderUsersChecklist();
// Загружаем задачи и логи
loadTasks();
loadActivityLogs();
// Показываем секцию задач
showSection('tasks');
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания задачи');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания задачи');
}
}
// Обновленная функция открытия модального окна редактирования
async function openEditModal(taskId) {
try {
const response = await fetch(`/api/tasks/${taskId}`);
if (!response.ok) {
if (response.status === 404) {
alert('Задача не найдена или у вас нет прав доступа');
}
throw new Error('Ошибка загрузки задачи');
}
const task = await response.json();
if (!canUserEditTask(task)) {
alert('У вас нет прав для редактирования этой задачи');
return;
}
document.getElementById('edit-task-id').value = task.id;
document.getElementById('edit-title').value = task.title;
document.getElementById('edit-description').value = task.description || '';
// Устанавливаем дату и время с помощью новой функции
setDateTimeForEdit(task.due_date);
// Устанавливаем выбранных пользователей
editSelectedUsers = task.assignments ? task.assignments.map(a => a.user_id) : [];
renderEditUsersChecklist(users);
// Показываем существующие файлы
currentEditTaskFiles = task.files || [];
updateEditFileList();
document.getElementById('edit-task-modal').style.display = 'block';
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка загрузки задачи');
}
}
// Обновленная функция обновления задачи
async function updateTask(event) {
event.preventDefault();
const taskId = document.getElementById('edit-task-id').value;
const title = document.getElementById('edit-title').value;
const description = document.getElementById('edit-description').value;
// Получаем полную дату и время из отдельных полей
const fullDateTime = getFullDateTime('edit-due-date', 'edit-due-time');
if (!fullDateTime) {
alert('Дата и время выполнения обязательны');
return;
}
// Используем editSelectedUsers
const assignedUserIds = editSelectedUsers;
const formData = new FormData();
formData.append('title', title);
formData.append('description', description);
formData.append('assignedUsers', JSON.stringify(assignedUserIds));
formData.append('dueDate', fullDateTime);
const files = document.getElementById('edit-files').files;
for (let i = 0; i < files.length; i++) {
formData.append('files', files[i]);
}
try {
const response = await fetch(`/api/tasks/${taskId}`, {
method: 'PUT',
body: formData
});
if (response.ok) {
alert('Задача успешно обновлена!');
closeEditModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления задачи');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления задачи');
}
}
// Обновленная функция создания копии задачи
async function copyTask(event) {
event.preventDefault();
const taskId = document.getElementById('copy-task-id').value;
// Получаем полную дату и время из отдельных полей
const fullDateTime = getFullDateTime('copy-due-date', 'copy-due-time');
if (!fullDateTime) {
alert('Дата и время выполнения обязательны для копии задачи');
return;
}
// Используем copySelectedUsers
const assignedUserIds = copySelectedUsers;
if (assignedUserIds.length === 0) {
alert('Выберите хотя бы одного исполнителя для копии задачи');
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}/copy`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
assignedUsers: assignedUserIds,
dueDate: fullDateTime
})
});
if (response.ok) {
alert('Копия задачи успешно создана!');
closeCopyModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания копии задачи');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания копии задачи');
}
}

47
public/style.css
View File

@@ -2352,3 +2352,50 @@ small {
.nav-btn.profile:hover { box-shadow: 0 6px 20px rgba(46, 204, 113, 0.4); } .nav-btn.profile:hover { box-shadow: 0 6px 20px rgba(46, 204, 113, 0.4); }
.nav-btn.admin:hover { box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4); } .nav-btn.admin:hover { box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4); }
/* doc */ /* doc */
/* Кнопки выбора времени */
.time-buttons {
display: flex;
gap: 10px;
margin-top: 10px;
}
.time-btn {
flex: 1;
padding: 10px 15px;
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 8px;
color: #495057;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.time-btn:hover {
background: #e9ecef;
border-color: #dee2e6;
transform: translateY(-2px);
}
.time-btn.active {
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
border-color: #2980b9;
box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
}
.time-btn.active:hover {
background: linear-gradient(135deg, #2980b9, #1f618d);
box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
}
.time-btn i {
font-size: 16px;
}

191
public/time-selector.js Normal file
View File

@@ -0,0 +1,191 @@
// time-selector.js - Управление выбором даты и времени для задач
// Функция для установки времени задачи (создание)
function setTaskTime(time) {
const timeButtons = document.querySelectorAll('.time-btn');
const hiddenTimeInput = document.getElementById('due-time');
// Убираем активный класс со всех кнопок
timeButtons.forEach(btn => {
btn.classList.remove('active');
});
// Добавляем активный класс к нажатой кнопке
const activeButton = Array.from(timeButtons).find(btn => {
if (time === '12:00') {
return btn.textContent.includes('До обеда');
} else {
return btn.textContent.includes('После обеда');
}
});
if (activeButton) {
activeButton.classList.add('active');
}
// Устанавливаем значение в скрытое поле
hiddenTimeInput.value = time;
// Обновляем отображение
updateDateTimeDisplay();
}
// Функция для установки времени задачи (редактирование)
function setEditTaskTime(time) {
const timeButtons = document.querySelectorAll('.edit-time-btn');
const hiddenTimeInput = document.getElementById('edit-due-time');
// Убираем активный класс со всех кнопок
timeButtons.forEach(btn => {
btn.classList.remove('active');
});
// Добавляем активный класс к нажатой кнопке
const activeButton = Array.from(timeButtons).find(btn => {
if (time === '12:00') {
return btn.textContent.includes('До обеда');
} else {
return btn.textContent.includes('После обеда');
}
});
if (activeButton) {
activeButton.classList.add('active');
}
// Устанавливаем значение в скрытое поле
hiddenTimeInput.value = time;
// Обновляем отображение
updateEditDateTimeDisplay();
}
// Функция для обновления отображения даты и времени (создание)
function updateDateTimeDisplay() {
const dateInput = document.getElementById('due-date');
const timeInput = document.getElementById('due-time');
const timeButtons = document.querySelectorAll('.time-btn');
if (dateInput.value && timeInput.value) {
// Обновляем текст кнопок с полной датой
const selectedDate = new Date(dateInput.value);
const formattedDate = selectedDate.toLocaleDateString('ru-RU', {
weekday: 'short',
day: 'numeric',
month: 'short'
});
timeButtons.forEach(btn => {
const timeText = btn.textContent.includes('До обеда') ? 'До обеда' : 'После обеда';
btn.innerHTML = `<i class="fas fa-${btn.textContent.includes('До обеда') ? 'sun' : 'moon'}"></i> ${timeText} (${timeInput.value})`;
});
}
}
// Функция для обновления отображения даты и времени (редактирование)
function updateEditDateTimeDisplay() {
const dateInput = document.getElementById('edit-due-date');
const timeInput = document.getElementById('edit-due-time');
const timeButtons = document.querySelectorAll('.edit-time-btn');
if (dateInput.value && timeInput.value) {
timeButtons.forEach(btn => {
const timeText = btn.textContent.includes('До обеда') ? 'До обеда' : 'После обеда';
btn.innerHTML = `<i class="fas fa-${btn.textContent.includes('До обеда') ? 'sun' : 'moon'}"></i> ${timeText} (${timeInput.value})`;
});
}
}
// Функция для инициализации выбора времени
function initializeTimeSelectors() {
// Устанавливаем сегодняшнюю дату по умолчанию для создания задачи
const today = new Date();
const tomorrow = new Date();
tomorrow.setDate(today.getDate() + 1);
// Форматируем дату для input[type="date"]
const formattedDate = tomorrow.toISOString().split('T')[0];
const dueDateInput = document.getElementById('due-date');
if (dueDateInput) {
dueDateInput.value = formattedDate;
// Устанавливаем время по умолчанию (12:00)
document.getElementById('due-time').value = '19:00';
// Добавляем активный класс к первой кнопке
const timeButtons = document.querySelectorAll('.time-btn');
if (timeButtons.length > 0) {
timeButtons[0].classList.add('active');
}
// Добавляем обработчик изменения даты
dueDateInput.addEventListener('change', function() {
updateDateTimeDisplay();
});
// Инициализируем отображение
updateDateTimeDisplay();
}
// Инициализация для редактирования
const editDueDateInput = document.getElementById('edit-due-date');
if (editDueDateInput) {
editDueDateInput.addEventListener('change', function() {
updateEditDateTimeDisplay();
});
}
}
// Функция для форматирования полной даты из отдельных полей
function getFullDateTime(dateInputId, timeInputId) {
const dateValue = document.getElementById(dateInputId).value;
const timeValue = document.getElementById(timeInputId).value;
if (!dateValue || !timeValue) {
return null;
}
return `${dateValue}T${timeValue}:00`;
}
// Функция для установки даты и времени в форму редактирования
function setDateTimeForEdit(taskDueDate) {
if (!taskDueDate) return;
const dateTime = new Date(taskDueDate);
const dateStr = dateTime.toISOString().split('T')[0];
const hours = dateTime.getHours().toString().padStart(2, '0');
const minutes = dateTime.getMinutes().toString().padStart(2, '0');
const timeStr = `${hours}:${minutes}`;
// Устанавливаем значения полей
document.getElementById('edit-due-date').value = dateStr;
document.getElementById('edit-due-time').value = timeStr;
// Устанавливаем активную кнопку времени
const timeButtons = document.querySelectorAll('.edit-time-btn');
timeButtons.forEach(btn => btn.classList.remove('active'));
// Определяем, какая кнопка должна быть активна
const isBeforeLunch = parseInt(hours) < 12 || (parseInt(hours) === 12 && parseInt(minutes) === 0);
const activeButton = isBeforeLunch ?
document.querySelector('.edit-time-btn:first-child') :
document.querySelector('.edit-time-btn:last-child');
if (activeButton) {
activeButton.classList.add('active');
// Обновляем текст кнопки
const timeText = isBeforeLunch ? 'До обеда' : 'После обеда';
activeButton.innerHTML = `<i class="fas fa-${isBeforeLunch ? 'sun' : 'moon'}"></i> ${timeText} (${timeStr})`;
// Обновляем другую кнопку
const otherButton = isBeforeLunch ?
document.querySelector('.edit-time-btn:last-child') :
document.querySelector('.edit-time-btn:first-child');
const otherTimeText = isBeforeLunch ? 'После обеда' : 'До обеда';
const otherTimeValue = isBeforeLunch ? '19:00' : '12:00';
otherButton.innerHTML = `<i class="fas fa-${isBeforeLunch ? 'moon' : 'sun'}"></i> ${otherTimeText} (${otherTimeValue})`;
}
}