This commit is contained in:
2026-01-27 21:47:05 +05:00
parent 9714ac5004
commit 1fa78bf7a7
9 changed files with 2127 additions and 673 deletions

View File

@@ -842,7 +842,7 @@
// Вернуться в CRM
function goBack() {
window.location.href = '/admin';
window.location.href = '/';
}
// Инициализация

View File

@@ -272,7 +272,8 @@
<div class="user-info">
<span id="current-user"></span>
<button onclick="window.location.href = '/'">Главная</button>
<button onclick="window.location.href = '/admin/groups'">Управление группами</button>
<button onclick="window.location.href = '/doc'">doc</button>
<button onclick="window.location.href = '/admin-doc'">Управление doc</button>
<button onclick="window.location.href = '/admin/profiles'">profiles</button>
<button onclick="logout()">Выйти</button>
</div>

View File

@@ -3,431 +3,317 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Согласование документов - School CRM</title>
<title>School CRM - Управление согласованиями DOC</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.doc-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.doc-header {
background: rgba(255, 255, 255, 0.95);
border-radius: 15px;
padding: 1.5rem;
margin-bottom: 25px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.doc-tabs {
display: flex;
gap: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #e9ecef;
padding-bottom: 10px;
flex-wrap: wrap;
}
.doc-tab {
padding: 10px 20px;
background: #f8f9fa;
border: none;
border-radius: 8px 8px 0 0;
cursor: pointer;
font-weight: 600;
color: #495057;
transition: all 0.3s ease;
}
.doc-tab:hover {
background: #e9ecef;
}
.doc-tab.active {
background: #3498db;
color: white;
}
.document-section {
display: none;
background: rgba(255, 255, 255, 0.95);
border-radius: 15px;
padding: 25px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.document-card {
border: 1px solid #e1e5e9;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
background: white;
transition: all 0.3s ease;
}
.document-card:hover {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.document-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e9ecef;
}
.document-title {
flex: 1;
}
.document-number {
display: block;
color: #3498db;
font-weight: bold;
margin-bottom: 5px;
}
.document-status {
padding: 4px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
margin-left: 10px;
}
.status-assigned { background: #e74c3c; color: white; }
.status-in-progress { background: #f39c12; color: white; }
.status-approved { background: #27ae60; color: white; }
.status-received { background: #3498db; color: white; }
.status-signed { background: #9b59b6; color: white; }
.status-refused { background: #c0392b; color: white; }
.status-cancelled { background: #95a5a6; color: white; }
.urgency-badge {
padding: 3px 8px;
border-radius: 12px;
font-size: 0.75rem;
margin-left: 8px;
font-weight: 600;
}
.urgent { background: #f39c12; color: white; }
.very-urgent { background: #e74c3c; color: white; }
.document-details {
margin-top: 15px;
}
.document-info p {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #f0f0f0;
}
.document-info p:last-child {
border-bottom: none;
}
.document-files {
margin: 15px 0;
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
}
.refusal-reason {
margin: 15px 0;
padding: 15px;
background: #f8d7da;
border-radius: 8px;
border-left: 4px solid #dc3545;
}
.document-actions {
margin-top: 20px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.secretary-actions {
margin-top: 20px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef;
}
.status-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.empty-state {
text-align: center;
padding: 40px 20px;
color: #6c757d;
font-style: italic;
background: #f8f9fa;
border-radius: 8px;
border: 2px dashed #dee2e6;
}
.form-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.form-group.full-width {
grid-column: 1 / -1;
}
.back-link {
display: inline-block;
margin-bottom: 20px;
color: #3498db;
text-decoration: none;
}
.back-link:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<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> Управление согласованиями</h3>
<ul>
<li><strong><i class="fas fa-school"></i> @2025</strong> МАОУ - СОШ № 25</li>
</ul>
</div>
</div>
</div>
<div class="doc-container">
<header class="doc-header">
<div class="container">
<header>
<div class="header-top">
<h1><i class="fas fa-file-contract"></i> Согласование документов</h1>
<h1><i class="fas fa-file-signature"></i> School CRM - Управление согласованиями DOC</h1>
<div class="user-info">
<span id="current-user"></span>
<button onclick="window.location.href = '/'" class="btn-logout">
<i class="fas fa-arrow-left"></i> Назад к задачам
</button>
<button onclick="logout()" class="btn-logout">
<i class="fas fa-sign-out-alt"></i> Выйти
</button>
</div>
</div>
<nav class="doc-tabs">
<button onclick="showDocumentSection('create-document')" class="doc-tab">
<i class="fas fa-plus-circle"></i> Новый документ
<nav>
<button onclick="showSection('create-task')" class="nav-btn">
<i class="fas fa-plus-circle"></i> Создать согласование DOC
</button>
<button onclick="showDocumentSection('my-documents')" class="doc-tab">
<i class="fas fa-list"></i> Мои документы
<button onclick="showSection('tasks')" class="nav-btn">
<i class="fas fa-list"></i> Согласования DOC
</button>
<button id="secretary-tab" onclick="showDocumentSection('secretary-documents')" class="doc-tab" style="display: none;">
<i class="fas fa-user-tie"></i> Для согласования
<!-- <button onclick="showTasksWithoutDate()" class="nav-btn" id="tasks-no-date-btn">
<i class="fas fa-clock"></i> Согласования без срока
</button>
<button onclick="showKanbanSection()" class="nav-btn">
<i class="fas fa-columns"></i> Канбан
</button>
<button onclick="showSection('profile')" class="nav-btn" id="profile-btn">
<i class="fas fa-user-circle"></i> Личный кабинет
</button> -->
<!--
<button onclick="showSection('logs')" class="nav-btn">
<i class="fas fa-history"></i> Лог активности
</button> -->
</nav>
</header>
<main>
<!-- Секция создания документа -->
<section id="create-document-section" class="document-section">
<h2><i class="fas fa-plus-circle"></i> Создание документа для согласования</h2>
<form id="create-document-form" enctype="multipart/form-data">
<div class="form-grid">
<div class="form-group">
<label for="document-title"><i class="fas fa-heading"></i> Название документа:*</label>
<input type="text" id="document-title" name="title" required placeholder="Например: Приказ №123 от 01.01.2024">
<section id="tasks-section" class="section">
<h2><i class="fas fa-file-signature"></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="documentType" required>
<option value="">Выберите тип документа...</option>
<!-- Типы будут загружены через JavaScript -->
<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="form-group">
<label for="document-number"><i class="fas fa-hashtag"></i> Номер документа:</label>
<input type="text" id="document-number" name="documentNumber" placeholder="Номер документа (если есть)">
</div>
<div class="form-group">
<label for="document-date"><i class="fas fa-calendar-alt"></i> Дата документа:*</label>
<input type="date" id="document-date" name="documentDate" required>
</div>
<div class="form-group">
<label for="pages-count"><i class="fas fa-file"></i> Количество страниц:</label>
<input type="number" id="pages-count" name="pagesCount" min="1" placeholder="Например: 5">
</div>
<div class="form-group">
<label for="urgency-level"><i class="fas fa-exclamation-triangle"></i> Срочность:</label>
<select id="urgency-level" name="urgencyLevel">
<option value="normal">Обычная</option>
<option value="urgent">Срочно</option>
<option value="very_urgent">Очень срочно</option>
<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="form-group">
<label for="due-date"><i class="fas fa-clock"></i> Срок согласования:</label>
<input type="datetime-local" id="due-date" name="dueDate">
<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>
<div class="form-group full-width">
<label for="document-description"><i class="fas fa-align-left"></i> Описание документа:*</label>
<textarea id="document-description" name="description" rows="4" required placeholder="Опишите содержание документа..."></textarea>
<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> Создать новое согласование DOC</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 full-width">
<label for="document-comment"><i class="fas fa-comment"></i> Комментарий для секретаря:</label>
<textarea id="document-comment" name="comment" rows="3" placeholder="Дополнительная информация для согласования..."></textarea>
<div class="form-group">
<label for="description"><i class="fas fa-align-left"></i> Описание:</label>
<textarea id="description" name="description" rows="4"></textarea>
</div>
<div class="form-group full-width">
<label for="document-files"><i class="fas fa-paperclip"></i> Прикрепить файлы (до 15 файлов, максимум 300MB):</label>
<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>
</div>
<div class="form-group">
<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>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
</small>
</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="document-files" name="files" multiple onchange="updateDocumentFileList()">
<label for="document-files" class="file-upload-label">
<i class="fas fa-cloud-upload-alt"></i> Выберите файлы
<input type="file" id="files" name="files" multiple>
<label for="files" class="file-upload-label">
<i class="fas fa-cloud-upload-alt"></i> Выберите файлы DOC
</label>
</div>
<div id="document-file-list"></div>
<div id="file-list"></div>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-paper-plane"></i> Отправить на согласование
<i class="fas fa-check-circle"></i> Создать согласование
</button>
</form>
</section>
<!-- Секция моих документов -->
<section id="my-documents-section" class="document-section">
<h2><i class="fas fa-list"></i> Мои документы на согласование</h2>
<div id="my-documents-list" class="documents-list">
<!-- Документы будут загружены через JavaScript -->
</div>
</section>
<!-- Секция документов для секретаря -->
<section id="secretary-documents-section" class="document-section">
<h2><i class="fas fa-user-tie"></i> Документы для согласования</h2>
<div id="secretary-documents-list" class="documents-list">
<!-- Документы будут загружены через JavaScript -->
</div>
<section id="logs-section" class="section">
<h2><i class="fas fa-history"></i> Лог активности</h2>
<div id="logs-list"></div>
</section>
</main>
</div>
<!-- Модальные окна для секретаря -->
<div id="approve-document-modal" class="modal">
<!-- Модальные окна -->
<div id="edit-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeApproveModal()">&times;</span>
<h3><i class="fas fa-check-circle"></i> Согласовать документ</h3>
<form id="approve-document-form" onsubmit="event.preventDefault(); updateDocumentStatus(currentDocumentId, 'approved', document.getElementById('approve-comment').value);">
<span class="close" onclick="closeEditModal()">&times;</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="approve-comment">Комментарий к согласованию:</label>
<textarea id="approve-comment" rows="4" placeholder="Добавьте комментарий при необходимости..."></textarea>
<label for="edit-title">Название согласования:</label>
<input type="text" id="edit-title" name="title" required>
</div>
<button type="submit" class="btn-success">
<i class="fas fa-check"></i> Согласовать
<div class="form-group">
<label for="edit-description">Описание:</label>
<textarea id="edit-description" name="description" rows="4"></textarea>
</div>
<div class="form-group">
<label for="edit-due-date">Дата и время выполнения:</label>
<input type="datetime-local" id="edit-due-date" name="dueDate" required>
</div>
<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>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
</small>
</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>
<div id="receive-document-modal" class="modal">
<div id="copy-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeReceiveModal()">&times;</span>
<h3><i class="fas fa-inbox"></i> Получение оригинала документа</h3>
<form id="receive-document-form" onsubmit="event.preventDefault(); updateDocumentStatus(currentDocumentId, 'received', document.getElementById('receive-comment').value);">
<span class="close" onclick="closeCopyModal()">&times;</span>
<h3><i class="fas fa-copy"></i> Создать копию согласования</h3>
<form id="copy-task-form">
<input type="hidden" id="copy-task-id">
<div class="form-group">
<label for="receive-comment">Комментарий к получению:</label>
<textarea id="receive-comment" rows="4" placeholder="Укажите детали получения оригинала..."></textarea>
<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>
<small style="color: #666; display: block; margin-top: 5px;">
<i class="fas fa-info-circle"></i> В качестве исполнителей можно выбрать только пользователей с ролью "Секретарь"
</small>
</div>
<button type="submit" class="btn-primary">
<i class="fas fa-check"></i> Подтвердить получение
<i class="fas fa-copy"></i> Создать копию
</button>
</form>
</div>
</div>
<div id="refuse-document-modal" class="modal">
<div id="edit-assignment-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeRefuseModal()">&times;</span>
<h3><i class="fas fa-times-circle"></i> Отказ в согласовании</h3>
<form id="refuse-document-form" onsubmit="event.preventDefault(); updateDocumentStatus(currentDocumentId, 'refused', '', document.getElementById('refuse-reason').value);">
<span class="close" onclick="closeEditAssignmentModal()">&times;</span>
<h3><i class="fas fa-clock"></i> Редактировать сроки секретаря</h3>
<form id="edit-assignment-form">
<input type="hidden" id="edit-assignment-task-id">
<input type="hidden" id="edit-assignment-user-id">
<div class="form-group">
<label for="refuse-reason">Причина отказа:*</label>
<textarea id="refuse-reason" rows="4" required placeholder="Укажите причину отказа в согласовании..."></textarea>
<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-warning">
<i class="fas fa-times"></i> Отказать в согласовании
<button type="submit" class="btn-primary">
<i class="fas fa-save"></i> Сохранить сроки
</button>
</form>
</div>
</div>
<div id="rework-task-modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeReworkModal()">&times;</span>
<h3><i class="fas fa-redo"></i> Вернуть согласование на доработку</h3>
<form id="rework-task-form">
<input type="hidden" id="rework-task-id">
<div class="form-group">
<label for="rework-comment">Комментарий к доработке:</label>
<textarea id="rework-comment" name="comment" rows="4" placeholder="Укажите, что нужно исправить..." required></textarea>
</div>
<button type="submit" class="btn-warning">
<i class="fas fa-redo"></i> Вернуть на доработку
</button>
</form>
</div>
</div>
<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>
</div>
<script src="auth.js"></script>
<script src="users-doc.js"></script>
<script src="tasks-doc.js"></script>
<script src="kanban.js"></script>
<script src="files.js"></script>
<script src="documents.js"></script>
<script>
// Проверка авторизации для страницы документов
document.addEventListener('DOMContentLoaded', function() {
if (window.location.pathname === '/doc') {
checkAuth();
}
});
function checkAuth() {
fetch('/api/user')
.then(response => {
if (response.ok) {
return response.json();
} else {
window.location.href = '/';
}
})
.then(data => {
currentUser = data.user;
document.getElementById('current-user').textContent = `Вы вошли как: ${currentUser.name}`;
// Инициализация страницы документов
if (typeof initializeDocumentForm === 'function') {
initializeDocumentForm();
}
// Показываем вкладку секретаря если пользователь секретарь
if (currentUser && currentUser.groups && currentUser.groups.includes('Секретарь')) {
const secretaryTab = document.getElementById('secretary-tab');
if (secretaryTab) {
secretaryTab.style.display = 'block';
}
}
})
.catch(error => {
console.error('Ошибка проверки авторизации:', error);
window.location.href = '/';
});
}
function logout() {
fetch('/api/logout', { method: 'POST' })
.then(() => {
window.location.href = '/';
});
}
</script>
<script src="ui.js"></script>
<script src="main.js"></script>
</body>
</html>

View File

@@ -43,70 +43,96 @@ function initializeDocumentForm() {
loadDocumentTypes();
}
async function createDocumentTask(event) {
event.preventDefault();
async function createDocumentTask() {
console.log('📝 Создание документа...');
if (!currentUser) {
alert('Требуется аутентификация');
// Собираем данные формы
const formData = new FormData();
// Обязательное поле - только название
const title = document.getElementById('doc-title').value.trim();
if (!title) {
showNotification('Название документа обязательно', 'error');
return;
}
const formData = new FormData();
formData.append('title', title);
formData.append('description', document.getElementById('doc-description').value);
formData.append('dueDate', document.getElementById('doc-due-date').value);
// Основные данные задачи
formData.append('title', document.getElementById('document-title').value);
formData.append('description', document.getElementById('document-description').value);
// Даты
const dueDateInput = document.getElementById('due-date');
if (dueDateInput.value) {
formData.append('dueDate', dueDateInput.value);
// Тип документа - опционально
const documentTypeSelect = document.getElementById('doc-type');
if (documentTypeSelect && documentTypeSelect.value) {
formData.append('documentTypeId', documentTypeSelect.value);
}
// Данные документа
formData.append('documentTypeId', document.getElementById('document-type').value);
formData.append('documentNumber', document.getElementById('document-number').value);
formData.append('documentDate', document.getElementById('document-date').value);
formData.append('pagesCount', document.getElementById('pages-count').value);
formData.append('urgencyLevel', document.getElementById('urgency-level').value);
formData.append('comment', document.getElementById('document-comment').value);
// Остальные поля - опционально
formData.append('documentNumber', document.getElementById('doc-number')?.value || '');
formData.append('documentDate', document.getElementById('doc-date')?.value || '');
formData.append('pagesCount', document.getElementById('doc-pages')?.value || '');
// Загружаем файлы
const filesInput = document.getElementById('document-files');
if (filesInput.files) {
for (let i = 0; i < filesInput.files.length; i++) {
formData.append('files', filesInput.files[i]);
const urgencySelect = document.getElementById('doc-urgency');
if (urgencySelect) {
formData.append('urgencyLevel', urgencySelect.value);
}
formData.append('comment', document.getElementById('doc-comment')?.value || '');
// Добавляем файлы (опционально)
const fileInput = document.getElementById('doc-files');
if (fileInput && fileInput.files) {
for (let i = 0; i < fileInput.files.length; i++) {
formData.append('files', fileInput.files[i]);
}
}
// Показываем индикатор загрузки
const submitBtn = document.querySelector('#new-doc-form button[type="submit"]');
const originalText = submitBtn.innerHTML;
submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Создание...';
submitBtn.disabled = true;
try {
console.log('📤 Отправка запроса на создание документа...');
const response = await fetch('/api/documents', {
method: 'POST',
body: formData
});
const result = await response.json();
if (response.ok) {
alert('Задача на согласование документа создана!');
document.getElementById('create-document-form').reset();
document.getElementById('document-file-list').innerHTML = '';
console.log('✅ Документ создан успешно:', result);
// Сброс даты
const today = new Date();
const todayStr = today.toISOString().split('T')[0];
const dateInput = document.getElementById('document-date');
if (dateInput) {
dateInput.value = todayStr;
}
// Показываем сообщение об успехе
showNotification('Документ успешно создан и отправлен на согласование', 'success');
// Закрываем модальное окно
const modal = bootstrap.Modal.getInstance(document.getElementById('newDocModal'));
if (modal) modal.hide();
// Очищаем форму
const form = document.getElementById('new-doc-form');
if (form) form.reset();
// Обновляем список документов
await loadMyDocuments();
// Перенаправление на список документов
showDocumentSection('my-documents');
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания задачи');
console.error('❌ Ошибка создания документа:', result);
showNotification(`Ошибка: ${result.error || 'Неизвестная ошибка'}`, 'error');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания задачи');
console.error('Ошибка сети при создании документа:', error);
showNotification('Ошибка сети при создании документа', 'error');
} finally {
// Восстанавливаем кнопку
if (submitBtn) {
submitBtn.innerHTML = originalText;
submitBtn.disabled = false;
}
}
}
@@ -157,71 +183,196 @@ async function loadSecretaryDocuments() {
}
function renderMyDocuments(documents) {
const container = document.getElementById('my-documents-list');
if (!container) return;
console.log('📄 Рендеринг документов:', documents);
if (documents.length === 0) {
container.innerHTML = '<div class="empty-state">У вас нет документов на согласование</div>';
const container = document.getElementById('my-docs-list');
if (!documents || !Array.isArray(documents)) {
console.error('❌ documents не является массивом:', documents);
container.innerHTML = `
<div class="empty-state">
<i class="fas fa-exclamation-triangle"></i>
<p>Ошибка загрузки документов</p>
</div>
`;
return;
}
container.innerHTML = documents.map(doc => `
<div class="document-card" data-document-id="${doc.id}">
<div class="document-header">
<div class="document-title">
<span class="document-number">Документ №${doc.document_number || doc.id}</span>
<strong>${doc.title}</strong>
<span class="document-status ${getDocumentStatusClass(doc.status)}">${getDocumentStatusText(doc.status)}</span>
${doc.urgency_level === 'urgent' ? '<span class="urgency-badge urgent">Срочно</span>' : ''}
${doc.urgency_level === 'very_urgent' ? '<span class="urgency-badge very-urgent">Очень срочно</span>' : ''}
</div>
<div class="document-meta">
<small>Создан: ${formatDateTime(doc.created_at)}</small>
${doc.due_date ? `<small>Срок: ${formatDateTime(doc.due_date)}</small>` : ''}
</div>
if (documents.length === 0) {
container.innerHTML = `
<div class="empty-state">
<i class="fas fa-file-alt"></i>
<p>У вас нет документов для согласования</p>
<button class="btn btn-primary" onclick="showNewDocModal()">
<i class="fas fa-plus"></i> Создать документ
</button>
</div>
<div class="document-details">
<div class="document-info">
<p><strong>Тип:</strong> ${doc.document_type_name || 'Не указан'}</p>
<p><strong>Дата документа:</strong> ${doc.document_date ? formatDate(doc.document_date) : 'Не указана'}</p>
<p><strong>Количество страниц:</strong> ${doc.pages_count || 'Не указано'}</p>
${doc.comment ? `<p><strong>Комментарий:</strong> ${doc.comment}</p>` : ''}
`;
return;
}
container.innerHTML = documents.map(doc => {
// Определяем статус
let statusClass = 'status-pending';
let statusText = 'На согласовании';
if (doc.assignment_status === 'completed' || doc.assignment_status === 'approved') {
statusClass = 'status-completed';
statusText = 'Согласован';
} else if (doc.assignment_status === 'refused') {
statusClass = 'status-cancelled';
statusText = 'Отказано';
} else if (doc.closed_at) {
statusClass = 'status-cancelled';
statusText = 'Отозван';
}
// Форматируем дату
const createdDate = new Date(doc.created_at).toLocaleDateString('ru-RU');
const dueDate = doc.due_date ? new Date(doc.due_date).toLocaleDateString('ru-RU') : 'Не указана';
// Определяем уровень срочности
let urgencyBadge = '';
if (doc.urgency_level === 'urgent') {
urgencyBadge = '<span class="badge bg-warning">Срочно</span>';
} else if (doc.urgency_level === 'very_urgent') {
urgencyBadge = '<span class="badge bg-danger">Очень срочно</span>';
}
// Проверяем наличие типа документа
const documentType = doc.document_type_name || 'Не указан';
return `
<div class="doc-card">
<div class="doc-header">
<h4>${doc.title.replace('Документ: ', '')}</h4>
<span class="${statusClass}">${statusText}</span>
</div>
<div class="document-files">
${doc.files && doc.files.length > 0 ? `
<strong>Файлы:</strong>
<div class="file-icons-container">
${doc.files.map(file => renderFileIcon(file)).join('')}
</div>
` : '<strong>Файлы:</strong> <span class="no-files">нет файлов</span>'}
</div>
${doc.refusal_reason ? `
<div class="refusal-reason">
<strong>Причина отказа:</strong> ${doc.refusal_reason}
<div class="doc-info">
<div class="info-row">
<span class="info-label">Тип:</span>
<span>${documentType}</span>
</div>
${doc.document_number ? `
<div class="info-row">
<span class="info-label">Номер:</span>
<span>${doc.document_number}</span>
</div>
` : ''}
${doc.document_date ? `
<div class="info-row">
<span class="info-label">Дата документа:</span>
<span>${new Date(doc.document_date).toLocaleDateString('ru-RU')}</span>
</div>
` : ''}
<div class="info-row">
<span class="info-label">Создан:</span>
<span>${createdDate}</span>
</div>
<div class="info-row">
<span class="info-label">Срок согласования:</span>
<span>${dueDate}</span>
</div>
${doc.urgency_level && doc.urgency_level !== 'normal' ? `
<div class="info-row">
<span class="info-label">Срочность:</span>
<span>${urgencyBadge}</span>
</div>
` : ''}
${doc.assignee_name ? `
<div class="info-row">
<span class="info-label">Согласующий:</span>
<span>${doc.assignee_name}</span>
</div>
` : ''}
${doc.refusal_reason ? `
<div class="info-row">
<span class="info-label">Причина отказа:</span>
<span class="text-danger">${doc.refusal_reason}</span>
</div>
` : ''}
</div>
${doc.description ? `
<div class="doc-description">
<p>${doc.description}</p>
</div>
` : ''}
<div class="document-actions">
${doc.status === 'assigned' || doc.status === 'in_progress' ? `
<button onclick="cancelDocument(${doc.id})" class="btn-warning">Отозвать</button>
` : ''}
${doc.status === 'refused' ? `
<button onclick="reworkDocument(${doc.id})" class="btn-primary">Исправить и отправить повторно</button>
` : ''}
${doc.status === 'approved' || doc.status === 'received' || doc.status === 'signed' ? `
<button onclick="downloadDocumentPackage(${doc.id})" class="btn-primary">Скачать пакет документов</button>
` : ''}
${doc.comment ? `
<div class="doc-comment">
<strong><i class="fas fa-comment"></i> Комментарий:</strong>
<p>${doc.comment}</p>
</div>
` : ''}
${doc.files && doc.files.length > 0 ? `
<div class="doc-files">
<strong><i class="fas fa-paperclip"></i> Файлы:</strong>
<div class="files-list">
${doc.files.map(file => `
<a href="/api/files/${file.id}/download" class="file-link">
<i class="fas fa-file"></i> ${file.original_name} (${formatFileSize(file.file_size)})
</a>
`).join('')}
</div>
</div>
` : ''}
${!doc.closed_at && doc.assignment_status !== 'completed' &&
doc.assignment_status !== 'approved' && doc.assignment_status !== 'refused' ? `
<div class="doc-actions">
<button class="btn btn-danger" onclick="cancelDocument(${doc.document_id})">
<i class="fas fa-times"></i> Отозвать
</button>
</div>
` : ''}
</div>
</div>
`).join('');
`;
}).join('');
}
function formatFileSize(bytes) {
if (bytes === 0) return '0 Б';
const k = 1024;
const sizes = ['Б', 'КБ', 'МБ', 'ГБ'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
}
// Исправьте функцию loadMyDocuments:
async function loadMyDocuments() {
console.log('📥 Загрузка моих документов...');
try {
const response = await fetch('/api/documents/my');
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const documents = await response.json();
console.log('✅ Получены документы:', documents);
renderMyDocuments(documents);
} catch (error) {
console.error('❌ Ошибка загрузки документов:', error);
showNotification('Ошибка загрузки документов', 'error');
const container = document.getElementById('my-docs-list');
container.innerHTML = `
<div class="empty-state">
<i class="fas fa-exclamation-triangle"></i>
<p>Ошибка загрузки документов: ${error.message}</p>
</div>
`;
}
}
function renderSecretaryDocuments(documents) {
const container = document.getElementById('secretary-documents-list');
if (!container) return;

563
public/tasks-doc.js Normal file
View File

@@ -0,0 +1,563 @@
// tasks.js - Основные операции с согласованиями
let tasks = [];
let expandedTasks = new Set();
let showingTasksWithoutDate = false;
async function loadTasks() {
try {
showingTasksWithoutDate = false;
const btn = document.getElementById('tasks-no-date-btn');
if (btn) btn.classList.remove('active');
const search = document.getElementById('search-tasks')?.value || '';
const statusFilter = document.getElementById('status-filter')?.value || 'active,in_progress,assigned,overdue,rework';
const creatorFilter = document.getElementById('creator-filter')?.value || '';
const assigneeFilter = document.getElementById('assignee-filter')?.value || '';
const deadlineFilter = document.getElementById('deadline-filter')?.value || '';
const showDeleted = document.getElementById('show-deleted')?.checked || false;
let url = '/api/tasks?';
if (search) url += `search=${encodeURIComponent(search)}&`;
if (statusFilter) url += `status=${encodeURIComponent(statusFilter)}&`;
if (creatorFilter) url += `creator=${encodeURIComponent(creatorFilter)}&`;
if (assigneeFilter) url += `assignee=${encodeURIComponent(assigneeFilter)}&`;
if (deadlineFilter) url += `deadline=${encodeURIComponent(deadlineFilter)}&`;
if (showDeleted) url += `showDeleted=true&`;
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`);
if (filesResponse.ok) {
task.files = await filesResponse.json();
} else {
task.files = [];
}
} catch (error) {
console.error(`Ошибка загрузки файлов для согласования ${task.id}:`, error);
task.files = [];
}
}));
renderTasks();
} catch (error) {
console.error('Ошибка загрузки согласований:', error);
}
}
function showTasksWithoutDate() {
showingTasksWithoutDate = true;
const btn = document.getElementById('tasks-no-date-btn');
if (btn) btn.classList.add('active');
loadTasksWithoutDate();
}
async function loadTasksWithoutDate() {
try {
const response = await fetch('/api/tasks');
if (!response.ok) throw new Error('Ошибка загрузки согласований');
const allTasks = await response.json();
tasks = allTasks.filter(task => {
const hasTaskDueDate = !task.due_date;
const hasAssignmentDueDates = task.assignments &&
task.assignments.every(assignment => !assignment.due_date);
return hasTaskDueDate && hasAssignmentDueDates;
});
// Загружаем файлы для всех согласований
await Promise.all(tasks.map(async (task) => {
try {
const filesResponse = await fetch(`/api/tasks/${task.id}/files`);
if (filesResponse.ok) {
task.files = await filesResponse.json();
} else {
task.files = [];
}
} catch (error) {
console.error(`Ошибка загрузки файлов для согласования ${task.id}:`, error);
task.files = [];
}
}));
renderTasks();
} catch (error) {
console.error('Ошибка загрузки согласований без срока:', error);
}
}
async function createTask(event) {
event.preventDefault();
if (!currentUser) {
alert('Требуется аутентификация');
return;
}
const formData = new FormData();
formData.append('title', document.getElementById('title').value);
formData.append('description', document.getElementById('description').value);
const dueDate = document.getElementById('due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны');
return;
}
formData.append('dueDate', dueDate);
// Используем selectedUsers вместо прямого доступа к DOM
if (selectedUsers.length === 0) {
alert('Выберите хотя бы одного секретаря в качестве исполнителя');
return;
}
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 = [];
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 || '';
document.getElementById('edit-due-date').value = task.due_date ? formatDateTimeForInput(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('Ошибка загрузки согласования');
}
}
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) {
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 dueDate = document.getElementById('edit-due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны');
return;
}
// Используем editSelectedUsers (только секретари)
const assignedUserIds = editSelectedUsers;
if (assignedUserIds.length === 0) {
alert('Выберите хотя бы одного секретаря в качестве исполнителя');
return;
}
const formData = new FormData();
formData.append('title', title);
formData.append('description', description);
formData.append('assignedUsers', JSON.stringify(assignedUserIds));
formData.append('dueDate', dueDate);
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('Ошибка обновления согласования');
}
}
function openCopyModal(taskId) {
document.getElementById('copy-task-id').value = taskId;
// Устанавливаем дату по умолчанию (через 7 дней)
const defaultDate = new Date();
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) {
event.preventDefault();
const taskId = document.getElementById('copy-task-id').value;
const dueDate = document.getElementById('copy-due-date').value;
if (!dueDate) {
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: dueDate
})
});
if (response.ok) {
alert('Копия согласования успешно создана!');
closeCopyModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка создания копии согласования');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка создания копии согласования');
}
}
async function closeTask(taskId) {
if (!confirm('Вы уверены, что хотите закрыть это согласование? Секретари больше не будут видеть его.')) {
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}/close`, {
method: 'POST'
});
if (response.ok) {
alert('Согласование закрыто!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка закрытия согласования');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка закрытия согласования');
}
}
async function reopenTask(taskId) {
try {
const response = await fetch(`/api/tasks/${taskId}/reopen`, {
method: 'POST'
});
if (response.ok) {
alert('Согласование открыто!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка открытия согласования');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка открытия согласования');
}
}
async function deleteTask(taskId) {
if (!confirm('Вы уверены, что хотите удалить это согласование?')) {
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}`, {
method: 'DELETE'
});
if (response.ok) {
alert('Согласование удалено!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка удаления согласования');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка удаления согласования');
}
}
async function restoreTask(taskId) {
try {
const response = await fetch(`/api/tasks/${taskId}/restore`, {
method: 'POST'
});
if (response.ok) {
alert('Согласование восстановлено!');
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка восстановления согласования');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка восстановления согласования');
}
}
function openEditAssignmentModal(taskId, userId) {
const task = tasks.find(t => t.id === taskId);
if (!task) return;
const assignment = task.assignments.find(a => a.user_id === userId);
if (!assignment) return;
document.getElementById('edit-assignment-task-id').value = taskId;
document.getElementById('edit-assignment-user-id').value = userId;
document.getElementById('edit-assignment-due-date').value = assignment.due_date ? formatDateTimeForInput(assignment.due_date) : '';
document.getElementById('edit-assignment-modal').style.display = 'block';
}
function closeEditAssignmentModal() {
document.getElementById('edit-assignment-modal').style.display = 'none';
}
async function updateAssignment(event) {
event.preventDefault();
const taskId = document.getElementById('edit-assignment-task-id').value;
const userId = document.getElementById('edit-assignment-user-id').value;
const dueDate = document.getElementById('edit-assignment-due-date').value;
if (!dueDate) {
alert('Дата и время выполнения обязательны');
return;
}
try {
const response = await fetch(`/api/tasks/${taskId}/assignment/${userId}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
dueDate: dueDate
})
});
if (response.ok) {
alert('Сроки секретаря обновлены!');
closeEditAssignmentModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления сроков');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления сроков');
}
}
function openReworkModal(taskId) {
document.getElementById('rework-task-id').value = taskId;
document.getElementById('rework-task-modal').style.display = 'block';
}
function closeReworkModal() {
document.getElementById('rework-task-modal').style.display = 'none';
document.getElementById('rework-comment').value = '';
}
async function sendForRework(event) {
event.preventDefault();
const taskId = document.getElementById('rework-task-id').value;
const comment = document.getElementById('rework-comment').value;
try {
const response = await fetch(`/api/tasks/${taskId}/rework`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ comment })
});
if (response.ok) {
alert('Согласование возвращено на доработку!');
closeReworkModal();
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка возврата согласования на доработку');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка возврата согласования на доработку');
}
}
async function updateStatus(taskId, userId, status) {
try {
const response = await fetch(`/api/tasks/${taskId}/status`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ userId, status })
});
if (response.ok) {
loadTasks();
loadActivityLogs();
} else {
const error = await response.json();
alert(error.error || 'Ошибка обновления статуса');
}
} catch (error) {
console.error('Ошибка:', error);
alert('Ошибка обновления статуса');
}
}
function canUserEditTask(task) {
if (!currentUser) return false;
// Администратор может всё
if (currentUser.role === 'admin') return true;
// Создатель может редактировать свое согласование
if (parseInt(task.created_by) === currentUser.id) {
// Но если согласование уже назначено секретарям,
// создатель может только просматривать
if (task.assignments && task.assignments.length > 0) {
// Проверяем, назначено ли согласование секретарям (не только себе)
const assignedToSecretaries = task.assignments.some(assignment =>
parseInt(assignment.user_id) !== currentUser.id
);
if (assignedToSecretaries) {
// Создатель может только просматривать и закрывать согласование
return false;
}
}
return true;
}
// Секретарь может менять только свой статус
if (task.assignments) {
const isSecretary = task.assignments.some(assignment =>
parseInt(assignment.user_id) === currentUser.id
);
if (isSecretary) {
// Секретарь может менять только статус
return false;
}
}
return false;
}

161
public/users-doc.js Normal file
View File

@@ -0,0 +1,161 @@
// users.js - Управление пользователями
let users = [];
let allUsers = [];
let filteredUsers = [];
let selectedUsers = [];
let editSelectedUsers = [];
let copySelectedUsers = [];
async function loadUsers() {
try {
const response = await fetch('/api/users');
users = await response.json();
allUsers = users;
// Фильтруем только секретарей
filteredUsers = users.filter(user => user.role === 'secretary');
renderUsersChecklist();
renderEditUsersChecklist();
renderCopyUsersChecklist();
populateFilterDropdowns();
} catch (error) {
console.error('Ошибка загрузки пользователей:', error);
}
}
function populateFilterDropdowns() {
const creatorFilter = document.getElementById('creator-filter');
const assigneeFilter = document.getElementById('assignee-filter');
creatorFilter.innerHTML = '<option value="">Все заказчики</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);
// Для исполнителей показываем только секретарей
if (user.role === 'secretary') {
const assigneeOption = document.createElement('option');
assigneeOption.value = user.id;
assigneeOption.textContent = `${user.name} (${user.login}) - ldap_api`;
assigneeFilter.appendChild(assigneeOption);
}
});
}
function filterUsers() {
const search = document.getElementById('user-search').value.toLowerCase();
// Фильтруем только секретарей
filteredUsers = users.filter(user =>
user.role === 'secretary' && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
renderUsersChecklist();
}
function filterEditUsers() {
const search = document.getElementById('edit-user-search').value.toLowerCase();
// Фильтруем только секретарей
const filtered = users.filter(user =>
user.role === 'secretary' && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
renderEditUsersChecklist(filtered);
}
function filterCopyUsers() {
const search = document.getElementById('copy-user-search').value.toLowerCase();
// Фильтруем только секретарей
const filtered = users.filter(user =>
user.role === 'secretary' && (
user.name.toLowerCase().includes(search) ||
user.login.toLowerCase().includes(search) ||
user.email.toLowerCase().includes(search)
)
);
renderCopyUsersChecklist(filtered);
}
function renderUsersChecklist() {
const container = document.getElementById('users-checklist');
// Показываем только секретарей
container.innerHTML = filteredUsers
.filter(user => user.id !== currentUser.id && user.role === 'secretary')
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleUserSelection(this, ${user.id})">
${user.name} (${user.email}) - <strong>localrootgroup</strong>
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
}
function renderEditUsersChecklist(filtered = users) {
const container = document.getElementById('edit-users-checklist');
// Показываем только секретарей
container.innerHTML = filtered
.filter(user => user.id !== currentUser.id && user.role === 'secretary')
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleEditUserSelection(this, ${user.id})">
${user.name} (${user.email}) - <strong>localrootgroup</strong>
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
}
function renderCopyUsersChecklist(filtered = users) {
const container = document.getElementById('copy-users-checklist');
// Показываем только секретарей
container.innerHTML = filtered
.filter(user => user.id !== currentUser.id && user.role === 'secretary')
.map(user => `
<div class="checkbox-item">
<label>
<input type="checkbox" name="assignedUsers" value="${user.id}"
onchange="toggleCopyUserSelection(this, ${user.id})">
${user.name} (${user.email}) - <strong>localrootgroup</strong>
${user.auth_type === 'ldap' ? '<small style="color: #666;"> - LDAP</small>' : ''}
</label>
</div>
`).join('');
}
function toggleUserSelection(checkbox, userId) {
if (checkbox.checked) {
selectedUsers.push(userId);
} else {
selectedUsers = selectedUsers.filter(id => id !== userId);
}
}
function toggleEditUserSelection(checkbox, userId) {
if (checkbox.checked) {
editSelectedUsers.push(userId);
} else {
editSelectedUsers = editSelectedUsers.filter(id => id !== userId);
}
}
function toggleCopyUserSelection(checkbox, userId) {
if (checkbox.checked) {
copySelectedUsers.push(userId);
} else {
copySelectedUsers = copySelectedUsers.filter(id => id !== userId);
}
}