308 lines
17 KiB
HTML
308 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<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">
|
||
</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="container">
|
||
<header>
|
||
<div class="header-top">
|
||
<h1><i class="fas fa-file-signature"></i> School CRM - Управление согласованиями DOC</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="window.location.href = '/'" class="nav-btn btn-admin"><i class="fas fa-cog"></i> Главная</button>
|
||
<button onclick="window.location.href = '/'" class="nav-btn btn-admin"><i class="fas fa-list"></i> Задачи</button>
|
||
<button onclick="showSection('create-task')" class="nav-btn">
|
||
<i class="fas fa-plus-circle"></i> Создать согласование DOC
|
||
</button>
|
||
<button onclick="showSection('tasks')" class="nav-btn">
|
||
<i class="fas fa-list"></i> Согласования DOC
|
||
</button>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<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="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> Создать новое согласование 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">
|
||
<label for="description"><i class="fas fa-align-left"></i> Описание:</label>
|
||
<textarea id="description" name="description" rows="4"></textarea>
|
||
</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>
|
||
</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="files" name="files" multiple>
|
||
<label for="files" class="file-upload-label">
|
||
<i class="fas fa-cloud-upload-alt"></i> Выберите файлы DOC
|
||
</label>
|
||
</div>
|
||
<div id="file-list"></div>
|
||
</div>
|
||
|
||
<button type="submit" class="btn-primary">
|
||
<i class="fas fa-check-circle"></i> Создать согласование
|
||
</button>
|
||
</form>
|
||
</section>
|
||
|
||
<section id="logs-section" class="section">
|
||
<h2><i class="fas fa-history"></i> Лог активности</h2>
|
||
<div id="logs-list"></div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<!-- Модальные окна -->
|
||
<div id="edit-task-modal" class="modal">
|
||
<div class="modal-content">
|
||
<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="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="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>
|
||
<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-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>
|
||
|
||
<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="ui.js"></script>
|
||
<script src="main.js"></script>
|
||
</body>
|
||
</html> |