обед
This commit is contained in:
@@ -919,3 +919,6 @@ ${files.map((f, i) => `${i + 1}. ${f.original_name} (${formatFileSize(f.file_siz
|
||||
next();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
|
||||
@@ -276,7 +276,8 @@ function createSQLiteTables() {
|
||||
rework_comment TEXT,
|
||||
closed_at DATETIME,
|
||||
closed_by INTEGER,
|
||||
task_type TEXT DEFAULT 'regular',
|
||||
task_type TEXT DEFAULT "regular",
|
||||
type TEXT,
|
||||
approver_group_id INTEGER,
|
||||
document_id INTEGER,
|
||||
FOREIGN KEY (created_by) REFERENCES users (id),
|
||||
@@ -673,6 +674,7 @@ function checkAndUpdateTableStructure() {
|
||||
{ name: 'closed_at', type: 'DATETIME' },
|
||||
{ name: 'closed_by', type: 'INTEGER' },
|
||||
{ name: 'task_type', type: 'TEXT DEFAULT "regular"' },
|
||||
{ name: 'type', type: 'TEXT' },
|
||||
{ name: 'approver_group_id', type: 'INTEGER' },
|
||||
{ name: 'document_id', type: 'INTEGER' }
|
||||
],
|
||||
@@ -1058,6 +1060,7 @@ async function createPostgresTables() {
|
||||
closed_at TIMESTAMP,
|
||||
closed_by INTEGER REFERENCES users(id),
|
||||
task_type VARCHAR(50) DEFAULT 'regular',
|
||||
type VARCHAR(100),
|
||||
approver_group_id INTEGER,
|
||||
document_id INTEGER
|
||||
)
|
||||
|
||||
158
public/doc-auth.js
Normal file
158
public/doc-auth.js
Normal 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);
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
// help-tasks.js - Основные операции с заявками
|
||||
// tasks.js - Основные операции с задачами
|
||||
let tasks = [];
|
||||
let expandedTasks = new Set();
|
||||
let showingTasksWithoutDate = false;
|
||||
@@ -27,7 +27,7 @@ async function loadTasks() {
|
||||
const response = await fetch(url);
|
||||
tasks = await response.json();
|
||||
|
||||
// Загружаем файлы для всех заявок
|
||||
// Загружаем файлы для всех задач
|
||||
await Promise.all(tasks.map(async (task) => {
|
||||
try {
|
||||
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
|
||||
@@ -37,7 +37,7 @@ async function loadTasks() {
|
||||
task.files = [];
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error);
|
||||
console.error(`Ошибка загрузки файлов для задачи ${task.id}:`, error);
|
||||
task.files = [];
|
||||
}
|
||||
}));
|
||||
@@ -45,7 +45,7 @@ async function loadTasks() {
|
||||
renderTasks();
|
||||
|
||||
} catch (error) {
|
||||
console.error('Ошибка загрузки заявок:', error);
|
||||
console.error('Ошибка загрузки задач:', error);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -59,7 +59,7 @@ function showTasksWithoutDate() {
|
||||
async function loadTasksWithoutDate() {
|
||||
try {
|
||||
const response = await fetch('/api/tasks');
|
||||
if (!response.ok) throw new Error('Ошибка загрузки заявок');
|
||||
if (!response.ok) throw new Error('Ошибка загрузки задач');
|
||||
|
||||
const allTasks = await response.json();
|
||||
tasks = allTasks.filter(task => {
|
||||
@@ -69,7 +69,7 @@ async function loadTasksWithoutDate() {
|
||||
return hasTaskDueDate && hasAssignmentDueDates;
|
||||
});
|
||||
|
||||
// Загружаем файлы для всех заявок
|
||||
// Загружаем файлы для всех задач
|
||||
await Promise.all(tasks.map(async (task) => {
|
||||
try {
|
||||
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
|
||||
@@ -79,27 +79,14 @@ async function loadTasksWithoutDate() {
|
||||
task.files = [];
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`Ошибка загрузки файлов для заявки ${task.id}:`, error);
|
||||
console.error(`Ошибка загрузки файлов для задачи ${task.id}:`, error);
|
||||
task.files = [];
|
||||
}
|
||||
}));
|
||||
|
||||
renderTasks();
|
||||
} catch (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 [];
|
||||
console.error('Ошибка загрузки задач без срока:', error);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -121,25 +108,14 @@ async function createTask(event) {
|
||||
return;
|
||||
}
|
||||
formData.append('dueDate', dueDate);
|
||||
// --- ПРОВЕРКА ФАЙЛОВ: минимум 1 документ ---
|
||||
const iffiles = document.getElementById('files').files;
|
||||
if (iffiles.length === 0) {
|
||||
alert('Пожалуйста, загрузите хотя бы один документ для согласования.');
|
||||
|
||||
// Используем selectedUsers вместо прямого доступа к DOM
|
||||
if (selectedUsers.length === 0) {
|
||||
alert('Выберите хотя бы одного исполнителя');
|
||||
return;
|
||||
}
|
||||
|
||||
// Заявка автоматически назначается всем пользователям группы "help"
|
||||
// Получаем пользователей группы help
|
||||
const helpUsers = await getHelpUsers();
|
||||
|
||||
if (helpUsers.length === 0) {
|
||||
alert('Нет пользователей в группе "doc". Заявка не может быть создана.');
|
||||
return;
|
||||
}
|
||||
|
||||
// Добавляем всех пользователей группы help как исполнителей
|
||||
helpUsers.forEach(user => {
|
||||
formData.append('assignedUsers', user.id);
|
||||
selectedUsers.forEach(userId => {
|
||||
formData.append('assignedUsers', userId);
|
||||
});
|
||||
|
||||
const files = document.getElementById('files').files;
|
||||
@@ -154,24 +130,22 @@ async function createTask(event) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка успешно создана и назначена всем пользователям с ролью "Секретарь"!');
|
||||
alert('Задача успешно создана!');
|
||||
document.getElementById('create-task-form').reset();
|
||||
document.getElementById('file-list').innerHTML = '';
|
||||
// Возвращаем на главную с параметром для отображения уведомления
|
||||
// loadTasks();
|
||||
// loadActivityLogs();
|
||||
// showSection('tasks');
|
||||
// Возвращаем на главную с параметром для отображения уведомления
|
||||
setTimeout(() => {
|
||||
window.location.href = '/?task_created=true&type=doc';
|
||||
}, 1500);
|
||||
document.getElementById('user-search').value = '';
|
||||
selectedUsers = [];
|
||||
renderUsersChecklist();
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
showSection('tasks');
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка создания заявки');
|
||||
alert(error.error || 'Ошибка создания задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка создания заявки');
|
||||
alert('Ошибка создания задачи');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -180,15 +154,15 @@ async function openEditModal(taskId) {
|
||||
const response = await fetch(`/api/tasks/${taskId}`);
|
||||
if (!response.ok) {
|
||||
if (response.status === 404) {
|
||||
alert('Заявка не найдена или у вас нет прав доступа');
|
||||
alert('Задача не найдена или у вас нет прав доступа');
|
||||
}
|
||||
throw new Error('Ошибка загрузки заявки');
|
||||
throw new Error('Ошибка загрузки задачи');
|
||||
}
|
||||
|
||||
const task = await response.json();
|
||||
|
||||
if (!canUserEditTask(task)) {
|
||||
alert('У вас нет прав для редактирования этой заявки');
|
||||
alert('У вас нет прав для редактирования этой задачи');
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -198,8 +172,9 @@ async function openEditModal(taskId) {
|
||||
|
||||
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 || [];
|
||||
@@ -208,38 +183,17 @@ async function openEditModal(taskId) {
|
||||
document.getElementById('edit-task-modal').style.display = 'block';
|
||||
} catch (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() {
|
||||
document.getElementById('edit-task-modal').style.display = 'none';
|
||||
document.getElementById('edit-file-list').innerHTML = '';
|
||||
document.getElementById('edit-user-search').value = '';
|
||||
editSelectedUsers = [];
|
||||
currentEditTaskFiles = [];
|
||||
filterEditUsers();
|
||||
}
|
||||
|
||||
async function updateTask(event) {
|
||||
@@ -255,14 +209,8 @@ async function updateTask(event) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Заявка автоматически назначается всем пользователям группы "help"
|
||||
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
|
||||
const assignedUserIds = helpUsers.map(user => user.id);
|
||||
|
||||
if (assignedUserIds.length === 0) {
|
||||
alert('Нет пользователей в группе "help". Заявка не может быть обновлена.');
|
||||
return;
|
||||
}
|
||||
// Используем editSelectedUsers
|
||||
const assignedUserIds = editSelectedUsers;
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append('title', title);
|
||||
@@ -282,17 +230,17 @@ async function updateTask(event) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка успешно обновлена и назначена всем пользователям группы "doc"!');
|
||||
alert('Задача успешно обновлена!');
|
||||
closeEditModal();
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка обновления заявки');
|
||||
alert(error.error || 'Ошибка обновления задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка обновления заявки');
|
||||
alert('Ошибка обновления задачи');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -304,11 +252,18 @@ function openCopyModal(taskId) {
|
||||
defaultDate.setDate(defaultDate.getDate() + 7);
|
||||
document.getElementById('copy-due-date').value = defaultDate.toISOString().substring(0, 16);
|
||||
|
||||
// Сбрасываем выбранных пользователей
|
||||
copySelectedUsers = [];
|
||||
renderCopyUsersChecklist(users);
|
||||
|
||||
document.getElementById('copy-task-modal').style.display = 'block';
|
||||
}
|
||||
|
||||
function closeCopyModal() {
|
||||
document.getElementById('copy-task-modal').style.display = 'none';
|
||||
document.getElementById('copy-user-search').value = '';
|
||||
copySelectedUsers = [];
|
||||
filterCopyUsers();
|
||||
}
|
||||
|
||||
async function copyTask(event) {
|
||||
@@ -318,16 +273,15 @@ async function copyTask(event) {
|
||||
const dueDate = document.getElementById('copy-due-date').value;
|
||||
|
||||
if (!dueDate) {
|
||||
alert('Дата и время выполнения обязательны для копии заявки');
|
||||
alert('Дата и время выполнения обязательны для копии задачи');
|
||||
return;
|
||||
}
|
||||
|
||||
// Копия заявки автоматически назначается всем пользователям группы "help"
|
||||
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
|
||||
const assignedUserIds = helpUsers.map(user => user.id);
|
||||
// Используем copySelectedUsers
|
||||
const assignedUserIds = copySelectedUsers;
|
||||
|
||||
if (assignedUserIds.length === 0) {
|
||||
alert('Нет пользователей в группе "doc". Копия заявки не может быть создана.');
|
||||
alert('Выберите хотя бы одного исполнителя для копии задачи');
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -344,22 +298,22 @@ async function copyTask(event) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Копия заявки успешно создана и назначена всем пользователям группы "doc"!');
|
||||
alert('Копия задачи успешно создана!');
|
||||
closeCopyModal();
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка создания копии заявки');
|
||||
alert(error.error || 'Ошибка создания копии задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка создания копии заявки');
|
||||
alert('Ошибка создания копии задачи');
|
||||
}
|
||||
}
|
||||
|
||||
async function closeTask(taskId) {
|
||||
if (!confirm('Вы уверены, что хотите закрыть эту заявку? Исполнители больше не будут видеть ее.')) {
|
||||
if (!confirm('Вы уверены, что хотите закрыть эту задачу? Исполнители больше не будут видеть её.')) {
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -369,16 +323,16 @@ async function closeTask(taskId) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка закрыта!');
|
||||
alert('Задача закрыта!');
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка закрытия заявки');
|
||||
alert(error.error || 'Ошибка закрытия задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка закрытия заявки');
|
||||
alert('Ошибка закрытия задачи');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -389,21 +343,21 @@ async function reopenTask(taskId) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка открыта!');
|
||||
alert('Задача открыта!');
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка открытия заявки');
|
||||
alert(error.error || 'Ошибка открытия задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка открытия заявки');
|
||||
alert('Ошибка открытия задачи');
|
||||
}
|
||||
}
|
||||
|
||||
async function deleteTask(taskId) {
|
||||
if (!confirm('Вы уверены, что хотите удалить эту заявку?')) {
|
||||
if (!confirm('Вы уверены, что хотите удалить эту задачу?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -413,16 +367,16 @@ async function deleteTask(taskId) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка удалена!');
|
||||
alert('Задача удалена!');
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка удаления заявки');
|
||||
alert(error.error || 'Ошибка удаления задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка удаления заявки');
|
||||
alert('Ошибка удаления задачи');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -433,16 +387,16 @@ async function restoreTask(taskId) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка восстановлена!');
|
||||
alert('Задача восстановлена!');
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка восстановления заявки');
|
||||
alert(error.error || 'Ошибка восстановления задачи');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка восстановления заявки');
|
||||
alert('Ошибка восстановления задачи');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -528,17 +482,17 @@ async function sendForRework(event) {
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
alert('Заявка возвращена на доработку!');
|
||||
alert('Задача возвращена на доработку!');
|
||||
closeReworkModal();
|
||||
loadTasks();
|
||||
loadActivityLogs();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.error || 'Ошибка возврата заявки на доработку');
|
||||
alert(error.error || 'Ошибка возврата задачи на доработку');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Ошибка:', error);
|
||||
alert('Ошибка возврата заявки на доработку');
|
||||
alert('Ошибка возврата задачи на доработку');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -571,43 +525,34 @@ function canUserEditTask(task) {
|
||||
// Администратор может всё
|
||||
if (currentUser.role === 'admin') return true;
|
||||
|
||||
// Создатель может редактировать свою заявку
|
||||
// Создатель может редактировать свою задачу
|
||||
if (parseInt(task.created_by) === currentUser.id) {
|
||||
// Но если заявка уже назначена группе "help",
|
||||
// Но если задача уже назначена другим пользователям,
|
||||
// создатель может только просматривать
|
||||
if (task.assignments && task.assignments.length > 0) {
|
||||
// Проверяем, назначена ли задача другим пользователям (не только себе)
|
||||
const assignedToOthers = task.assignments.some(assignment =>
|
||||
parseInt(assignment.user_id) !== currentUser.id
|
||||
);
|
||||
|
||||
if (assignedToOthers) {
|
||||
// Создатель может только просматривать и закрывать задачу
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
// Пользователи группы "help" могут менять только свой статус
|
||||
// Исполнитель может менять только свой статус
|
||||
if (task.assignments) {
|
||||
const isHelpUser = task.assignments.some(assignment =>
|
||||
const isExecutor = task.assignments.some(assignment =>
|
||||
parseInt(assignment.user_id) === currentUser.id
|
||||
);
|
||||
if (isHelpUser) {
|
||||
return false; // Могут менять только статус
|
||||
if (isExecutor) {
|
||||
// Исполнитель может менять только статус
|
||||
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('');
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
// help-users.js - Управление пользователями
|
||||
// users.js - Управление пользователями
|
||||
let users = [];
|
||||
let allUsers = [];
|
||||
let filteredUsers = [];
|
||||
@@ -9,125 +9,232 @@ let copySelectedUsers = [];
|
||||
async function loadUsers() {
|
||||
try {
|
||||
const response = await fetch('/api/users');
|
||||
users = await response.json();
|
||||
allUsers = users;
|
||||
|
||||
// Получаем пользователей группы "help"
|
||||
const helpUsers = users.filter(user => user.groups && user.groups.includes('Секретарь'));
|
||||
filteredUsers = helpUsers;
|
||||
|
||||
// Показываем пользователей группы help при создании заявки
|
||||
showHelpGroupUsers();
|
||||
|
||||
const allUsersData = await response.json();
|
||||
//users = await response.json();
|
||||
// Сохраняем всех пользователей
|
||||
allUsers = allUsersData;
|
||||
// Фильтруем пользователей в зависимости от прав текущего пользователя
|
||||
users = filterAssignableUsers(allUsersData);
|
||||
filteredUsers = [...users];
|
||||
renderUsersChecklist();
|
||||
renderEditUsersChecklist();
|
||||
renderCopyUsersChecklist();
|
||||
populateFilterDropdowns();
|
||||
} catch (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() {
|
||||
const creatorFilter = document.getElementById('creator-filter');
|
||||
const assigneeFilter = document.getElementById('assignee-filter');
|
||||
|
||||
// Проверяем существование элементов (они есть только на странице help.html)
|
||||
if (!creatorFilter || !assigneeFilter) {
|
||||
console.log('Фильтры не найдены (возможно, не на странице help.html)');
|
||||
return;
|
||||
}
|
||||
|
||||
creatorFilter.innerHTML = '<option value="">Все заказчики</option>';
|
||||
assigneeFilter.innerHTML = '<option value="">Все исполнители (группа "help")</option>';
|
||||
assigneeFilter.innerHTML = '<option value="">Все исполнители</option>';
|
||||
|
||||
// Для заказчиков показываем всех пользователей
|
||||
users.forEach(user => {
|
||||
const creatorOption = document.createElement('option');
|
||||
creatorOption.value = user.id;
|
||||
creatorOption.textContent = `${user.name} (${user.login})`;
|
||||
creatorFilter.appendChild(creatorOption);
|
||||
});
|
||||
creatorFilter.appendChild(creatorOption.cloneNode(true));
|
||||
|
||||
// Для исполнителей показываем только пользователей группы "help"
|
||||
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"`;
|
||||
const assigneeOption = creatorOption.cloneNode(true);
|
||||
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() {
|
||||
const searchInput = document.getElementById('user-search');
|
||||
if (!searchInput) return; // Элемент есть только на странице help.html
|
||||
|
||||
const search = searchInput.value.toLowerCase();
|
||||
// Фильтруем пользователей группы "help"
|
||||
const search = document.getElementById('user-search').value.toLowerCase();
|
||||
filteredUsers = users.filter(user =>
|
||||
user.groups && user.groups.includes('Секретарь') && (
|
||||
user.name.toLowerCase().includes(search) ||
|
||||
user.login.toLowerCase().includes(search) ||
|
||||
user.email.toLowerCase().includes(search)
|
||||
)
|
||||
);
|
||||
// Не рендерим чеклист, так как выбираем всех пользователей группы help
|
||||
renderUsersChecklist();
|
||||
}
|
||||
|
||||
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() {
|
||||
// Не используется, так как заявка автоматически назначается всем пользователям группы 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() {
|
||||
// Не рендерим чеклист, так как выбираем всех пользователей группы 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) {
|
||||
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы 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) {
|
||||
// Не рендерим чеклист, так как заявка автоматически назначается всем пользователям группы 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) {
|
||||
if (checkbox.checked) {
|
||||
selectedUsers.push(userId);
|
||||
|
||||
372
public/doc.html
372
public/doc.html
@@ -3,77 +3,140 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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="doc.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
</head>
|
||||
<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>
|
||||
<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">
|
||||
<span id="current-user"></span>
|
||||
<button onclick="window.location.href = '/'" class="btn-back">
|
||||
<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">
|
||||
<!--<button onclick="logout()" class="btn-logout">
|
||||
<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>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<!-- Создание документа -->
|
||||
<section id="create-document-section" class="document-section active">
|
||||
<h2><i class="fas fa-plus-circle"></i> Создать новый документ</h2>
|
||||
<form id="create-document-form" enctype="multipart/form-data">
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="title"><i class="fas fa-heading"></i> Название документа:</label>
|
||||
<input type="text" id="title" name="title" required placeholder="Введите название документа">
|
||||
<section id="tasks-section" class="section">
|
||||
<h2><i class="fas fa-tasks"></i> Все задачи</h2>
|
||||
<div id="tasks-controls">
|
||||
<div class="filters">
|
||||
<div class="filter-group">
|
||||
<label for="search-tasks"><i class="fas fa-search"></i> Поиск:</label>
|
||||
<input type="text" id="search-tasks" placeholder="Поиск по названию и описанию..." oninput="loadTasks()">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="document-type"><i class="fas fa-file-alt"></i> Тип документа:</label>
|
||||
<select id="document-type" name="documentTypeId">
|
||||
<option value="">Выберите тип документа</option>
|
||||
<div class="filter-group">
|
||||
<label for="status-filter"><i class="fas fa-filter"></i> Статус:</label>
|
||||
<select id="status-filter" onchange="loadTasks()">
|
||||
<option value="active,in_progress,assigned,overdue,rework">Все активные</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>
|
||||
</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 class="form-group">
|
||||
<label for="description"><i class="fas fa-align-left"></i> Описание:</label>
|
||||
<textarea id="description" name="description" rows="3" placeholder="Описание документа"></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>
|
||||
<textarea id="description" name="description" rows="4"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="comment"><i class="fas fa-comment"></i> Комментарий для согласующих:</label>
|
||||
<textarea id="comment" name="comment" rows="2" placeholder="Комментарий для согласующих"></textarea>
|
||||
<label for="due-date"><i class="fas fa-calendar-alt"></i> Дата и время выполнения:</label>
|
||||
<input type="datetime-local" id="due-date" name="dueDate" required>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<input type="file" id="files" name="files" multiple>
|
||||
<label for="files" class="file-upload-label">
|
||||
@@ -83,145 +146,130 @@
|
||||
<div id="file-list"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-info">
|
||||
<p><i class="fas fa-info-circle"></i> Документ будет отправлен на согласование секретарю</p>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn-primary">
|
||||
<i class="fas fa-check-circle"></i> Отправить на согласование
|
||||
<i class="fas fa-check-circle"></i> Создать задачу
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<!-- Мои документы -->
|
||||
<section id="my-documents-section" class="document-section">
|
||||
<div class="section-header">
|
||||
<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 id="logs-section" class="section">
|
||||
<h2><i class="fas fa-history"></i> Лог активности</h2>
|
||||
<div id="logs-list"></div>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно согласования -->
|
||||
<div id="approve-modal" class="modal">
|
||||
<!-- Модальные окна остаются без изменений -->
|
||||
<div id="edit-task-modal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeApproveModal()">×</span>
|
||||
<h3><i class="fas fa-check-circle"></i> Согласование документа</h3>
|
||||
<form id="approve-form">
|
||||
<input type="hidden" id="approve-modal-document-id">
|
||||
<input type="hidden" id="approve-modal-type">
|
||||
<span class="close" onclick="closeEditModal()">×</span>
|
||||
<h3><i class="fas fa-edit"></i> Редактировать задачу</h3>
|
||||
<form id="edit-task-form" enctype="multipart/form-data">
|
||||
<input type="hidden" id="edit-task-id">
|
||||
<div class="form-group">
|
||||
<label for="edit-title">Название задачи:</label>
|
||||
<input type="text" id="edit-title" name="title" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="approve-comment">Комментарий к согласованию:</label>
|
||||
<textarea id="approve-comment" name="comment" rows="4" placeholder="Ваш комментарий к документу..."></textarea>
|
||||
<small>Комментарий будет виден всем участникам согласования</small>
|
||||
<label for="edit-description">Описание:</label>
|
||||
<textarea id="edit-description" name="description" rows="4"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="refusal-reason" style="display: none;">
|
||||
<label for="refusal-reason-text">Причина отказа:</label>
|
||||
<textarea id="refusal-reason-text" name="refusalReason" rows="3" placeholder="Укажите причину отказа в согласовании..." required></textarea>
|
||||
<div class="form-group">
|
||||
<label for="edit-due-date">Дата и время выполнения:</label>
|
||||
<input type="datetime-local" id="edit-due-date" name="dueDate" required>
|
||||
</div>
|
||||
|
||||
<div class="modal-buttons">
|
||||
<button type="submit" class="btn-primary" id="approve-submit-btn">
|
||||
<i class="fas fa-check"></i> Подтвердить
|
||||
</button>
|
||||
<button type="button" class="btn-secondary" onclick="closeApproveModal()">
|
||||
<i class="fas fa-times"></i> Отмена
|
||||
</button>
|
||||
<div class="form-group">
|
||||
<label>Исполнители:</label>
|
||||
<div class="user-search">
|
||||
<input type="text" id="edit-user-search" placeholder="Поиск исполнителей..." oninput="filterEditUsers()">
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="auth.js"></script>
|
||||
<div id="copy-task-modal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeCopyModal()">×</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()">×</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()">×</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="doc.js"></script>
|
||||
<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>
|
||||
<script src="profile.js"></script>
|
||||
<script src="ui.js"></script>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
568
public/doc.js
568
public/doc.js
@@ -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();
|
||||
}
|
||||
}
|
||||
@@ -39,22 +39,14 @@
|
||||
<h1><i class="fas fa-tasks"></i> School CRM - Управление задачами</h1>
|
||||
<div class="user-info">
|
||||
<span id="current-user"></span>
|
||||
<!--<button onclick="logout()" class="btn-logout">
|
||||
<i class="fas fa-sign-out-alt"></i> Выйти
|
||||
</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="showSection('create-task')" class="nav-btn tasks"><i class="fas fa-plus-circle"></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="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="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="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>
|
||||
@@ -127,8 +119,18 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="due-date"><i class="fas fa-calendar-alt"></i> Дата и время выполнения:</label>
|
||||
<input type="datetime-local" id="due-date" name="dueDate" required>
|
||||
<label for="due-date"><i class="fas fa-calendar-alt"></i> Дата выполнения:</label>
|
||||
<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 class="form-group">
|
||||
@@ -176,7 +178,6 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<!--<label for="notification-email"><i class="fas fa-at"></i> Email для уведомлений:</label>-->
|
||||
<div class="input-with-icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
<input type="email" id="notification-email" name="notification_email"
|
||||
@@ -199,7 +200,7 @@
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- Модальные окна остаются без изменений -->
|
||||
<!-- Модальное окно редактирования задачи -->
|
||||
<div id="edit-task-modal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeEditModal()">×</span>
|
||||
@@ -217,8 +218,18 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="edit-due-date">Дата и время выполнения:</label>
|
||||
<input type="datetime-local" id="edit-due-date" name="dueDate" required>
|
||||
<label for="edit-due-date">Дата выполнения:</label>
|
||||
<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 class="form-group">
|
||||
@@ -242,6 +253,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно копирования задачи -->
|
||||
<div id="copy-task-modal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeCopyModal()">×</span>
|
||||
@@ -250,8 +262,18 @@
|
||||
<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>
|
||||
<label for="copy-due-date">Дата выполнения:</label>
|
||||
<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 class="form-group">
|
||||
@@ -268,6 +290,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Остальные модальные окна остаются без изменений -->
|
||||
<div id="edit-assignment-modal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeEditAssignmentModal()">×</span>
|
||||
@@ -304,26 +327,6 @@
|
||||
</div>
|
||||
|
||||
<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 class="loading">Загрузка Канбан-доски...</div>
|
||||
</div>
|
||||
@@ -336,6 +339,7 @@
|
||||
<script src="files.js"></script>
|
||||
<script src="profile.js"></script>
|
||||
<script src="ui.js"></script>
|
||||
<script src="time-selector.js"></script>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
235
public/main.js
235
public/main.js
@@ -3,10 +3,8 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
checkAuth();
|
||||
setupEventListeners();
|
||||
|
||||
// Устанавливаем дату по умолчанию для создания задачи (через 3 дня)
|
||||
const defaultDate = new Date();
|
||||
defaultDate.setDate(defaultDate.getDate() + 3);
|
||||
document.getElementById('due-date').value = defaultDate.toISOString().substring(0, 16);
|
||||
// Инициализация выбора времени
|
||||
initializeTimeSelectors();
|
||||
|
||||
// По умолчанию показываем секцию задач
|
||||
showSection('tasks');
|
||||
@@ -36,3 +34,232 @@ function setupEventListeners() {
|
||||
// Инициализация загрузки файлов
|
||||
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('Ошибка создания копии задачи');
|
||||
}
|
||||
}
|
||||
@@ -2352,3 +2352,50 @@ small {
|
||||
.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); }
|
||||
/* 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
191
public/time-selector.js
Normal 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})`;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user