diff --git a/analysis_results.md b/analysis_results.md new file mode 100644 index 0000000..44c82ff --- /dev/null +++ b/analysis_results.md @@ -0,0 +1,288 @@ +# Анализ структуры вкладок и предложения по UX/UI оптимизации системы Magistr + +В данном документе представлен детальный анализ текущей структуры интерфейса административной панели (SPA) и настроек системы Magistr. Выявлены пересекающиеся области функционала, сформулированы предложения по их объединению, переносу в настройки или удалению, а также предложены новые функциональные модули и технические решения для оптимизации UX/UI и производительности. + +--- + +## 1. Анализ текущей структуры и доступности вкладок + +На данный момент в основном SPA-интерфейсе администратора (`/admin/`) зарегистрировано **13 вкладок**, а в дополнительном SPA настроек (`/admin/settings/`) — **2 вкладки**. + +В зависимости от роли пользователя, сайдбар фильтруется следующим образом: + +| Вкладка (ID) | Описание | Доступность по ролям | +| :--- | :--- | :--- | +| `users` | CRUD пользователей и архивирование | `ADMIN` | +| `groups` | CRUD групп, подгрупп и назначений календарей | `ADMIN` | +| `edu-forms` | Справочник форм обучения | `ADMIN` | +| `profiles` | Управление профилями обучения специальностей | `ADMIN` | +| `equipments` | Каталог оборудования | `ADMIN`, `EDUCATION_OFFICE` | +| `classrooms` | Список аудиторий с привязкой оборудования | `ADMIN`, `EDUCATION_OFFICE` | +| `subjects` | CRUD всех дисциплин и привязка преподавателей | `ADMIN` | +| `department-workspace` | Рабочая область кафедры (дисциплины, импорт, нагрузка) | `ADMIN`, `DEPARTMENT` | +| `schedule-view` | Просмотр расписаний (read-only) | `ADMIN`, `EDUCATION_OFFICE`, `DEPARTMENT`, `SCHEDULE_VIEWER` | +| `schedule` | Конструктор правил динамического расписания | `ADMIN`, `EDUCATION_OFFICE` | +| `academic-calendar` | Календарные графики и Excel-редактор сетки | `ADMIN`, `EDUCATION_OFFICE` | +| `auditorium-workload` | Матрицы и таблицы загруженности | `ADMIN`, `EDUCATION_OFFICE` | +| `database` | Управление тенантами (БД клиентов) | `ADMIN` | +| **Settings** (SPA) | Общие настройки, Управление временными слотами | `ADMIN`, `EDUCATION_OFFICE` (ссылка в подвале) | + +--- + +## 2. Пересечения функционала и проблемные зоны + +### 2.1. Избыточное дробление академической структуры +Для описания структуры обучения сейчас используются четыре отдельные вкладки: +1. `departments-data` (Создание кафедры/специальности) +2. `profiles` (Профили обучения специальностей) +3. `edu-forms` (Формы обучения) +4. `groups` (В блоке создания группы выбираются форма, кафедра, специальность и профиль) + +**В чём проблема:** +* **Разрыв контекста:** Чтобы завести новую специальность с профилями, администратору сначала нужно пойти во вкладку `departments-data`, создать специальность, затем перейти во вкладку `profiles`, выбрать в селекте эту специальность и добавить профили. +* **Перегрузка меню:** 13 вкладок в сайдбаре для роли `ADMIN` — это слишком много. Пользователю трудно ориентироваться визуально. + +### 2.2. Дублирование и раздвоение управления дисциплинами +Управление дисциплинами разнесено между вкладками `subjects` (для администратора) и `department-workspace` (для кафедры). + +**В чём проблема:** +* Администратор во вкладке `subjects` видит плоскую таблицу всех дисциплин всех кафедр, но не имеет удобных инструментов фильтрации по кафедре. +* Форма создания новой дисциплины во вкладке `subjects` требует ввода **числового ID кафедры вручную** (поле `new-subject-department` типа `number`). Это критическая UX-ошибка: администратор не должен помнить числовые ID БД наизусть. +* Привязка преподавателей к дисциплинам (`teacher_subjects`) находится на вкладке `subjects`. При этом сама нагрузка преподавателей и список преподавателей кафедры отображаются на вкладке `department-workspace`. Логичнее было бы видеть, какие дисциплины ведёт преподаватель, непосредственно при работе с его нагрузкой или в едином справочнике преподавателей/кафедры. + +### 2.3. Низкая частота использования справочника оборудования (`equipments`) +Оборудование существует только как подчиненная сущность для аудиторий (чтобы указать, что в аудитории 101 есть 20 ПК и 1 проектор). + +**В чём проблема:** +* Выделение целой вкладки под простой список («Проектор», «ПК») не оправдано. Список оборудования меняется раз в несколько лет. +* При этом привязка оборудования к аудиториям происходит на вкладке `classrooms`. + +### 2.4. Перегруженность вкладки групп (`groups`) +На вкладке групп на одном экране выводятся сразу три тяжелые формы и три таблицы: +1. Создание/редактирование групп + таблица групп. +2. Создание подгрупп для лабораторных + таблица подгрупп. +3. Назначение календарного графика группе + таблица назначений. + +**В чём проблема:** +* Экран перегружен элементами управления. +* Для работы с подгруппами или назначениями графиков конкретной группы пользователю приходится выбирать эту группу из длинного выпадающего списка в отдельной форме, вместо того чтобы выполнять действия в контексте строки этой группы в таблице. + +### 2.5. Нахождение системной вкладки «База данных» в общем меню расписания +Вкладка `database` отвечает за управление тенантами (добавление новых вузов-клиентов, создание для них БД и запуск Flyway миграций). + +**В чём проблема:** +* Это технический функционал уровня Super-Admin / DevOps. Он не имеет отношения к ежедневному планированию расписания. Нахождение его в одном ряду с расписанием и группами нарушает логику интерфейса. + +--- + +## 3. Рекомендации по оптимизации структуры (Что убрать, объединить и перенести) + +```mermaid +graph TD + subgraph Было (13 вкладок в меню ADMIN) + direction TB + T1[database] + T2[edu-forms] + T3[departments-data] + T4[profiles] + T5[equipments] + T6[classrooms] + T7[groups] + T8[users] + T9[subjects] + T10[department-workspace] + T11[schedule] + T12[schedule-view] + T13[academic-calendar] + T14[auditorium-workload] + end + + subgraph Стало (Сгруппированное меню + настройки) + direction TB + subgraph Основное меню SPA (Группы вкладок) + direction TB + DASH[1. Дашборд / Главная] + + subgraph Модуль: Расписание + SCH_ED[2. Конструктор расписания] + SCH_VI[3. Просмотр расписаний] + CAL[4. Календарный график] + WORK[5. Загруженность] + end + + subgraph Модуль: Структура + UNIV[6. Структура вуза
Кафедры, Специальности, Профили] + GRP[7. Группы и подгруппы] + SUBJ[8. Дисциплины] + end + + subgraph Модуль: Ресурсы + CLASS[9. Аудиторный фонд
Аудитории + Оборудование] + end + + USR[10. Пользователи] + end + + subgraph SPA Настройки (Настройки системы) + direction TB + SET_GEN[Общие настройки] + SET_TIME[Временные слоты сетка] + SET_FORM[Формы обучения из edu-forms] + SET_DB[Базы данных / Тенанты из database] + end + end + + T1 -->|Перенести| SET_DB + T2 -->|Перенести| SET_FORM + T3 -->|Объединить| UNIV + T4 -->|Объединить| UNIV + T5 -->|Объединить| CLASS + T6 -->|Объединить| CLASS + T7 -->|Оптимизировать| GRP + T8 -->|Оставить| USR + T9 -->|Оптимизировать| SUBJ + T10 -->|Сохранить для роли Кафедра| SUBJ + T11 -->|Оставить| SCH_ED + T12 -->|Оставить| SCH_VI + T13 -->|Оставить| CAL + T14 -->|Оставить| WORK +``` + +### 3.1. Перенос в настройки (`/admin/settings/`) +1. **База данных (`database`)**: Перенести в SPA настроек в раздел «Управление тенантами». Доступ должен быть только у роли `ADMIN`. +2. **Формы обучения (`edu-forms`)**: Перенести в настройки. Данный справочник заполняется один раз и не требует оперативного доступа из главного меню. + +### 3.2. Объединение вкладок +1. **Объединить Кафедры, Специальности и Профили** в одну вкладку **«Структура вуза»** (`university-structure`): + * Интерфейс делится на две вкладки внутри страницы: **«Кафедры»** и **«Специальности»**. + * Управление профилями должно происходить прямо внутри списка специальностей. Например, в строке специальности в таблице добавляется кнопка «Профили», открывающая список профилей этой специальности в раскрывающейся строке (accordion) или модальном окне. +2. **Объединить Аудитории (`classrooms`) и Оборудование (`equipments`)** в одну вкладку **«Аудиторный фонд»**: + * Основной экран показывает список аудиторий. + * Рядом располагается кнопка «Управление каталогом оборудования», которая открывает модальное окно с простым списком (добавить/удалить тип оборудования). Это избавит от необходимости держать под это отдельную вкладку в сайдбаре. + +### 3.3. Реорганизация вкладки групп (`groups`) +* **Оставить на вкладке только список групп** с возможностью фильтрации по курсу, кафедре и форме обучения. +* **Вынести подгруппы и назначения календарей из глобальных форм:** + * В строке таблицы для каждой группы добавить действия: + * `[Подгруппы]` — открывает компактное модальное окно для быстрого создания/редактирования подгрупп (лабораторных) именно для этой группы. + * `[Календарь]` — открывает модальное окно назначения календарного учебного графика на учебные годы для этой группы. + * Это уберет лишние тяжелые формы с главной страницы и исключит необходимость выбора группы из селектов вручную. + +### 3.4. Оптимизация Дисциплин (`subjects`) и Кабинета кафедры +* **Исправить форму добавления дисциплины:** Заменить ручной числовой ввод ID кафедры (`new-subject-department`) на стандартный выпадающий список (выбор из загруженных кафедр). +* **Связать привязку преподавателей с дисциплинами:** Вместо двух разрозненных таблиц на вкладке `subjects` («Все дисциплины» и «Привязки преподавателей»), объединить их: + * В строке дисциплины выводить список привязанных преподавателей (в виде чипов/badge). + * По клику на кнопку «Преподаватели» в строке дисциплины открывать модальное окно привязки/отвязки преподавателей для этой конкретной дисциплины. + +--- + +## 4. Что необходимо добавить (Новый функционал) + +### 4.1. Главная страница / Дашборд (`dashboard`) +При входе в систему администратор и сотрудники учебного отдела должны видеть не сырые таблицы пользователей или расписания, а высокоуровневую аналитическую панель: +* **Информационные карточки (Метрики):** + * Всего активных групп / студентов. + * Количество задействованных преподавателей. + * Процент занятости аудиторного фонда на текущий день. + * Количество запланированных пар на сегодня. +* **Мониторинг расписания в реальном времени:** + * Список идущих прямо сейчас пар (текущий временной слот). + * Ближайшие свободные аудитории. +* **Быстрый переход:** Кнопки быстрого создания правила расписания, добавления переноса/замены. + +### 4.2. Центр предупреждений и конфликтов (Red Zone) +В соответствии с планируемой бизнес-логикой (раздел 5 `docs/BUSINESS_LOGIC.md`), система должна автоматически валидировать расписание и предупреждать о коллизиях. +Необходима отдельная вкладка или виджет на дашборде **«Конфликты расписания»**: +* **Критические ошибки (Блокирующие генерацию):** + * *Накладки преподавателей:* Преподаватель назначен в один и тот же временной слот в разные аудитории / к разным группам (кроме потоковых лекций). + * *Накладки аудиторий:* Две разные пары стоят в одной аудитории в один слот. +* **Предупреждения (Мягкие проверки):** + * *Превышение вместимости:* Численность группы (или сумма подгрупп при совмещенных занятиях) превышает физическую вместимость аудитории. + * *Недостаток оборудования:* Дисциплина (например, лабораторная по химии) требует определенного оборудования, которого нет в назначенной аудитории. + * *Превышение нагрузки:* Преподаватель превысил недельный лимит часов. + +--- + +## 5. Концепция новой структуры меню (Сайдбара) + +Для уменьшения визуального шума сайдбар предлагается сделать **двухуровневым** (сворачиваемые группы) или четко разделить визуальными разделителями: + +``` +[ Логотип Magistr ] +--------------------------- +👤 Кабинет кафедры <-- (Показывается только для роли DEPARTMENT) +📈 Дашборд <-- (Новый главный экран для ADMIN / EDU_OFFICE) + +📁 РАСПИСАНИЕ + 🗓 Конструктор правил + 🗓 Точечные изменения <-- (Выделенный функционал оверрайдов/переносов) + 📅 Календарный график + 📊 Загруженность + 🔍 Просмотр расписаний + +🗂 СУБЪЕКТЫ И РЕСУРСЫ + 🏫 Аудиторный фонд <-- (Объединенные Аудитории + Оборудование) + 🎓 Группы обучения <-- (Группы + модалки подгрупп/календарей) + 🏛 Структура вуза <-- (Кафедры + Специальности + Профили) + 📚 Дисциплины <-- (Дисциплины + модалки преподавателей) + +⚙️ СИСТЕМА + 👥 Пользователи + ⚙️ Настройки <-- (Переход в настройки SPA: слоты, БД, формы обучения) +--------------------------- +[ Профиль / Выход ] +``` + +--- + +## 6. Идеи по оптимизации фронтенда и взаимодействия с API + +### 6.1. Кэширование справочников на клиенте +На данный момент при переключении почти каждой вкладки заново запрашиваются списки кафедр, специальностей, учебных годов и т.д. +* **Решение:** Реализовать простой кэш-менеджер во фронтенд-клиенте (`api.js` или отдельный `cache.js`): + ```javascript + const cache = new Map(); + export async function getCachedData(key, fetchPromise) { + if (!cache.has(key)) { + cache.set(key, await fetchPromise); + } + return cache.get(key); + } + export function clearCache(key) { + if (key) cache.delete(key); + else cache.clear(); + } + ``` + Это позволит избежать десятков дублирующих запросов при переключении между вкладками `groups`, `subjects`, `schedule`. + +### 6.2. Ленивая инициализация вкладок (Lazy Loading) +Сейчас в `main.js` импортируются все JS-модули вкладок одновременно при загрузке страницы: +```javascript +import { initUsers } from './views/users.js'; +import { initGroups } from './views/groups.js'; +// ...еще 10 импортов +``` +* **Решение:** Перейти на динамический импорт модулей инициализации при переходе на конкретную вкладку: + ```javascript + async function switchTab(tab) { + // ... + const viewModule = await import(`./views/${tab}.js`); + viewModule.init(); + // ... + } + ``` + Это уменьшит размер начального JS-бандла и ускорит первую загрузку страницы. + +### 6.3. Единый реестр кастомных выпадающих списков +В проекте реализованы кастомные селекты (выпадающие списки с поддержкой поиска и чекбоксов). При динамической подгрузке HTML-шаблонов часто требуется их повторная инициализация. +* **Решение:** Создать глобальный шину событий (Event Bus) или MutationObserver, который автоматически подхватывает элементы с классами `.custom-select` или атрибутами `data-select` и инициализирует их без вызова ручного кода `initAllCustomDropdowns()` в каждом отдельном скрипте представления. + +--- + +## Резюме + +Предложенные изменения позволят: +1. Сократить количество пунктов основного меню с **13** до **8-9** логически сгруппированных разделов. +2. Исключить ручной ввод ID (заменив на селекты) и разгрузить перегруженные интерфейсы (выносом подгрупп и назначений в контекстные модальные окна групп). +3. Повысить отзывчивость интерфейса за счет клиентского кэширования справочников и ленивой загрузки JS-модулей. +4. Добавить полноценный Дашборд и Центр предупреждений о конфликтах, что выведет аналитические возможности системы на уровень премиум-класса. diff --git a/backend/src/main/java/com/magistr/app/dto/RenderedLessonDto.java b/backend/src/main/java/com/magistr/app/dto/RenderedLessonDto.java index b449fae..3fee5f1 100644 --- a/backend/src/main/java/com/magistr/app/dto/RenderedLessonDto.java +++ b/backend/src/main/java/com/magistr/app/dto/RenderedLessonDto.java @@ -36,6 +36,7 @@ public record RenderedLessonDto( String activityType, Integer lessonTypeAcademicHours, Integer consumedLessonTypeAcademicHoursBeforeLesson, - Integer remainingLessonTypeAcademicHoursAfterLesson + Integer remainingLessonTypeAcademicHoursAfterLesson, + com.magistr.app.model.ScheduleParity ruleParity ) { } diff --git a/backend/src/main/java/com/magistr/app/service/ScheduleGeneratorService.java b/backend/src/main/java/com/magistr/app/service/ScheduleGeneratorService.java index c0215a1..772cb32 100644 --- a/backend/src/main/java/com/magistr/app/service/ScheduleGeneratorService.java +++ b/backend/src/main/java/com/magistr/app/service/ScheduleGeneratorService.java @@ -406,7 +406,8 @@ public class ScheduleGeneratorService { "Т", lessonTypeAcademicHours, consumedBeforeLesson, - remainingAfterLesson + remainingAfterLesson, + slot.getParity() ); } diff --git a/backend/src/main/java/com/magistr/app/service/ScheduleQueryService.java b/backend/src/main/java/com/magistr/app/service/ScheduleQueryService.java index f226564..89ffb85 100644 --- a/backend/src/main/java/com/magistr/app/service/ScheduleQueryService.java +++ b/backend/src/main/java/com/magistr/app/service/ScheduleQueryService.java @@ -136,7 +136,8 @@ public class ScheduleQueryService { lesson.activityType(), lesson.lessonTypeAcademicHours(), lesson.consumedLessonTypeAcademicHoursBeforeLesson(), - lesson.remainingLessonTypeAcademicHoursAfterLesson() + lesson.remainingLessonTypeAcademicHoursAfterLesson(), + lesson.ruleParity() ); } @@ -273,7 +274,8 @@ public class ScheduleQueryService { source.activityType(), source.lessonTypeAcademicHours(), source.consumedLessonTypeAcademicHoursBeforeLesson(), - source.remainingLessonTypeAcademicHoursAfterLesson() + source.remainingLessonTypeAcademicHoursAfterLesson(), + source.ruleParity() ); } } diff --git a/frontend/admin/css/auditorium-workload.css b/frontend/admin/css/auditorium-workload.css index c3cb0e9..e7ada53 100644 --- a/frontend/admin/css/auditorium-workload.css +++ b/frontend/admin/css/auditorium-workload.css @@ -576,6 +576,19 @@ gap: 1rem; } +.schedule-view-control-card { + position: relative; + z-index: 10; +} +.schedule-view-results-card { + position: relative; + z-index: 5; +} +.schedule-view-table-card { + position: relative; + z-index: 1; +} + .schedule-view-control-card, .schedule-view-results-card, .schedule-view-table-card { diff --git a/frontend/admin/css/components.css b/frontend/admin/css/components.css index 22d67bb..c731669 100755 --- a/frontend/admin/css/components.css +++ b/frontend/admin/css/components.css @@ -1317,8 +1317,12 @@ input[type="number"] { } .select-layer-active { - position: relative; - z-index: 300; + position: relative !important; + z-index: 10001 !important; +} + +.custom-select-wrapper.open { + z-index: 10002 !important; } .custom-select-trigger { @@ -1338,9 +1342,11 @@ input[type="number"] { } .filter-row .custom-select-trigger { + height: 38px; + box-sizing: border-box; padding: 0.45rem 1rem; font-size: 0.85rem; - border-color: transparent; + border-color: var(--bg-card-border); } .custom-select-trigger:hover { @@ -1416,6 +1422,30 @@ input[type="number"] { transform: translateY(0) scale(1); } +.custom-select-search-container { + padding: 0.25rem 0.5rem 0.5rem 0.5rem; + border-bottom: 1px solid var(--bg-card-border); + margin-bottom: 0.35rem; +} + +.custom-select-search-input { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + background: var(--bg-input); + border: 1px solid var(--bg-card-border); + border-radius: var(--radius-sm); + color: var(--text-primary); + font-size: 0.85rem; + outline: none; + transition: all var(--transition); +} + +.custom-select-search-input:focus { + border-color: var(--accent); + box-shadow: 0 0 0 2px var(--accent-glow); +} + /* Custom Scrollbar for Dropdown */ .custom-select-menu::-webkit-scrollbar { width: 6px; @@ -1517,7 +1547,8 @@ input[type="number"] { .filter-row { display: flex; align-items: center; - gap: 0.5rem; + gap: 0.75rem; + flex-wrap: wrap; } .filter-row label { @@ -1530,12 +1561,15 @@ input[type="number"] { } .filter-row input { - padding: 0.45rem 2rem 0.45rem 0.7rem; + height: 38px; + box-sizing: border-box; + padding: 0.45rem 0.75rem; background: var(--bg-input); - border: 1px solid transparent; + border: 1px solid var(--bg-card-border); border-radius: var(--radius-sm); color: var(--text-primary); font-size: 0.85rem; + outline: none; transition: background var(--transition), border-color var(--transition), box-shadow var(--transition); } @@ -2238,4 +2272,16 @@ tbody tr:hover { position: fixed; top: 1.25rem; right: 1.25rem; +} + +.lesson-weeks-badge { + font-size: 0.72rem; + font-weight: 600; + color: var(--text-secondary); + background: var(--bg-input); + border: 1px solid var(--bg-card-border); + border-radius: 4px; + padding: 0.05rem 0.35rem; + white-space: nowrap; + line-height: 1.2; } \ No newline at end of file diff --git a/frontend/admin/index.html b/frontend/admin/index.html index 99d71b2..aebbf5d 100755 --- a/frontend/admin/index.html +++ b/frontend/admin/index.html @@ -16,6 +16,19 @@ + @@ -43,72 +56,17 @@
diff --git a/frontend/admin/js/api.js b/frontend/admin/js/api.js index 5df791b..0b679db 100755 --- a/frontend/admin/js/api.js +++ b/frontend/admin/js/api.js @@ -92,6 +92,41 @@ export async function refreshAccessToken() { return refreshPromise; } +const cache = new Map(); + +const CACHABLE_PREFIXES = [ + '/api/departments', + '/api/specialties', + '/api/education-forms', + '/api/users/teachers', + '/api/equipments', + '/api/classrooms' +]; + +function invalidateCache(url) { + const cacheKeysToClear = [ + '/api/departments', + '/api/specialties', + '/api/education-forms', + '/api/users', + '/api/equipments', + '/api/classrooms' + ]; + for (const prefix of cacheKeysToClear) { + if (url.includes(prefix)) { + for (const cacheKey of cache.keys()) { + if (cacheKey.includes(prefix)) { + cache.delete(cacheKey); + } + } + } + } +} + +export function clearCache() { + cache.clear(); +} + export async function logout() { try { await fetch('/api/auth/logout', { @@ -102,6 +137,7 @@ export async function logout() { console.warn('Не удалось завершить серверную сессию:', e.message); } finally { clearAuthState(); + clearCache(); } } @@ -121,8 +157,26 @@ export function clearAuthState() { } export const api = { - get: (url) => apiFetch(url, 'GET'), - post: (url, body) => apiFetch(url, 'POST', body), - put: (url, body) => apiFetch(url, 'PUT', body), - delete: (url, body = null) => apiFetch(url, 'DELETE', body) + get: async (url) => { + const isCachable = CACHABLE_PREFIXES.some(prefix => url.startsWith(prefix)); + if (isCachable) { + if (!cache.has(url)) { + cache.set(url, await apiFetch(url, 'GET')); + } + return cache.get(url); + } + return apiFetch(url, 'GET'); + }, + post: async (url, body) => { + invalidateCache(url); + return apiFetch(url, 'POST', body); + }, + put: async (url, body) => { + invalidateCache(url); + return apiFetch(url, 'PUT', body); + }, + delete: async (url, body = null) => { + invalidateCache(url); + return apiFetch(url, 'DELETE', body); + } }; diff --git a/frontend/admin/js/dropdown.js b/frontend/admin/js/dropdown.js index 36ccf86..02f3f18 100644 --- a/frontend/admin/js/dropdown.js +++ b/frontend/admin/js/dropdown.js @@ -99,6 +99,35 @@ export class CustomSelect { this.menu.innerHTML = ''; const options = Array.from(this.originalSelect.options); + // Show search input if more than 6 options exist + if (options.length > 6) { + const searchLi = document.createElement('li'); + searchLi.className = 'custom-select-search-container'; + const searchInput = document.createElement('input'); + searchInput.type = 'text'; + searchInput.placeholder = 'Поиск...'; + searchInput.className = 'custom-select-search-input'; + searchInput.addEventListener('click', (e) => e.stopPropagation()); + searchInput.addEventListener('input', (e) => { + const query = e.target.value.toLowerCase(); + const items = this.menu.querySelectorAll('.custom-select-item'); + items.forEach(item => { + if (item.classList.contains('placeholder-item')) return; + const text = item.textContent.toLowerCase(); + if (text.includes(query)) { + item.style.display = ''; + } else { + item.style.display = 'none'; + } + }); + }); + searchLi.appendChild(searchInput); + this.menu.appendChild(searchLi); + this.searchInput = searchInput; + } else { + this.searchInput = null; + } + if (options.length === 0) { const li = document.createElement('li'); li.className = 'custom-select-item disabled'; @@ -171,7 +200,22 @@ export class CustomSelect { if (!isOpen) { this.layerParent?.classList.add('select-layer-active'); + this.originalSelect.closest('.form-group, .form-field')?.classList.add('select-layer-active'); this.wrapper.classList.add('open'); + + if (this.searchInput) { + this.searchInput.value = ''; + const items = this.menu.querySelectorAll('.custom-select-item'); + items.forEach(item => { + if (!item.classList.contains('placeholder-item')) { + item.style.display = ''; + } + }); + setTimeout(() => { + this.searchInput.focus(); + }, 50); + } + // Scroll selected item into view const selectedItem = this.menu.querySelector('.selected'); if (selectedItem) { @@ -194,6 +238,7 @@ export class CustomSelect { close() { this.wrapper.classList.remove('open'); this.layerParent?.classList.remove('select-layer-active'); + this.originalSelect.closest('.form-group, .form-field')?.classList.remove('select-layer-active'); } handleItemClick(e, index) { diff --git a/frontend/admin/js/main.js b/frontend/admin/js/main.js index 812fbb2..4fda5d3 100755 --- a/frontend/admin/js/main.js +++ b/frontend/admin/js/main.js @@ -20,47 +20,106 @@ document.addEventListener('DOMContentLoaded', () => { startDropdownAutoObserver(); }); -import { initUsers } from './views/users.js'; -import { initGroups } from './views/groups.js'; -import { initEduForms } from './views/edu-forms.js'; -import { initEquipments } from './views/equipments.js'; -import { initClassrooms } from './views/classrooms.js'; -import { initSubjects } from './views/subjects.js'; -import {initSchedule} from "./views/schedule.js"; -import {initDatabase} from "./views/database.js"; -import {initDepartmentsData} from "./views/departments-data.js"; -import {initAuditoriumWorkload} from "./views/auditorium-workload.js"; -import {initProfiles} from "./views/profiles.js"; -import {initAcademicCalendar} from "./views/academic-calendar.js"; -import {initScheduleView} from "./views/schedule-view.js"; -import {initDepartmentWorkspace} from "./views/department-workspace.js"; - // Configuration const ROUTES = { - users: { title: 'Управление пользователями', file: '/admin/views/users.html', init: initUsers }, - groups: { title: 'Управление группами', file: '/admin/views/groups.html', init: initGroups }, - 'edu-forms': { title: 'Формы обучения', file: '/admin/views/edu-forms.html', init: initEduForms }, - equipments: { title: 'Оборудование', file: '/admin/views/equipments.html', init: initEquipments }, - classrooms: { title: 'Аудитории', file: '/admin/views/classrooms.html', init: initClassrooms }, - subjects: { title: 'Дисциплины и преподаватели', file: '/admin/views/subjects.html', init: initSubjects }, - 'department-workspace': { title: 'Кабинет кафедры', file: '/admin/views/department-workspace.html', init: initDepartmentWorkspace }, - 'schedule-view': { title: 'Просмотр расписаний', file: '/admin/views/schedule-view.html', init: initScheduleView }, - schedule: { title: 'Расписание занятий', file: '/admin/views/schedule.html', init: initSchedule }, - 'academic-calendar': { title: 'Календарный учебный график', file: '/admin/views/academic-calendar.html', init: initAcademicCalendar }, - 'auditorium-workload': { title: 'Загруженность', file: '/admin/views/auditorium-workload.html', init: initAuditoriumWorkload }, - database: { title: 'База данных', file: '/admin/views/database.html', init: initDatabase }, - 'departments-data': { title: 'Создание кафедры/специальности', file: '/admin/views/departments-data.html', init: initDepartmentsData }, - profiles: { title: 'Профили обучения', file: '/admin/views/profiles.html', init: initProfiles }, + dashboard: { + title: 'Дашборд', + file: '/admin/views/dashboard.html', + init: async () => { + const module = await import('./views/dashboard.js'); + await module.initDashboard(); + } + }, + users: { + title: 'Управление пользователями', + file: '/admin/views/users.html', + init: async () => { + const module = await import('./views/users.js'); + await module.initUsers(); + } + }, + groups: { + title: 'Управление группами', + file: '/admin/views/groups.html', + init: async () => { + const module = await import('./views/groups.js'); + await module.initGroups(); + } + }, + classrooms: { + title: 'Аудиторный фонд', + file: '/admin/views/classrooms.html', + init: async () => { + const module = await import('./views/classrooms.js'); + await module.initClassrooms(); + } + }, + subjects: { + title: 'Дисциплины', + file: '/admin/views/subjects.html', + init: async () => { + const module = await import('./views/subjects.js'); + await module.initSubjects(); + } + }, + 'university-structure': { + title: 'Структура вуза', + file: '/admin/views/university-structure.html', + init: async () => { + const module = await import('./views/university-structure.js'); + await module.initUniversityStructure(); + } + }, + 'department-workspace': { + title: 'Кабинет кафедры', + file: '/admin/views/department-workspace.html', + init: async () => { + const module = await import('./views/department-workspace.js'); + await module.initDepartmentWorkspace(); + } + }, + 'schedule-view': { + title: 'Просмотр расписаний', + file: '/admin/views/schedule-view.html', + init: async () => { + const module = await import('./views/schedule-view.js'); + await module.initScheduleView(); + } + }, + schedule: { + title: 'Расписание занятий', + file: '/admin/views/schedule.html', + init: async () => { + const module = await import('./views/schedule.js'); + await module.initSchedule(); + } + }, + 'academic-calendar': { + title: 'Календарный учебный график', + file: '/admin/views/academic-calendar.html', + init: async () => { + const module = await import('./views/academic-calendar.js'); + await module.initAcademicCalendar(); + } + }, + 'auditorium-workload': { + title: 'Загруженность', + file: '/admin/views/auditorium-workload.html', + init: async () => { + const module = await import('./views/auditorium-workload.js'); + await module.initAuditoriumWorkload(); + } + }, }; const ROLE_NAVIGATION = { ADMIN: { - defaultTab: 'users', - tabs: Object.keys(ROUTES) + defaultTab: 'dashboard', + tabs: ['dashboard', 'schedule', 'academic-calendar', 'auditorium-workload', 'schedule-view', 'classrooms', 'groups', 'university-structure', 'subjects', 'users'] }, EDUCATION_OFFICE: { - defaultTab: 'schedule-view', - tabs: ['schedule-view', 'schedule', 'academic-calendar', 'auditorium-workload', 'classrooms', 'equipments'] + defaultTab: 'dashboard', + tabs: ['dashboard', 'schedule', 'academic-calendar', 'auditorium-workload', 'schedule-view', 'classrooms'] }, DEPARTMENT: { defaultTab: 'department-workspace', @@ -176,10 +235,13 @@ async function switchTab(tab) { // Initialize logic for the tab if (ROUTES[tab].init) { - ROUTES[tab].init(); + await ROUTES[tab].init(); } currentTab = tab; + if (window.location.hash !== `#${tab}`) { + window.location.hash = tab; + } } catch (e) { appContent.innerHTML = `
Ошибка загрузки вкладки: ${e.message}
`; console.error(e); @@ -211,3 +273,10 @@ function configureRoleInterface() { const hashTab = window.location.hash.replace('#', ''); switchTab(allowedTabs.has(hashTab) ? hashTab : roleNavigation.defaultTab); + +window.addEventListener('hashchange', () => { + const hashTab = window.location.hash.replace('#', ''); + if (allowedTabs.has(hashTab) && hashTab !== currentTab) { + switchTab(hashTab); + } +}); diff --git a/frontend/admin/js/views/auditorium-workload.js b/frontend/admin/js/views/auditorium-workload.js index 4f4a28f..09b3161 100644 --- a/frontend/admin/js/views/auditorium-workload.js +++ b/frontend/admin/js/views/auditorium-workload.js @@ -68,13 +68,6 @@ const CELL_PARITY_LAYOUT = [ { parity: 'EVEN', label: 'Чётная' } ]; -const CAPACITY_BUCKETS = [ - { id: 'small', name: 'До 30 мест', match: capacity => Number(capacity || 0) < 30 }, - { id: 'medium', name: '30 - 60 мест', match: capacity => Number(capacity || 0) >= 30 && Number(capacity || 0) <= 60 }, - { id: 'large', name: '61 - 100 мест', match: capacity => Number(capacity || 0) > 60 && Number(capacity || 0) <= 100 }, - { id: 'xlarge', name: 'Более 100 мест', match: capacity => Number(capacity || 0) > 100 } -]; - export async function initAuditoriumWorkload() { const dateInput = document.getElementById('workload-date'); const refreshButton = document.getElementById('workload-refresh'); @@ -89,6 +82,7 @@ export async function initAuditoriumWorkload() { const roomTables = document.getElementById('room-workload-tables'); const overviewFilters = Array.from(document.querySelectorAll('.workload-overview-filter')); const dateLabel = dateInput?.closest('.form-group')?.querySelector('label'); + const minCapacityInput = document.getElementById('workload-min-capacity'); let classrooms = []; let teachers = []; @@ -117,7 +111,6 @@ export async function initAuditoriumWorkload() { function initFilters() { initMultiSelect('building-box', 'building-menu', 'building-text', 'building-checkboxes'); - initMultiSelect('capacity-box', 'capacity-menu', 'capacity-text', 'capacity-checkboxes'); initMultiSelect('equipment-box', 'equipment-menu', 'equipment-text', 'equipment-checkboxes'); } @@ -142,7 +135,6 @@ export async function initAuditoriumWorkload() { [ ['building-checkboxes', 'building-text', 'Все корпуса'], - ['capacity-checkboxes', 'capacity-text', 'Любая вместимость'], ['equipment-checkboxes', 'equipment-text', 'Любое оборудование'] ].forEach(([containerId, textId, emptyText]) => { const container = document.getElementById(containerId); @@ -153,6 +145,12 @@ export async function initAuditoriumWorkload() { } }); }); + + minCapacityInput?.addEventListener('input', () => { + if (currentView === DISPLAY_ALL) { + renderGrid(); + } + }); } async function loadInitialData() { @@ -345,12 +343,6 @@ export async function initAuditoriumWorkload() { item => item.value, item => item.label ); - renderCheckboxes( - 'capacity-checkboxes', - CAPACITY_BUCKETS, - item => item.id, - item => item.name - ); renderCheckboxes( 'equipment-checkboxes', equipmentOptions(), @@ -359,7 +351,6 @@ export async function initAuditoriumWorkload() { ); updateFilterText('building-checkboxes', 'building-text', 'Все корпуса'); - updateFilterText('capacity-checkboxes', 'capacity-text', 'Любая вместимость'); updateFilterText('equipment-checkboxes', 'equipment-text', 'Любое оборудование'); } @@ -934,14 +925,12 @@ export async function initAuditoriumWorkload() { function filteredClassrooms() { const selectedBuildings = selectedValues('building-checkboxes'); - const selectedCapacities = selectedValues('capacity-checkboxes'); + const minCapacity = parseInt(minCapacityInput?.value || '0', 10) || 0; const selectedEquipment = selectedValues('equipment-checkboxes'); return classrooms.filter(room => { const buildingMatches = !selectedBuildings.length || selectedBuildings.includes(buildingKey(room)); - const capacityMatches = !selectedCapacities.length || CAPACITY_BUCKETS - .filter(bucket => selectedCapacities.includes(bucket.id)) - .some(bucket => bucket.match(room.capacity)); + const capacityMatches = !minCapacity || Number(room.capacity || 0) >= minCapacity; const equipmentMatches = !selectedEquipment.length || selectedEquipment.every(id => (room.equipments || []).some(item => String(item.id) === String(id)) ); diff --git a/frontend/admin/js/views/classrooms.js b/frontend/admin/js/views/classrooms.js index 3353bff..aadbf07 100755 --- a/frontend/admin/js/views/classrooms.js +++ b/frontend/admin/js/views/classrooms.js @@ -1,6 +1,34 @@ import { api } from '../api.js'; import { escapeHtml, showAlert, hideAlert, initMultiSelect, updateSelectText } from '../utils.js'; -import { fetchEquipments, renderEquipmentCheckboxes } from './equipments.js'; + +async function fetchEquipments() { + try { + return await api.get('/api/equipments'); + } catch (e) { + console.error("Failed to fetch equipments", e); + return []; + } +} + +function renderEquipmentCheckboxes(equipments, containerId, selectTextId, selectedIds = []) { + const container = document.getElementById(containerId); + if (!container) return; + + if (!equipments || !equipments.length) { + container.innerHTML = '

Оборудование отсутствует

'; + updateSelectText(containerId, selectTextId); + return; + } + + container.innerHTML = equipments.map(eq => ` + + `).join(''); + + updateSelectText(containerId, selectTextId); +} export async function initClassrooms() { const classroomsTbody = document.getElementById('classrooms-tbody'); @@ -191,5 +219,82 @@ export async function initClassrooms() { } }); + // Элементы модалки оборудования + const btnManageEquipments = document.getElementById('btn-manage-equipments'); + const modalManageEquipments = document.getElementById('modal-manage-equipments'); + const modalManageEquipmentsClose = document.getElementById('modal-manage-equipments-close'); + const manageEquipmentForm = document.getElementById('manage-equipment-form'); + const manageEquipmentNameInput = document.getElementById('manage-equipment-name'); + const manageEquipmentTbody = document.getElementById('manage-equipments-tbody'); + + btnManageEquipments.addEventListener('click', openManageEquipmentsModal); + modalManageEquipmentsClose.addEventListener('click', () => modalManageEquipments.classList.remove('open')); + modalManageEquipments.addEventListener('click', (e) => { + if (e.target === modalManageEquipments) modalManageEquipments.classList.remove('open'); + }); + + async function openManageEquipmentsModal() { + hideAlert('manage-equipment-alert'); + manageEquipmentForm.reset(); + modalManageEquipments.classList.add('open'); + await loadManageEquipments(); + } + + async function loadManageEquipments() { + manageEquipmentTbody.innerHTML = 'Загрузка...'; + try { + allEquipments = await fetchEquipments(); + renderManageEquipmentsTable(); + // Обновим чекбоксы на основной странице + renderEquipmentCheckboxes(allEquipments, 'equipment-checkboxes', 'equipment-select-text'); + } catch (e) { + manageEquipmentTbody.innerHTML = 'Ошибка загрузки'; + } + } + + function renderManageEquipmentsTable() { + if (!allEquipments || !allEquipments.length) { + manageEquipmentTbody.innerHTML = 'Нет оборудования'; + return; + } + manageEquipmentTbody.innerHTML = allEquipments.map(eq => ` + + ${eq.id} + ${escapeHtml(eq.name)} + + + `).join(''); + } + + manageEquipmentForm.addEventListener('submit', async (e) => { + e.preventDefault(); + hideAlert('manage-equipment-alert'); + const name = manageEquipmentNameInput.value.trim(); + if (!name) { + showAlert('manage-equipment-alert', 'Введите название', 'error'); + return; + } + try { + const data = await api.post('/api/equipments', { name }); + showAlert('manage-equipment-alert', `Оборудование "${escapeHtml(data.name)}" добавлено`, 'success'); + manageEquipmentForm.reset(); + await loadManageEquipments(); + } catch (err) { + showAlert('manage-equipment-alert', err.message || 'Ошибка добавления', 'error'); + } + }); + + manageEquipmentTbody.addEventListener('click', async (e) => { + const btnDelete = e.target.closest('.btn-delete-equipment'); + if (!btnDelete) return; + if (!confirm('Удалить оборудование из каталога?')) return; + try { + await api.delete('/api/equipments/' + btnDelete.dataset.id); + await loadManageEquipments(); + } catch (err) { + alert(err.message || 'Ошибка удаления'); + } + }); + loadInitialData(); } diff --git a/frontend/admin/js/views/dashboard.js b/frontend/admin/js/views/dashboard.js new file mode 100644 index 0000000..6b9d8c0 --- /dev/null +++ b/frontend/admin/js/views/dashboard.js @@ -0,0 +1,322 @@ +import { api } from '../api.js'; +import { escapeHtml, showAlert, hideAlert } from '../utils.js'; + +export async function initDashboard() { + // DOM Элементы + const metricGroups = document.getElementById('metric-groups'); + const metricStudents = document.getElementById('metric-students'); + const metricTeachers = document.getElementById('metric-teachers'); + const metricClassrooms = document.getElementById('metric-classrooms'); + + const currentTimeSlot = document.getElementById('current-time-slot'); + const currentLessonsTbody = document.getElementById('current-lessons-tbody'); + const freeClassroomsList = document.getElementById('free-classrooms-list'); + const conflictsContainer = document.getElementById('conflicts-container'); + const btnRecheck = document.getElementById('btn-recheck-conflicts'); + + let departments = []; + let classrooms = []; + let groups = []; + let teachers = []; + let todayLessons = []; + let timeSlots = []; + + btnRecheck.addEventListener('click', async () => { + btnRecheck.disabled = true; + btnRecheck.textContent = '...'; + await checkConflicts(); + btnRecheck.textContent = 'Перепроверить'; + btnRecheck.disabled = false; + }); + + async function loadData() { + try { + // Загружаем базовые справочники + [departments, classrooms, groups, teachers] = await Promise.all([ + api.get('/api/departments'), + api.get('/api/classrooms?includeArchived=false'), + api.get('/api/groups?includeArchived=false'), + api.get('/api/users/teachers') + ]); + + // Выводим метрики + metricGroups.textContent = groups.length; + const totalStudents = groups.reduce((acc, g) => acc + (g.groupSize || 0), 0); + metricStudents.textContent = totalStudents; + metricTeachers.textContent = teachers.length; + + const todayStr = new Date().toISOString().split('T')[0]; + + // Загружаем временные слоты и сегодняшнее расписание + const lessonsPromises = departments.map(d => + api.get(`/api/schedule/search?departmentId=${d.id}&startDate=${todayStr}&endDate=${todayStr}`).catch(() => []) + ); + const lessonsArrays = await Promise.all(lessonsPromises); + todayLessons = lessonsArrays.flat(); + + try { + timeSlots = await api.get(`/api/admin/time-slots/effective?date=${todayStr}`); + } catch (e) { + // Если эндпоинт effective не поддерживается, используем базовые слоты + const baseSlots = await api.get('/api/admin/time-slots').catch(() => []); + // Отфильтруем базовые слоты тенанта (scopeId = DEFAULT или аналогично) + timeSlots = baseSlots.filter(s => s.scopeId === 1 || !s.scopeId); + } + + // Сортируем слоты по времени + timeSlots.sort((a, b) => (a.orderNumber || 0) - (b.orderNumber || 0)); + + // Посчитаем занятость аудиторий сегодня + const occupiedClassroomIds = new Set(todayLessons.map(l => l.classroomId).filter(Boolean)); + const activeClassrooms = classrooms.filter(c => c.isAvailable && c.status !== 'ARCHIVED'); + const classPercent = activeClassrooms.length + ? Math.round((occupiedClassroomIds.size / activeClassrooms.length) * 100) + : 0; + metricClassrooms.textContent = `${classPercent}% (${occupiedClassroomIds.size}/${activeClassrooms.length})`; + + updateRealtimeMonitoring(); + await checkConflicts(); + } catch (e) { + console.error("Dashboard data load error", e); + conflictsContainer.innerHTML = `
Ошибка загрузки панели: ${escapeHtml(e.message)}
`; + } + } + + function updateRealtimeMonitoring() { + const now = new Date(); + const currentTimeStr = now.toTimeString().split(' ')[0]; // HH:MM:SS + + // Находим текущий временной слот + let currentSlot = null; + for (const slot of timeSlots) { + if (currentTimeStr >= slot.startTime && currentTimeStr <= slot.endTime) { + currentSlot = slot; + break; + } + } + + if (currentSlot) { + currentTimeSlot.textContent = `Пара №${currentSlot.orderNumber} (${currentSlot.startTime.substring(0, 5)} – ${currentSlot.endTime.substring(0, 5)})`; + renderCurrentLessons(currentSlot.orderNumber); + renderFreeClassrooms(currentSlot.orderNumber); + } else { + currentTimeSlot.textContent = 'Вне сетки пар'; + currentLessonsTbody.innerHTML = 'В данный момент учебные пары не проводятся'; + + // Если сейчас нет пары, покажем свободные аудитории на ближайшую следующую пару (или просто все свободные) + renderFreeClassrooms(null); + } + } + + function renderCurrentLessons(slotOrder) { + const activeLessons = todayLessons.filter(l => l.timeSlotOrder === slotOrder); + if (!activeLessons.length) { + currentLessonsTbody.innerHTML = 'В текущий слот занятий не запланировано'; + return; + } + + currentLessonsTbody.innerHTML = activeLessons.map(l => ` + + ${escapeHtml(l.classroomName)} + ${escapeHtml(l.subjectName)} ${escapeHtml(l.lessonTypeName)} + ${escapeHtml(l.teacherName)} + ${escapeHtml(l.groupNames.join(', '))} + + `).join(''); + } + + function renderFreeClassrooms(slotOrder) { + const activeClassrooms = classrooms.filter(c => c.isAvailable && c.status !== 'ARCHIVED'); + let occupiedIds = new Set(); + if (slotOrder !== null) { + occupiedIds = new Set(todayLessons.filter(l => l.timeSlotOrder === slotOrder).map(l => l.classroomId)); + } + + const free = activeClassrooms.filter(c => !occupiedIds.has(c.id)); + if (!free.length) { + freeClassroomsList.innerHTML = 'Все аудитории заняты'; + return; + } + + freeClassroomsList.innerHTML = free.map(c => ` + + ${escapeHtml(c.name)} (${c.capacity} м.) + + `).join(''); + } + + // --- Анализ конфликтов (Red Zone) --- + async function checkConflicts() { + conflictsContainer.innerHTML = '
Анализ расписания и выявление конфликтов...
'; + + // Вычисляем даты начала и конца текущей недели + const curr = new Date(); + const day = curr.getDay(); + const diff = curr.getDate() - day + (day === 0 ? -6 : 1); // Понедельник + const monday = new Date(curr.setDate(diff)); + const sunday = new Date(curr.setDate(diff + 6)); + + const mondayStr = monday.toISOString().split('T')[0]; + const sundayStr = sunday.toISOString().split('T')[0]; + + try { + // Загружаем расписание на всю неделю по кафедрам + const weekLessonsPromises = departments.map(d => + api.get(`/api/schedule/search?departmentId=${d.id}&startDate=${mondayStr}&endDate=${sundayStr}`).catch(() => []) + ); + const weekLessonsArrays = await Promise.all(weekLessonsPromises); + const weekLessons = weekLessonsArrays.flat(); + + const conflicts = []; + + // Мапы для быстрого поиска характеристик групп и аудиторий + const groupSizeMap = new Map(groups.map(g => [g.id, g.groupSize || 0])); + const classroomCapacityMap = new Map(classrooms.map(c => [c.id, c.capacity || 0])); + + // 1. Проверка накладок преподавателей + // Ключ: date + '_' + timeSlotOrder + '_' + teacherId + const teacherSlots = new Map(); + weekLessons.forEach(l => { + if (!l.teacherId) return; + const key = `${l.date}_${l.timeSlotOrder}_${l.teacherId}`; + if (!teacherSlots.has(key)) { + teacherSlots.set(key, []); + } + teacherSlots.get(key).push(l); + }); + + teacherSlots.forEach((lessons, key) => { + if (lessons.length > 1) { + // Проверим, если все занятия в одной аудитории — это потоковая лекция, а не конфликт + const classroomIds = new Set(lessons.map(l => l.classroomId)); + if (classroomIds.size > 1) { + const first = lessons[0]; + const listStr = lessons.map(l => `ауд. ${l.classroomName} (группа ${l.groupNames.join(', ')})`).join(', '); + conflicts.push({ + type: 'TEACHER_COLLISION', + title: 'Накладка в расписании преподавателя', + description: `Преподаватель ${escapeHtml(first.teacherName)} назначен одновременно в разные места: ${escapeHtml(listStr)} на ${first.date} (${first.dayName}), пара №${first.timeSlotOrder}.`, + severity: 'error' + }); + } + } + }); + + // 2. Проверка накладок аудиторий + // Ключ: date + '_' + timeSlotOrder + '_' + classroomId + const classroomSlots = new Map(); + weekLessons.forEach(l => { + if (!l.classroomId) return; + const key = `${l.date}_${l.timeSlotOrder}_${l.classroomId}`; + if (!classroomSlots.has(key)) { + classroomSlots.set(key, []); + } + classroomSlots.get(key).push(l); + }); + + classroomSlots.forEach((lessons, key) => { + if (lessons.length > 1) { + // Проверим, не является ли это потоковой лекцией (один преподаватель и одна дисциплина) + const teacherIds = new Set(lessons.map(l => l.teacherId)); + const subjectIds = new Set(lessons.map(l => l.subjectId)); + + if (teacherIds.size > 1 || subjectIds.size > 1) { + const first = lessons[0]; + const details = lessons.map(l => `препод. ${l.teacherName} (предмет: ${l.subjectName}, группа: ${l.groupNames.join(', ')})`).join(' И '); + conflicts.push({ + type: 'CLASSROOM_COLLISION', + title: 'Накладка в аудитории', + description: `Аудитория ${escapeHtml(first.classroomName)} занята одновременно разными занятиями: ${escapeHtml(details)} на ${first.date} (${first.dayName}), пара №${first.timeSlotOrder}.`, + severity: 'error' + }); + } + } + }); + + // 3. Проверка превышения вместимости аудитории + // Считаем сумму студентов для каждого уникального занятия в аудитории + classroomSlots.forEach((lessons, key) => { + if (!lessons.length) return; + const first = lessons[0]; + const capacity = classroomCapacityMap.get(first.classroomId) || 0; + + // Суммируем численность всех групп, назначенных на этот слот в этой аудитории + const groupIds = new Set(); + lessons.forEach(l => { + if (l.groupIds) { + l.groupIds.forEach(id => groupIds.add(id)); + } + }); + + let totalStudents = 0; + groupIds.forEach(id => { + totalStudents += groupSizeMap.get(id) || 0; + }); + + if (totalStudents > capacity) { + const groupNamesList = lessons.map(l => l.groupNames.join(', ')).join(', '); + conflicts.push({ + type: 'CAPACITY_OVERFLOW', + title: 'Превышение вместимости аудитории', + description: `Вместимость аудитории ${escapeHtml(first.classroomName)} составляет ${capacity} чел., однако на занятие назначено ${totalStudents} человек (группы: ${escapeHtml(groupNamesList)}) на ${first.date} (${first.dayName}), пара №${first.timeSlotOrder}.`, + severity: 'warning' + }); + } + }); + + renderConflicts(conflicts); + } catch (e) { + console.error("Conflicts check error", e); + conflictsContainer.innerHTML = `
Ошибка при анализе конфликтов: ${escapeHtml(e.message)}
`; + } + } + + function renderConflicts(conflicts) { + if (!conflicts.length) { + conflictsContainer.innerHTML = ` +
+ + + + +
+ Конфликты расписания не обнаружены! + Все правила расписания на текущую неделю согласованы, накладки преподавателей/аудиторий и переполнения отсутствуют. +
+
+ `; + return; + } + + conflictsContainer.innerHTML = conflicts.map(c => { + const isError = c.severity === 'error'; + const borderCol = isError ? 'var(--error, #ef4444)' : '#f59e0b'; + const bgCol = isError ? 'rgba(239, 68, 68, 0.05)' : 'rgba(245, 158, 11, 0.05)'; + const badgeIcon = isError + ? `` + : ``; + + return ` +
+
${badgeIcon}
+
+

${escapeHtml(c.title)}

+

${c.description}

+
+
+ `; + }).join(''); + } + + // Загружаем данные при старте + await loadData(); + + // Запускаем периодическое обновление (каждые 30 секунд для пар в реальном времени) + const realtimeTimer = setInterval(() => { + if (document.getElementById('current-time-slot')) { + updateRealtimeMonitoring(); + } else { + clearInterval(realtimeTimer); + } + }, 30000); +} diff --git a/frontend/admin/js/views/equipments.js b/frontend/admin/js/views/equipments.js deleted file mode 100755 index c3045e6..0000000 --- a/frontend/admin/js/views/equipments.js +++ /dev/null @@ -1,90 +0,0 @@ -import { api } from '../api.js'; -import { escapeHtml, showAlert, hideAlert, updateSelectText } from '../utils.js'; - -export let allEquipments = []; - -export async function fetchEquipments() { - try { - allEquipments = await api.get('/api/equipments'); - return allEquipments; - } catch (e) { - console.error("Failed to fetch equipments", e); - return []; - } -} - -export function renderEquipmentCheckboxes(equipments, containerId, textId, checkedIds = []) { - const container = document.getElementById(containerId); - if (!container) return; - if (!equipments.length) { - container.innerHTML = '

Нет доступного оборудования

'; - return; - } - container.innerHTML = equipments.map(eq => { - const isChecked = checkedIds.includes(eq.id) ? 'checked' : ''; - return ` - - `}).join(''); - updateSelectText(containerId, textId); -} - -export async function initEquipments() { - const equipmentsTbody = document.getElementById('equipments-tbody'); - const createEquipmentForm = document.getElementById('create-equipment-form'); - - async function loadEquipments() { - try { - const equipments = await fetchEquipments(); - renderEquipments(equipments); - } catch (e) { - if (equipmentsTbody) equipmentsTbody.innerHTML = 'Ошибка загрузки'; - } - } - - function renderEquipments(equipments) { - if (!equipments || !equipments.length) { - equipmentsTbody.innerHTML = 'Нет оборудования'; - return; - } - equipmentsTbody.innerHTML = equipments.map(eq => ` - - ${eq.id} - ${escapeHtml(eq.name)} - - `).join(''); - } - - createEquipmentForm.addEventListener('submit', async (e) => { - e.preventDefault(); - hideAlert('create-equipment-alert'); - const name = document.getElementById('new-equipment-name').value.trim(); - if (!name) { showAlert('create-equipment-alert', 'Введите название', 'error'); return; } - - try { - const data = await api.post('/api/equipments', { name }); - showAlert('create-equipment-alert', `Оборудование "${escapeHtml(data.name)}" добавлено`, 'success'); - createEquipmentForm.reset(); - loadEquipments(); - } catch (e) { - showAlert('create-equipment-alert', e.message || 'Ошибка создания', 'error'); - } - }); - - equipmentsTbody.addEventListener('click', async (e) => { - const btn = e.target.closest('.btn-delete'); - if (!btn) return; - if (!confirm('Удалить оборудование?')) return; - try { - await api.delete('/api/equipments/' + btn.dataset.id); - loadEquipments(); - } catch (e) { - alert(e.message || 'Ошибка удаления'); - } - }); - - loadEquipments(); -} diff --git a/frontend/admin/js/views/groups.js b/frontend/admin/js/views/groups.js index 014627c..b73bdf9 100644 --- a/frontend/admin/js/views/groups.js +++ b/frontend/admin/js/views/groups.js @@ -1,6 +1,14 @@ import { api } from '../api.js'; import { escapeHtml, showAlert, hideAlert } from '../utils.js'; -import { fetchEducationForms } from './edu-forms.js'; + +async function fetchEducationForms() { + try { + return await api.get('/api/education-forms'); + } catch (e) { + console.error("Failed to fetch education forms", e); + return []; + } +} export async function initGroups() { const groupsTbody = document.getElementById('groups-tbody'); @@ -10,6 +18,8 @@ export async function initGroups() { const newGroupSpecialitySelect = document.getElementById('new-group-speciality-code'); const newGroupProfileSelect = document.getElementById('new-group-profile'); const filterEfSelect = document.getElementById('filter-ef'); + + // Модалка группы const modalEditGroup = document.getElementById('modal-edit-group'); const modalEditGroupClose = document.getElementById('modal-edit-group-close'); const editGroupForm = document.getElementById('edit-group-form'); @@ -17,19 +27,30 @@ export async function initGroups() { const editGroupDepartmentSelect = document.getElementById('edit-group-department'); const editGroupSpecialitySelect = document.getElementById('edit-group-speciality-code'); const editGroupProfileSelect = document.getElementById('edit-group-profile'); - const calendarForm = document.getElementById('group-calendar-form'); - const calendarGroupSelect = document.getElementById('calendar-group'); - const calendarYearSelect = document.getElementById('calendar-year'); - const calendarSelect = document.getElementById('calendar-id'); - const calendarAssignmentsTbody = document.getElementById('group-calendar-tbody'); - const subgroupForm = document.getElementById('subgroup-form'); - const subgroupIdInput = document.getElementById('subgroup-id'); - const subgroupGroupSelect = document.getElementById('subgroup-group'); - const subgroupNameInput = document.getElementById('subgroup-name'); - const subgroupCapacityInput = document.getElementById('subgroup-capacity'); - const subgroupSubmitButton = document.getElementById('subgroup-submit'); - const subgroupResetButton = document.getElementById('subgroup-reset'); - const subgroupsTbody = document.getElementById('subgroups-tbody'); + + // Модалка подгрупп + const modalManageSubgroups = document.getElementById('modal-manage-subgroups'); + const modalManageSubgroupsClose = document.getElementById('modal-manage-subgroups-close'); + const subgroupsGroupContext = document.getElementById('subgroups-group-context'); + const subgroupFormTitle = document.getElementById('subgroup-form-title'); + const manageSubgroupForm = document.getElementById('manage-subgroup-form'); + const manageSubgroupIdInput = document.getElementById('manage-subgroup-id'); + const manageSubgroupGroupIdInput = document.getElementById('manage-subgroup-group-id'); + const manageSubgroupNameInput = document.getElementById('manage-subgroup-name'); + const manageSubgroupCapacityInput = document.getElementById('manage-subgroup-capacity'); + const btnSaveSubgroup = document.getElementById('btn-save-subgroup'); + const btnCancelSubgroupEdit = document.getElementById('btn-cancel-subgroup-edit'); + const manageSubgroupsTbody = document.getElementById('manage-subgroups-tbody'); + + // Модалка календарей + const modalManageCalendar = document.getElementById('modal-manage-calendar'); + const modalManageCalendarClose = document.getElementById('modal-manage-calendar-close'); + const calendarGroupContext = document.getElementById('calendar-group-context'); + const manageCalendarForm = document.getElementById('manage-calendar-form'); + const manageCalendarGroupIdInput = document.getElementById('manage-calendar-group-id'); + const manageCalendarYearSelect = document.getElementById('manage-calendar-year'); + const manageCalendarSelect = document.getElementById('manage-calendar-id'); + const manageCalendarTbody = document.getElementById('manage-calendar-tbody'); let allGroups = []; let subgroups = []; @@ -48,25 +69,35 @@ export async function initGroups() { filterEfSelect.addEventListener('change', applyGroupFilter); newGroupSpecialitySelect.addEventListener('change', () => populateProfileSelect(newGroupProfileSelect, newGroupSpecialitySelect.value)); editGroupSpecialitySelect.addEventListener('change', () => populateProfileSelect(editGroupProfileSelect, editGroupSpecialitySelect.value)); - calendarGroupSelect.addEventListener('change', () => { - populateCalendarSelect(); - loadAssignments(); - }); - calendarYearSelect.addEventListener('change', populateCalendarSelect); + createGroupForm.addEventListener('submit', createGroup); editGroupForm.addEventListener('submit', updateGroup); - calendarForm.addEventListener('submit', saveAssignment); - subgroupForm.addEventListener('submit', saveSubgroup); - subgroupGroupSelect.addEventListener('change', renderSubgroups); - subgroupResetButton.addEventListener('click', resetSubgroupForm); + + // Модалка подгрупп + manageSubgroupForm.addEventListener('submit', saveSubgroup); + btnCancelSubgroupEdit.addEventListener('click', resetSubgroupForm); + manageSubgroupsTbody.addEventListener('click', handleSubgroupTableClick); + + // Модалка календарей + manageCalendarForm.addEventListener('submit', saveAssignment); + manageCalendarYearSelect.addEventListener('change', populateCalendarSelect); + groupsTbody.addEventListener('click', handleGroupTableClick); - subgroupsTbody.addEventListener('click', handleSubgroupTableClick); - calendarAssignmentsTbody.addEventListener('click', handleAssignmentTableClick); + + // Закрытие модалок modalEditGroupClose.addEventListener('click', () => modalEditGroup.classList.remove('open')); modalEditGroup.addEventListener('click', (event) => { - if (event.target === modalEditGroup) { - modalEditGroup.classList.remove('open'); - } + if (event.target === modalEditGroup) modalEditGroup.classList.remove('open'); + }); + + modalManageSubgroupsClose.addEventListener('click', () => modalManageSubgroups.classList.remove('open')); + modalManageSubgroups.addEventListener('click', (event) => { + if (event.target === modalManageSubgroups) modalManageSubgroups.classList.remove('open'); + }); + + modalManageCalendarClose.addEventListener('click', () => modalManageCalendar.classList.remove('open')); + modalManageCalendar.addEventListener('click', (event) => { + if (event.target === modalManageCalendar) modalManageCalendar.classList.remove('open'); }); } @@ -84,12 +115,10 @@ export async function initGroups() { populateDepartmentSelects(departments); populateSpecialitySelects(specialties); populateYearSelect(); - populateCalendarSelect(); await loadGroups(); await loadSubgroups(); } catch (error) { groupsTbody.innerHTML = `Ошибка загрузки данных: ${escapeHtml(error.message)}`; - subgroupsTbody.innerHTML = `Ошибка загрузки данных: ${escapeHtml(error.message)}`; } } @@ -105,9 +134,6 @@ export async function initGroups() { try { allGroups = await api.get('/api/groups?includeArchived=true'); applyGroupFilter(); - populateGroupSelect(); - populateSubgroupGroupSelect(); - await loadAssignments(); } catch (error) { groupsTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(error.message)}`; } @@ -116,9 +142,8 @@ export async function initGroups() { async function loadSubgroups() { try { subgroups = await api.get('/api/subgroups'); - renderSubgroups(); } catch (error) { - subgroupsTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(error.message)}`; + console.error("Failed to load subgroups", error); } } @@ -138,7 +163,7 @@ export async function initGroups() { groupsTbody.innerHTML = groups.map(group => ` ${group.id} - ${escapeHtml(group.name)} + ${escapeHtml(group.name)} ${escapeHtml(String(group.groupSize))} ${escapeHtml(group.educationFormName)} ${escapeHtml(departmentLabel(group.departmentId))} @@ -146,11 +171,13 @@ export async function initGroups() { ${escapeHtml(specialityLabel(group.specialtyId || group.specialityCode))} ${escapeHtml(group.specialtyProfileName || '-')} ${escapeHtml(statusLabel(group))} - + + + ${group.status === 'ARCHIVED' ? `` - : ``} + : ``} `).join(''); @@ -225,43 +252,18 @@ export async function initGroups() { } function populateYearSelect() { - calendarYearSelect.innerHTML = '' + + manageCalendarYearSelect.innerHTML = '' + academicYears.map(year => ``).join(''); - if (!calendarYearSelect.value && academicYears.length) { - calendarYearSelect.value = String(academicYears[0].id); + if (academicYears.length) { + manageCalendarYearSelect.value = String(academicYears[0].id); } - syncSelects(calendarYearSelect); - } - - function populateGroupSelect() { - const current = calendarGroupSelect.value; - const availableGroups = allGroups.filter(group => group.active); - calendarGroupSelect.innerHTML = '' + - availableGroups.map(group => ``).join(''); - if (current && availableGroups.some(group => String(group.id) === String(current))) { - calendarGroupSelect.value = current; - } else if (availableGroups.length) { - calendarGroupSelect.value = String(availableGroups[0].id); - } - syncSelects(calendarGroupSelect); - } - - function populateSubgroupGroupSelect() { - const current = subgroupGroupSelect.value; - const availableGroups = allGroups.filter(group => group.active); - subgroupGroupSelect.innerHTML = '' + - availableGroups.map(group => ``).join(''); - if (current && availableGroups.some(group => String(group.id) === String(current))) { - subgroupGroupSelect.value = current; - } else if (availableGroups.length) { - subgroupGroupSelect.value = String(availableGroups[0].id); - } - syncSelects(subgroupGroupSelect); + syncSelects(manageCalendarYearSelect); } function populateCalendarSelect() { - const group = selectedCalendarGroup(); - const yearId = calendarYearSelect.value; + const groupId = manageCalendarGroupIdInput.value; + const group = allGroups.find(g => g.id == groupId); + const yearId = manageCalendarYearSelect.value; const matching = group && yearId ? calendars.filter(calendar => String(calendar.academicYearId) === String(yearId) @@ -270,12 +272,12 @@ export async function initGroups() { && String(calendar.studyFormId) === String(group.educationFormId) ) : []; - calendarSelect.innerHTML = matching.length + manageCalendarSelect.innerHTML = matching.length ? '' + matching.map(calendar => `` ).join('') : ''; - syncSelects(calendarSelect); + syncSelects(manageCalendarSelect); } async function createGroup(event) { @@ -290,7 +292,6 @@ export async function initGroups() { createGroupForm.reset(); syncSelects(newGroupEfSelect, newGroupDepartmentSelect, newGroupSpecialitySelect, newGroupProfileSelect); await loadGroups(); - await loadSubgroups(); } catch (error) { showAlert('create-group-alert', error.message || 'Ошибка создания', 'error'); } @@ -308,7 +309,6 @@ export async function initGroups() { modalEditGroup.classList.remove('open'); showAlert('create-group-alert', `Группа "${escapeHtml(data.name || payload.name)}" обновлена`, 'success'); await loadGroups(); - await loadSubgroups(); } catch (error) { showAlert('edit-group-alert', error.message || 'Ошибка обновления', 'error'); } @@ -348,13 +348,14 @@ export async function initGroups() { const btnDelete = event.target.closest('.btn-delete'); const btnEdit = event.target.closest('.btn-edit-group'); const btnRestore = event.target.closest('.btn-restore-group'); + const btnSubgroups = event.target.closest('.btn-manage-subgroups'); + const btnCalendar = event.target.closest('.btn-manage-calendar'); if (btnDelete) { if (!confirm('Архивировать группу? История расписания сохранится.')) return; try { await api.delete('/api/groups/' + btnDelete.dataset.id); await loadGroups(); - await loadSubgroups(); } catch (error) { alert(error.message || 'Ошибка архивирования'); } @@ -364,7 +365,6 @@ export async function initGroups() { try { await api.post('/api/groups/' + btnRestore.dataset.id + '/restore', {}); await loadGroups(); - await loadSubgroups(); } catch (error) { alert(error.message || 'Ошибка восстановления'); } @@ -373,6 +373,18 @@ export async function initGroups() { if (btnEdit) { openEditGroupModal(btnEdit.dataset.id); } + + if (btnSubgroups) { + const groupId = btnSubgroups.dataset.id; + const group = allGroups.find(g => g.id == groupId); + if (group) openSubgroupsModal(group); + } + + if (btnCalendar) { + const groupId = btnCalendar.dataset.id; + const group = allGroups.find(g => g.id == groupId); + if (group) openCalendarModal(group); + } } function openEditGroupModal(id) { @@ -395,21 +407,59 @@ export async function initGroups() { modalEditGroup.classList.add('open'); } + // --- Управление подгруппами --- + function openSubgroupsModal(group) { + subgroupsGroupContext.textContent = `Группа: ${group.name} (${group.groupSize} чел.)`; + manageSubgroupGroupIdInput.value = group.id; + resetSubgroupForm(); + modalManageSubgroups.classList.add('open'); + renderSubgroupsList(group.id); + } + + function renderSubgroupsList(groupId) { + const list = subgroups.filter(sub => String(sub.groupId) === String(groupId)); + if (!list.length) { + manageSubgroupsTbody.innerHTML = 'Подгруппы не созданы'; + return; + } + manageSubgroupsTbody.innerHTML = list.map(sub => ` + + ${escapeHtml(sub.name)} + ${escapeHtml(String(sub.studentCapacity ?? '-'))} чел. + + + + + + `).join(''); + } + + function resetSubgroupForm() { + manageSubgroupIdInput.value = ''; + manageSubgroupNameInput.value = ''; + manageSubgroupCapacityInput.value = ''; + subgroupFormTitle.textContent = 'Создание подгруппы'; + btnSaveSubgroup.textContent = 'Создать'; + btnCancelSubgroupEdit.style.display = 'none'; + hideAlert('manage-subgroup-alert'); + } + async function saveSubgroup(event) { event.preventDefault(); - hideAlert('subgroup-alert'); - const groupId = subgroupGroupSelect.value; - const name = subgroupNameInput.value.trim(); - const capacity = subgroupCapacityInput.value; - const subgroupId = subgroupIdInput.value; + hideAlert('manage-subgroup-alert'); + const groupId = manageSubgroupGroupIdInput.value; + const subgroupId = manageSubgroupIdInput.value; + const name = manageSubgroupNameInput.value.trim(); + const capacity = manageSubgroupCapacityInput.value; - if (!groupId) { showAlert('subgroup-alert', 'Выберите группу', 'error'); return; } - if (!name) { showAlert('subgroup-alert', 'Введите название подгруппы', 'error'); return; } - if (capacity && Number(capacity) < 0) { showAlert('subgroup-alert', 'Численность не может быть отрицательной', 'error'); return; } + if (!name || !capacity) { + showAlert('manage-subgroup-alert', 'Заполните все поля', 'error'); + return; + } const payload = { name, - studentCapacity: capacity ? Number(capacity) : null + studentCapacity: Number(capacity) }; try { @@ -417,124 +467,74 @@ export async function initGroups() { const saved = subgroupId ? await api.put(endpoint, payload) : await api.post(endpoint, payload); - showAlert('subgroup-alert', `Подгруппа "${escapeHtml(saved.name)}" сохранена`, 'success'); + showAlert('manage-subgroup-alert', `Подгруппа "${escapeHtml(saved.name)}" сохранена`, 'success'); resetSubgroupForm(); await loadSubgroups(); + renderSubgroupsList(groupId); } catch (error) { - showAlert('subgroup-alert', error.message || 'Ошибка сохранения подгруппы', 'error'); + showAlert('manage-subgroup-alert', error.message || 'Ошибка сохранения подгруппы', 'error'); } } - function renderSubgroups() { - const groupId = subgroupGroupSelect.value; - const visibleSubgroups = groupId - ? subgroups.filter(subgroup => String(subgroup.groupId) === String(groupId)) - : subgroups; - if (!visibleSubgroups.length) { - subgroupsTbody.innerHTML = 'Подгруппы не созданы'; - return; - } - subgroupsTbody.innerHTML = visibleSubgroups.map(subgroup => ` - - ${escapeHtml(subgroup.groupName || groupName(subgroup.groupId))} - ${escapeHtml(subgroup.name)} - ${escapeHtml(String(subgroup.studentCapacity ?? '-'))} - - - - - - `).join(''); - } - async function handleSubgroupTableClick(event) { const editButton = event.target.closest('.btn-edit-subgroup'); const deleteButton = event.target.closest('.btn-delete-subgroup'); + const groupId = manageSubgroupGroupIdInput.value; if (editButton) { - const subgroup = subgroups.find(item => String(item.id) === String(editButton.dataset.id)); + const subgroup = subgroups.find(item => item.id == editButton.dataset.id); if (!subgroup) return; - subgroupIdInput.value = subgroup.id; - subgroupGroupSelect.value = subgroup.groupId; - subgroupGroupSelect.disabled = true; - subgroupNameInput.value = subgroup.name || ''; - subgroupCapacityInput.value = subgroup.studentCapacity ?? ''; - subgroupSubmitButton.textContent = 'Сохранить подгруппу'; - syncSelects(subgroupGroupSelect); - hideAlert('subgroup-alert'); + + manageSubgroupIdInput.value = subgroup.id; + manageSubgroupNameInput.value = subgroup.name || ''; + manageSubgroupCapacityInput.value = subgroup.studentCapacity ?? ''; + subgroupFormTitle.textContent = 'Редактирование подгруппы'; + btnSaveSubgroup.textContent = 'Сохранить'; + btnCancelSubgroupEdit.style.display = 'inline-block'; + hideAlert('manage-subgroup-alert'); return; } if (deleteButton) { - const subgroup = subgroups.find(item => String(item.id) === String(deleteButton.dataset.id)); - if (!subgroup || !confirm('Удалить подгруппу?')) return; + if (!confirm('Удалить подгруппу?')) return; try { - await api.delete(`/api/groups/${subgroup.groupId}/subgroups/${subgroup.id}`); - showAlert('subgroup-alert', 'Подгруппа удалена', 'success'); + await api.delete(`/api/groups/${groupId}/subgroups/${deleteButton.dataset.id}`); + showAlert('manage-subgroup-alert', 'Подгруппа удалена', 'success'); resetSubgroupForm(); await loadSubgroups(); + renderSubgroupsList(groupId); } catch (error) { - showAlert('subgroup-alert', error.message || 'Ошибка удаления подгруппы', 'error'); + showAlert('manage-subgroup-alert', error.message || 'Ошибка удаления подгруппы', 'error'); } } } - function resetSubgroupForm() { - subgroupIdInput.value = ''; - subgroupNameInput.value = ''; - subgroupCapacityInput.value = ''; - subgroupGroupSelect.disabled = false; - subgroupSubmitButton.textContent = 'Создать подгруппу'; - syncSelects(subgroupGroupSelect); - hideAlert('subgroup-alert'); + // --- Управление календарными графиками --- + async function openCalendarModal(group) { + calendarGroupContext.textContent = `Группа: ${group.name} (${specialityLabel(group.specialtyId || group.specialityCode)})`; + manageCalendarGroupIdInput.value = group.id; + hideAlert('manage-calendar-alert'); + populateCalendarSelect(); + modalManageCalendar.classList.add('open'); + await loadAssignmentsList(group.id); } - async function saveAssignment(event) { - event.preventDefault(); - hideAlert('group-calendar-alert'); - const groupId = calendarGroupSelect.value; - const academicYearId = calendarYearSelect.value; - const calendarId = calendarSelect.value; - - if (!groupId || !academicYearId || !calendarId) { - showAlert('group-calendar-alert', 'Выберите группу, учебный год и график', 'error'); - return; - } - - try { - await api.put(`/api/groups/${groupId}/calendar-assignments`, { - academicYearId: Number(academicYearId), - calendarId: Number(calendarId) - }); - showAlert('group-calendar-alert', 'Календарный график назначен', 'success'); - await loadAssignments(); - } catch (error) { - showAlert('group-calendar-alert', error.message || 'Ошибка назначения графика', 'error'); - } - } - - async function loadAssignments() { - const groupId = calendarGroupSelect.value; - if (!groupId) { - currentAssignments = []; - calendarAssignmentsTbody.innerHTML = 'Выберите группу'; - return; - } - + async function loadAssignmentsList(groupId) { + manageCalendarTbody.innerHTML = 'Загрузка...'; try { currentAssignments = await api.get(`/api/groups/${groupId}/calendar-assignments`); - renderAssignments(); + renderAssignmentsList(); } catch (error) { - calendarAssignmentsTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(error.message)}`; + manageCalendarTbody.innerHTML = `Ошибка: ${escapeHtml(error.message)}`; } } - function renderAssignments() { + function renderAssignmentsList() { if (!currentAssignments.length) { - calendarAssignmentsTbody.innerHTML = 'Графики не назначены'; + manageCalendarTbody.innerHTML = 'Календарные графики не назначены'; return; } - calendarAssignmentsTbody.innerHTML = currentAssignments.map(assignment => ` + manageCalendarTbody.innerHTML = currentAssignments.map(assignment => ` ${escapeHtml(assignment.academicYearTitle)} ${escapeHtml(assignment.calendarTitle)} @@ -545,35 +545,53 @@ export async function initGroups() { `).join(''); } - async function handleAssignmentTableClick(event) { - const deleteButton = event.target.closest('.btn-delete-assignment'); - if (!deleteButton) return; - if (!confirm('Удалить назначение графика?')) return; + async function saveAssignment(event) { + event.preventDefault(); + hideAlert('manage-calendar-alert'); + const groupId = manageCalendarGroupIdInput.value; + const academicYearId = manageCalendarYearSelect.value; + const calendarId = manageCalendarSelect.value; + + if (!academicYearId || !calendarId) { + showAlert('manage-calendar-alert', 'Выберите учебный год и график', 'error'); + return; + } try { - await api.delete(`/api/groups/${calendarGroupSelect.value}/calendar-assignments/${deleteButton.dataset.id}`); - showAlert('group-calendar-alert', 'Назначение удалено', 'success'); - await loadAssignments(); + await api.put(`/api/groups/${groupId}/calendar-assignments`, { + academicYearId: Number(academicYearId), + calendarId: Number(calendarId) + }); + showAlert('manage-calendar-alert', 'Календарный график назначен', 'success'); + await loadAssignmentsList(groupId); } catch (error) { - showAlert('group-calendar-alert', error.message || 'Ошибка удаления назначения', 'error'); + showAlert('manage-calendar-alert', error.message || 'Ошибка назначения графика', 'error'); } } - function selectedCalendarGroup() { - return allGroups.find(group => String(group.id) === String(calendarGroupSelect.value)); - } + manageCalendarTbody.addEventListener('click', async (event) => { + const deleteButton = event.target.closest('.btn-delete-assignment'); + if (!deleteButton) return; + if (!confirm('Удалить назначение графика?')) return; + const groupId = manageCalendarGroupIdInput.value; + try { + await api.delete(`/api/groups/${groupId}/calendar-assignments/${deleteButton.dataset.id}`); + showAlert('manage-calendar-alert', 'Назначение удалено', 'success'); + await loadAssignmentsList(groupId); + } catch (error) { + showAlert('manage-calendar-alert', error.message || 'Ошибка удаления назначения', 'error'); + } + }); + + + // --- Вспомогательные функции --- function departmentLabel(departmentId) { const department = departments.find(item => item.id == departmentId); if (!department) return departmentId || '-'; return department.departmentName || department.name || departmentId; } - function groupName(groupId) { - const group = allGroups.find(item => String(item.id) === String(groupId)); - return group ? group.name : groupId || '-'; - } - function specialityLabel(specialityId) { const speciality = specialties.find(item => item.id == specialityId); if (!speciality) return specialityId || '-'; diff --git a/frontend/admin/js/views/profiles.js b/frontend/admin/js/views/profiles.js deleted file mode 100644 index 299a768..0000000 --- a/frontend/admin/js/views/profiles.js +++ /dev/null @@ -1,192 +0,0 @@ -import { api } from '../api.js'; -import { escapeHtml, showAlert, hideAlert } from '../utils.js'; - -export async function initProfiles() { - const createProfileForm = document.getElementById('create-profile-form'); - const profileSpecialtySelect = document.getElementById('profile-specialty'); - const profileNameInput = document.getElementById('profile-name'); - const profileDescriptionInput = document.getElementById('profile-description'); - const profilesTbody = document.getElementById('profiles-tbody'); - const profilesContext = document.getElementById('profiles-context'); - const refreshButton = document.getElementById('profiles-refresh'); - const editProfileForm = document.getElementById('edit-profile-form'); - const editProfileModal = document.getElementById('modal-edit-profile'); - const editProfileClose = document.getElementById('modal-edit-profile-close'); - - let specialties = []; - let profiles = []; - - await loadSpecialties(); - - profileSpecialtySelect.addEventListener('change', loadProfiles); - refreshButton.addEventListener('click', loadProfiles); - - createProfileForm.addEventListener('submit', async (event) => { - event.preventDefault(); - hideAlert('create-profile-alert'); - - const specialtyId = profileSpecialtySelect.value; - const name = profileNameInput.value.trim(); - const description = profileDescriptionInput.value.trim(); - - if (!specialtyId || !name) { - showAlert('create-profile-alert', 'Выберите специальность и заполните название профиля', 'error'); - return; - } - - try { - await api.post(`/api/specialties/${specialtyId}/profiles`, { name, description }); - showAlert('create-profile-alert', `Профиль "${name}" создан`, 'success'); - createProfileForm.reset(); - profileSpecialtySelect.value = specialtyId; - syncSelect(profileSpecialtySelect); - await loadProfiles(); - } catch (error) { - showAlert('create-profile-alert', error.message || 'Ошибка создания профиля', 'error'); - } - }); - - profilesTbody.addEventListener('click', async (event) => { - const editButton = event.target.closest('.btn-edit-profile'); - const deleteButton = event.target.closest('.btn-delete-profile'); - - if (editButton) { - const profile = profiles.find(item => String(item.id) === String(editButton.dataset.id)); - if (!profile) return; - - document.getElementById('edit-profile-id').value = profile.id; - document.getElementById('edit-profile-name').value = profile.name || ''; - document.getElementById('edit-profile-description').value = profile.description || ''; - hideAlert('edit-profile-alert'); - editProfileModal.classList.add('open'); - return; - } - - if (deleteButton) { - if (!confirm('Удалить профиль обучения?')) return; - try { - await api.delete(`/api/specialties/${profileSpecialtySelect.value}/profiles/${deleteButton.dataset.id}`); - showAlert('create-profile-alert', 'Профиль удалён', 'success'); - await loadProfiles(); - } catch (error) { - showAlert('create-profile-alert', error.message || 'Ошибка удаления профиля', 'error'); - } - } - }); - - editProfileForm.addEventListener('submit', async (event) => { - event.preventDefault(); - hideAlert('edit-profile-alert'); - - const specialtyId = profileSpecialtySelect.value; - const id = document.getElementById('edit-profile-id').value; - const name = document.getElementById('edit-profile-name').value.trim(); - const description = document.getElementById('edit-profile-description').value.trim(); - - if (!specialtyId || !id || !name) { - showAlert('edit-profile-alert', 'Заполните название профиля', 'error'); - return; - } - - try { - await api.put(`/api/specialties/${specialtyId}/profiles/${id}`, { id: Number(id), name, description }); - editProfileModal.classList.remove('open'); - showAlert('create-profile-alert', `Профиль "${name}" обновлён`, 'success'); - await loadProfiles(); - } catch (error) { - showAlert('edit-profile-alert', error.message || 'Ошибка обновления профиля', 'error'); - } - }); - - editProfileClose.addEventListener('click', () => editProfileModal.classList.remove('open')); - editProfileModal.addEventListener('click', (event) => { - if (event.target === editProfileModal) { - editProfileModal.classList.remove('open'); - } - }); - - async function loadSpecialties() { - profilesTbody.innerHTML = 'Загрузка...'; - try { - specialties = await api.get('/api/specialties'); - renderSpecialtySelect(); - await loadProfiles(); - } catch (error) { - profileSpecialtySelect.innerHTML = ''; - profilesTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(error.message)}`; - syncSelect(profileSpecialtySelect); - } - } - - function renderSpecialtySelect() { - if (!specialties.length) { - profileSpecialtySelect.innerHTML = ''; - syncSelect(profileSpecialtySelect); - return; - } - - const current = profileSpecialtySelect.value; - profileSpecialtySelect.innerHTML = '' + - specialties.map(specialty => { - const code = specialty.specialityCode || specialty.specialtyCode || specialty.specialty_code || specialty.id; - const name = specialty.specialityName || specialty.name || 'Без названия'; - return ``; - }).join(''); - - if (current && specialties.some(specialty => String(specialty.id) === String(current))) { - profileSpecialtySelect.value = current; - } else { - profileSpecialtySelect.value = String(specialties[0].id); - } - syncSelect(profileSpecialtySelect); - } - - async function loadProfiles() { - const specialtyId = profileSpecialtySelect.value; - const specialty = specialties.find(item => String(item.id) === String(specialtyId)); - profilesContext.textContent = specialty ? specialtyLabel(specialty) : ''; - - if (!specialtyId) { - profiles = []; - profilesTbody.innerHTML = 'Выберите специальность'; - return; - } - - profilesTbody.innerHTML = 'Загрузка...'; - try { - profiles = await api.get(`/api/specialties/${specialtyId}/profiles`); - renderProfiles(); - } catch (error) { - profilesTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(error.message)}`; - } - } - - function renderProfiles() { - if (!profiles.length) { - profilesTbody.innerHTML = 'Профили не созданы'; - return; - } - - profilesTbody.innerHTML = profiles.map(profile => ` - - ${profile.id} - ${escapeHtml(profile.name)} - ${escapeHtml(profile.description || '-')} - - - - - - `).join(''); - } - - function specialtyLabel(specialty) { - const code = specialty.specialityCode || specialty.specialtyCode || specialty.specialty_code || specialty.id; - const name = specialty.specialityName || specialty.name || 'Без названия'; - return `${code} · ${name}`; - } - - function syncSelect(select) { - select.dispatchEvent(new Event('change', { bubbles: true })); - } -} diff --git a/frontend/admin/js/views/schedule-view.js b/frontend/admin/js/views/schedule-view.js index 6f64179..c21c418 100644 --- a/frontend/admin/js/views/schedule-view.js +++ b/frontend/admin/js/views/schedule-view.js @@ -451,9 +451,6 @@ export async function initScheduleView() { ${escapeHtml(dayShort(day))} ${escapeHtml(DAY_FULL_LABELS[day] || '')} -
- ${CELL_PARITY_LAYOUT.map(({ parity, label }) => renderDayParityDate(block.datesByDay[day]?.[parity], label)).join('')} -
`).join(''); const rows = slots.map(slot => ` @@ -597,6 +594,40 @@ export async function initScheduleView() { .join(','); } + function getLessonWeeksText(lesson) { + if (!lesson || lesson.weekNumber == null || lesson.lessonTypeAcademicHours == null) { + return ''; + } + const totalHours = lesson.lessonTypeAcademicHours; + const consumedBefore = lesson.consumedLessonTypeAcademicHoursBeforeLesson || 0; + + // Каждое занятие - это 2 часа + const totalLessons = Math.ceil(totalHours / 2); + if (totalLessons <= 0) return ''; + + const parity = lesson.ruleParity || lesson.parity; + let startWeek, endWeek; + + if (parity === 'EVEN' || parity === 'ODD') { + // Раз в две недели + startWeek = lesson.weekNumber - consumedBefore; + endWeek = startWeek + (totalLessons - 1) * 2; + } else { + // Каждую неделю + const steps = Math.floor(consumedBefore / 2); + startWeek = lesson.weekNumber - steps; + endWeek = startWeek + totalLessons - 1; + } + + if (startWeek <= 0) startWeek = 1; + if (endWeek < startWeek) endWeek = startWeek; + + if (startWeek === endWeek) { + return `${startWeek} нед.`; + } + return `с ${startWeek} по ${endWeek} нед.`; + } + function renderLessonCard(lesson) { const subgroupText = (lesson.subgroupNames || []).join(', '); const meta = [ @@ -605,9 +636,15 @@ export async function initScheduleView() { PARITY_LABELS[lesson.parity] || lesson.parity ].filter(Boolean).join(' · '); + const weeksText = getLessonWeeksText(lesson); + const weeksBadge = weeksText ? `${escapeHtml(weeksText)}` : ''; + return `
-
${escapeHtml(lesson.subjectName || 'Без дисциплины')}
+
+ ${escapeHtml(lesson.subjectName || 'Без дисциплины')} + ${weeksBadge} +
${escapeHtml((lesson.groupNames || []).join(', ') || 'Группа не указана')}
${subgroupText ? `
${escapeHtml(subgroupText)}
` : ''}
${escapeHtml(lesson.teacherName || 'Преподаватель не указан')}
@@ -895,26 +932,15 @@ function parityForDate(date, lessons) { } function combinedWeekCaption(block) { - return CELL_PARITY_LAYOUT - .map(({ parity, label }) => { - const dates = DAY_ORDER.map(day => block.datesByDay[day]?.[parity]).filter(Boolean); - if (!dates.length) return `${label}: дат нет`; - return `${label}: ${formatDate(dates[0])} - ${formatDate(dates[dates.length - 1])}`; - }) - .join('; '); + return 'Нечётная и чётная недели'; } function mobileDayCaption(datesByParity) { - return CELL_PARITY_LAYOUT - .map(({ parity, label }) => { - const date = datesByParity?.[parity]; - return `${label}: ${date ? formatDate(date) : 'даты нет'}`; - }) - .join(' · '); + return 'Нечётная / Чётная'; } function periodCaption(range) { - return `${formatDate(range.startDate)} - ${formatDate(range.endDate)}`; + return 'Учебное расписание'; } function lessonSlotKey(lesson) { diff --git a/frontend/admin/js/views/subjects.js b/frontend/admin/js/views/subjects.js index c31abbe..7d90266 100755 --- a/frontend/admin/js/views/subjects.js +++ b/frontend/admin/js/views/subjects.js @@ -4,160 +4,260 @@ import { escapeHtml, showAlert, hideAlert } from '../utils.js'; export async function initSubjects() { const subjectsTbody = document.getElementById('subjects-tbody'); const createSubjectForm = document.getElementById('create-subject-form'); + const newSubjectDeptSelect = document.getElementById('new-subject-department'); - const assignTeacherForm = document.getElementById('assign-teacher-form'); - const assignTeacherSelect = document.getElementById('assign-teacher-select'); - const assignSubjectSelect = document.getElementById('assign-subject-select'); - const teacherSubjectsTbody = document.getElementById('teacher-subjects-tbody'); + // Модалка управления преподавателями + const modalManageTeachers = document.getElementById('modal-manage-teachers'); + const modalManageTeachersClose = document.getElementById('modal-manage-teachers-close'); + const subjectTeachersContext = document.getElementById('subject-teachers-context'); + const manageTeacherSubjectForm = document.getElementById('manage-teacher-subject-form'); + const manageTsSubjectIdInput = document.getElementById('manage-ts-subject-id'); + const manageTsTeacherSelect = document.getElementById('manage-ts-teacher-select'); + const manageTsTbody = document.getElementById('manage-ts-tbody'); let allSubjects = []; let allTeachers = []; + let allDepartments = []; + let teacherSubjects = []; + + bindEvents(); + await loadInitialData(); + + function bindEvents() { + createSubjectForm.addEventListener('submit', createSubject); + subjectsTbody.addEventListener('click', handleSubjectsTableClick); + + manageTeacherSubjectForm.addEventListener('submit', saveTeacherAssignment); + manageTsTbody.addEventListener('click', handleTeacherAssignmentTableClick); + + modalManageTeachersClose.addEventListener('click', () => modalManageTeachers.classList.remove('open')); + modalManageTeachers.addEventListener('click', (e) => { + if (e.target === modalManageTeachers) modalManageTeachers.classList.remove('open'); + }); + } async function loadInitialData() { - await Promise.all([loadSubjects(), loadTeachers()]); - await loadTeacherSubjects(); + try { + [allTeachers, allDepartments] = await Promise.all([ + api.get('/api/users/teachers'), + api.get('/api/departments') + ]); + populateDepartmentsSelect(); + await loadSubjects(); + } catch (e) { + subjectsTbody.innerHTML = `Ошибка загрузки справочников: ${escapeHtml(e.message)}`; + } + } + + function populateDepartmentsSelect() { + newSubjectDeptSelect.innerHTML = '' + + allDepartments.map(d => { + const name = d.departmentName || d.name || 'Без названия'; + const code = d.departmentCode || d.code || d.id; + return ``; + }).join(''); } async function loadSubjects() { + subjectsTbody.innerHTML = 'Загрузка...'; try { - allSubjects = await api.get('/api/subjects'); - renderSubjects(allSubjects); - populateSubjectSelect(allSubjects); + [allSubjects, teacherSubjects] = await Promise.all([ + api.get('/api/subjects'), + api.get('/api/teacher-subjects') + ]); + renderSubjects(); } catch (e) { - if (subjectsTbody) subjectsTbody.innerHTML = 'Ошибка загрузки'; + subjectsTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(e.message)}`; } } - function renderSubjects(subjects) { - if (!subjects || !subjects.length) { - subjectsTbody.innerHTML = 'Нет дисциплин'; + function renderSubjects() { + if (!allSubjects || !allSubjects.length) { + subjectsTbody.innerHTML = 'Нет дисциплин'; return; } - subjectsTbody.innerHTML = subjects.map(s => ` - - ${s.id} - ${escapeHtml(s.name)} - ${escapeHtml(s.code || '-')} - ${s.departmentId || '-'} - - `).join(''); + + // Группируем преподавателей по дисциплинам + const teachersBySubject = new Map(); + teacherSubjects.forEach(ts => { + if (!teachersBySubject.has(ts.subjectId)) { + teachersBySubject.set(ts.subjectId, []); + } + teachersBySubject.get(ts.subjectId).push(ts); + }); + + subjectsTbody.innerHTML = allSubjects.map(s => { + const teachers = teachersBySubject.get(s.id) || []; + const teachersHtml = teachers.length + ? teachers.map(t => `${escapeHtml(t.fullName || t.username)}`).join('') + : 'Нет преподавателей'; + + return ` + + ${s.id} + ${escapeHtml(s.name)} + ${escapeHtml(s.code || '-')} + ${escapeHtml(departmentLabel(s.departmentId))} +
${teachersHtml}
+ + + + + + `; + }).join(''); } - function populateSubjectSelect(subjects) { - if (!assignSubjectSelect) return; - const currentVal = assignSubjectSelect.value; - assignSubjectSelect.innerHTML = '' + - subjects.map(s => ``).join(''); - if (currentVal && subjects.find(s => s.id == currentVal)) { - assignSubjectSelect.value = currentVal; - } - } - - async function loadTeachers() { - try { - allTeachers = await api.get('/api/users/teachers'); - populateTeacherSelect(allTeachers); - } catch (e) { - if (assignTeacherSelect) assignTeacherSelect.innerHTML = ''; - } - } - - function populateTeacherSelect(teachers) { - if (!assignTeacherSelect) return; - const currentVal = assignTeacherSelect.value; - if (!teachers || !teachers.length) { - assignTeacherSelect.innerHTML = ''; - return; - } - assignTeacherSelect.innerHTML = '' + - teachers.map(t => ``).join(''); - if (currentVal && teachers.find(t => t.id == currentVal)) { - assignTeacherSelect.value = currentVal; - } - } - - async function loadTeacherSubjects() { - try { - const tsData = await api.get('/api/teacher-subjects'); - renderTeacherSubjects(tsData); - } catch (e) { - if (teacherSubjectsTbody) teacherSubjectsTbody.innerHTML = 'Ошибка загрузки'; - } - } - - function renderTeacherSubjects(tsArray) { - if (!tsArray || !tsArray.length) { - teacherSubjectsTbody.innerHTML = 'Нет привязок'; - return; - } - teacherSubjectsTbody.innerHTML = tsArray.map(ts => ` - - ${escapeHtml(ts.username)} - ${escapeHtml(ts.subjectName)} - - `).join(''); - } - - createSubjectForm.addEventListener('submit', async (e) => { + async function createSubject(e) { e.preventDefault(); hideAlert('create-subject-alert'); const name = document.getElementById('new-subject-name').value.trim(); const code = document.getElementById('new-subject-code').value.trim(); - const departmentId = document.getElementById('new-subject-department').value; - if (!name) { showAlert('create-subject-alert', 'Введите название', 'error'); return; } - if (!code) { showAlert('create-subject-alert', 'Введите код предмета', 'error'); return; } - if (!departmentId) { showAlert('create-subject-alert', 'Введите идентификатор кафедры', 'error'); return; } + const departmentId = newSubjectDeptSelect.value; + + if (!name || !code || !departmentId) { + showAlert('create-subject-alert', 'Заполните все поля', 'error'); + return; + } try { - const data = await api.post('/api/subjects', { - name, - code, - departmentId: Number(departmentId) + const data = await api.post('/api/subjects', { + name, + code, + departmentId: Number(departmentId) }); - showAlert('create-subject-alert', `Дисциплина "${escapeHtml(data.name || name)}" добавлена`, 'success'); + showAlert('create-subject-alert', `Дисциплина "${escapeHtml(data.name || name)}" создана`, 'success'); createSubjectForm.reset(); - loadSubjects(); - } catch (e) { showAlert('create-subject-alert', e.message || 'Ошибка создания', 'error'); } - }); + await loadSubjects(); + } catch (error) { + showAlert('create-subject-alert', error.message || 'Ошибка создания', 'error'); + } + } - subjectsTbody.addEventListener('click', async (e) => { - const btn = e.target.closest('.btn-delete'); - if (!btn) return; - if (!confirm('Удалить дисциплину?')) return; - try { - await api.delete('/api/subjects/' + btn.dataset.id); - loadSubjects(); - loadTeacherSubjects(); // May have deleted a subject that was assigned - } catch (e) { alert(e.message || 'Ошибка удаления'); } - }); + async function handleSubjectsTableClick(e) { + const btnDelete = e.target.closest('.btn-delete-subject'); + const btnTeachers = e.target.closest('.btn-manage-teachers'); - assignTeacherForm.addEventListener('submit', async (e) => { + if (btnDelete) { + if (!confirm('Удалить дисциплину? Это удалит её привязки к преподавателям.')) return; + try { + await api.delete('/api/subjects/' + btnDelete.dataset.id); + await loadSubjects(); + } catch (error) { + alert(error.message || 'Ошибка удаления'); + } + } + + if (btnTeachers) { + const subjectId = btnTeachers.dataset.id; + const subject = allSubjects.find(s => s.id == subjectId); + if (subject) openTeachersModal(subject); + } + } + + // --- Управление привязками преподавателей к дисциплине --- + function openTeachersModal(subject) { + subjectTeachersContext.textContent = `${subject.code ? `${subject.code} · ` : ''}${subject.name}`; + manageTsSubjectIdInput.value = subject.id; + hideAlert('manage-ts-alert'); + modalManageTeachers.classList.add('open'); + renderSubjectTeachers(subject.id); + populateTeachersSelect(subject.id); + } + + function renderSubjectTeachers(subjectId) { + const list = teacherSubjects.filter(ts => String(ts.subjectId) === String(subjectId)); + if (!list.length) { + manageTsTbody.innerHTML = 'Преподаватели не привязаны'; + return; + } + manageTsTbody.innerHTML = list.map(ts => ` + + ${escapeHtml(ts.fullName || ts.username)} (${escapeHtml(ts.username)}) + + + + + `).join(''); + } + + function populateTeachersSelect(subjectId) { + // Показываем только тех преподавателей, которые еще не привязаны к этой дисциплине + const assignedUserIds = new Set( + teacherSubjects + .filter(ts => String(ts.subjectId) === String(subjectId)) + .map(ts => String(ts.userId)) + ); + + const availableTeachers = allTeachers.filter(t => !assignedUserIds.has(String(t.id))); + + if (!availableTeachers.length) { + manageTsTeacherSelect.innerHTML = ''; + return; + } + + manageTsTeacherSelect.innerHTML = '' + + availableTeachers.map(t => ``).join(''); + } + + async function saveTeacherAssignment(e) { e.preventDefault(); - hideAlert('assign-teacher-alert'); - const userId = assignTeacherSelect.value; - const subjectId = assignSubjectSelect.value; - if (!userId) { showAlert('assign-teacher-alert', 'Выберите преподавателя', 'error'); return; } - if (!subjectId) { showAlert('assign-teacher-alert', 'Выберите дисциплину', 'error'); return; } + hideAlert('manage-ts-alert'); + const subjectId = manageTsSubjectIdInput.value; + const userId = manageTsTeacherSelect.value; + + if (!userId) { + showAlert('manage-ts-alert', 'Выберите преподавателя', 'error'); + return; + } try { - await api.post('/api/teacher-subjects', { userId: Number(userId), subjectId: Number(subjectId) }); - showAlert('assign-teacher-alert', 'Привязка создана', 'success'); - loadTeacherSubjects(); - } catch (e) { showAlert('assign-teacher-alert', e.message || 'Ошибка привязки', 'error'); } - }); + await api.post('/api/teacher-subjects', { + userId: Number(userId), + subjectId: Number(subjectId) + }); + showAlert('manage-ts-alert', 'Преподаватель успешно привязан', 'success'); + + // Перезагрузим привязки и обновим интерфейс + teacherSubjects = await api.get('/api/teacher-subjects'); + renderSubjectTeachers(subjectId); + populateTeachersSelect(subjectId); + + // Также обновим главную таблицу + renderSubjects(); + } catch (error) { + showAlert('manage-ts-alert', error.message || 'Ошибка привязки', 'error'); + } + } + + async function handleTeacherAssignmentTableClick(e) { + const btnDelete = e.target.closest('.btn-delete-ts'); + if (!btnDelete) return; + if (!confirm('Удалить привязку преподавателя?')) return; + const subjectId = manageTsSubjectIdInput.value; - teacherSubjectsTbody.addEventListener('click', async (e) => { - const btn = e.target.closest('.btn-delete'); - if (!btn) return; - if (!confirm('Удалить привязку?')) return; try { await api.delete('/api/teacher-subjects', { - userId: Number(btn.dataset.userId), - subjectId: Number(btn.dataset.subjectId) + userId: Number(btnDelete.dataset.userId), + subjectId: Number(btnDelete.dataset.subjectId) }); - loadTeacherSubjects(); - } catch (e) { alert(e.message || 'Ошибка удаления'); } - }); + + // Перезагрузим привязки + teacherSubjects = await api.get('/api/teacher-subjects'); + renderSubjectTeachers(subjectId); + populateTeachersSelect(subjectId); + + // Обновим главную таблицу + renderSubjects(); + } catch (error) { + alert(error.message || 'Ошибка удаления привязки'); + } + } - loadInitialData(); + // --- Вспомогательные функции --- + function departmentLabel(departmentId) { + const department = allDepartments.find(item => item.id == departmentId); + if (!department) return departmentId || '-'; + return department.departmentName || department.name || departmentId; + } } diff --git a/frontend/admin/js/views/departments-data.js b/frontend/admin/js/views/university-structure.js similarity index 52% rename from frontend/admin/js/views/departments-data.js rename to frontend/admin/js/views/university-structure.js index 2e2e64f..3281d60 100644 --- a/frontend/admin/js/views/departments-data.js +++ b/frontend/admin/js/views/university-structure.js @@ -1,7 +1,7 @@ import { api } from '../api.js'; import { escapeHtml, showAlert, hideAlert } from '../utils.js'; -export async function initDepartmentsData() { +export async function initUniversityStructure() { const deptTbody = document.getElementById('departments-tbody'); const specTbody = document.getElementById('specialties-tbody'); @@ -14,30 +14,75 @@ export async function initDepartmentsData() { const editDeptClose = document.getElementById('modal-edit-department-close'); const editSpecClose = document.getElementById('modal-edit-specialty-close'); + // Элементы вкладок + const tabDepartments = document.getElementById('btn-tab-departments'); + const tabSpecialties = document.getElementById('btn-tab-specialties'); + const contentDepartments = document.getElementById('tab-content-departments'); + const contentSpecialties = document.getElementById('tab-content-specialties'); + + // Элементы модалки профилей + const profilesModal = document.getElementById('modal-manage-profiles'); + const profilesModalClose = document.getElementById('modal-manage-profiles-close'); + const profilesSpecContext = document.getElementById('profiles-spec-context'); + const profileFormTitle = document.getElementById('profile-form-title'); + const manageProfileForm = document.getElementById('manage-profile-form'); + const profileIdInput = document.getElementById('manage-profile-id'); + const profileSpecIdInput = document.getElementById('manage-profile-spec-id'); + const profileNameInput = document.getElementById('manage-profile-name'); + const profileDescInput = document.getElementById('manage-profile-description'); + const btnSaveProfile = document.getElementById('btn-save-profile'); + const btnCancelProfileEdit = document.getElementById('btn-cancel-profile-edit'); + const profilesTbody = document.getElementById('manage-profiles-tbody'); + let departments = []; let specialties = []; + let currentProfiles = []; + // --- Логика переключения табов --- + tabDepartments.addEventListener('click', () => { + tabDepartments.classList.add('active'); + tabDepartments.style.borderBottomColor = 'var(--primary)'; + tabDepartments.style.color = 'var(--text-main)'; + tabSpecialties.classList.remove('active'); + tabSpecialties.style.borderBottomColor = 'transparent'; + tabSpecialties.style.color = 'var(--text-secondary)'; + contentDepartments.style.display = 'block'; + contentSpecialties.style.display = 'none'; + }); + + tabSpecialties.addEventListener('click', () => { + tabSpecialties.classList.add('active'); + tabSpecialties.style.borderBottomColor = 'var(--primary)'; + tabSpecialties.style.color = 'var(--text-main)'; + tabDepartments.classList.remove('active'); + tabDepartments.style.borderBottomColor = 'transparent'; + tabDepartments.style.color = 'var(--text-secondary)'; + contentSpecialties.style.display = 'block'; + contentDepartments.style.display = 'none'; + }); + + // --- Загрузка данных --- async function loadData() { - // Load Departments + // Загрузка кафедр try { departments = await api.get('/api/departments'); renderDepartments(); } catch (e) { - deptTbody.innerHTML = '-'; + deptTbody.innerHTML = 'Ошибка загрузки'; } - // Load Specialties + // Загрузка специальностей try { specialties = await api.get('/api/specialties'); renderSpecialties(); } catch (e) { - specTbody.innerHTML = '-'; + specTbody.innerHTML = 'Ошибка загрузки'; } } function renderDepartments() { if (!departments || !departments.length) { - deptTbody.innerHTML = '-'; + deptTbody.innerHTML = 'Кафедры не созданы'; return; } deptTbody.innerHTML = departments.map(d => ` @@ -55,7 +100,7 @@ export async function initDepartmentsData() { function renderSpecialties() { if (!specialties || !specialties.length) { - specTbody.innerHTML = '-'; + specTbody.innerHTML = 'Специальности не созданы'; return; } specTbody.innerHTML = specialties.map(s => ` @@ -65,12 +110,14 @@ export async function initDepartmentsData() { ${escapeHtml(s.specialityCode || s.specialtyCode || s.specialty_code)} + `).join(''); } + // --- Кафедры: CRUD --- createDeptForm.addEventListener('submit', async (e) => { e.preventDefault(); hideAlert('create-dept-alert'); @@ -120,6 +167,29 @@ export async function initDepartmentsData() { } }); + editDeptForm.addEventListener('submit', async (e) => { + e.preventDefault(); + hideAlert('edit-dept-alert'); + const id = document.getElementById('edit-dept-id').value; + const name = document.getElementById('edit-dept-name').value.trim(); + const code = document.getElementById('edit-dept-code').value.trim(); + + if (!name || !code) { + showAlert('edit-dept-alert', 'Заполните все поля', 'error'); + return; + } + + try { + await api.put('/api/departments/' + id, { departmentName: name, departmentCode: Number(code) }); + editDeptModal.classList.remove('open'); + showAlert('create-dept-alert', `Кафедра "${name}" обновлена`, 'success'); + await loadData(); + } catch (error) { + showAlert('edit-dept-alert', error.message || 'Ошибка обновления кафедры', 'error'); + } + }); + + // --- Специальности: CRUD --- createSpecForm.addEventListener('submit', async (e) => { e.preventDefault(); hideAlert('create-spec-alert'); @@ -144,6 +214,7 @@ export async function initDepartmentsData() { specTbody.addEventListener('click', async (e) => { const editBtn = e.target.closest('.btn-edit-specialty'); const deleteBtn = e.target.closest('.btn-delete-specialty'); + const profilesBtn = e.target.closest('.btn-manage-profiles'); if (editBtn) { const speciality = specialties.find(item => item.id == editBtn.dataset.id); @@ -167,27 +238,13 @@ export async function initDepartmentsData() { showAlert('create-spec-alert', error.message || 'Ошибка удаления специальности', 'error'); } } - }); - editDeptForm.addEventListener('submit', async (e) => { - e.preventDefault(); - hideAlert('edit-dept-alert'); - const id = document.getElementById('edit-dept-id').value; - const name = document.getElementById('edit-dept-name').value.trim(); - const code = document.getElementById('edit-dept-code').value.trim(); + if (profilesBtn) { + const specId = profilesBtn.dataset.id; + const speciality = specialties.find(item => item.id == specId); + if (!speciality) return; - if (!name || !code) { - showAlert('edit-dept-alert', 'Заполните все поля', 'error'); - return; - } - - try { - await api.put('/api/departments/' + id, { departmentName: name, departmentCode: Number(code) }); - editDeptModal.classList.remove('open'); - showAlert('create-dept-alert', `Кафедра "${name}" обновлена`, 'success'); - await loadData(); - } catch (error) { - showAlert('edit-dept-alert', error.message || 'Ошибка обновления кафедры', 'error'); + openProfilesModal(speciality); } }); @@ -213,14 +270,130 @@ export async function initDepartmentsData() { } }); + // --- Профили обучения: Логика --- + async function openProfilesModal(speciality) { + profilesSpecContext.textContent = `${speciality.specialityCode || speciality.specialtyCode || speciality.specialty_code} · ${speciality.specialityName || speciality.name}`; + profileSpecIdInput.value = speciality.id; + resetProfileForm(); + profilesModal.classList.add('open'); + await loadProfiles(speciality.id); + } + + async function loadProfiles(specId) { + profilesTbody.innerHTML = 'Загрузка...'; + try { + currentProfiles = await api.get(`/api/specialties/${specId}/profiles`); + renderProfilesTable(); + } catch (e) { + profilesTbody.innerHTML = `Ошибка загрузки: ${escapeHtml(e.message)}`; + } + } + + function renderProfilesTable() { + if (!currentProfiles || !currentProfiles.length) { + profilesTbody.innerHTML = 'Профили не созданы'; + return; + } + profilesTbody.innerHTML = currentProfiles.map(p => ` + + ${p.id} + ${escapeHtml(p.name)} + ${escapeHtml(p.description || '-')} + + + + + + `).join(''); + } + + function resetProfileForm() { + manageProfileForm.reset(); + profileIdInput.value = ''; + profileFormTitle.textContent = 'Создание профиля'; + btnSaveProfile.textContent = 'Создать'; + btnCancelProfileEdit.style.display = 'none'; + hideAlert('manage-profile-alert'); + } + + manageProfileForm.addEventListener('submit', async (e) => { + e.preventDefault(); + hideAlert('manage-profile-alert'); + + const specId = profileSpecIdInput.value; + const profileId = profileIdInput.value; + const name = profileNameInput.value.trim(); + const description = profileDescInput.value.trim(); + + if (!name) { + showAlert('manage-profile-alert', 'Введите название профиля', 'error'); + return; + } + + try { + if (profileId) { + // Обновление + await api.put(`/api/specialties/${specId}/profiles/${profileId}`, { id: Number(profileId), name, description }); + showAlert('manage-profile-alert', `Профиль "${name}" обновлен`, 'success'); + } else { + // Создание + await api.post(`/api/specialties/${specId}/profiles`, { name, description }); + showAlert('manage-profile-alert', `Профиль "${name}" создан`, 'success'); + } + resetProfileForm(); + await loadProfiles(specId); + } catch (error) { + showAlert('manage-profile-alert', error.message || 'Ошибка сохранения профиля', 'error'); + } + }); + + profilesTbody.addEventListener('click', async (e) => { + const editBtn = e.target.closest('.btn-edit-profile'); + const deleteBtn = e.target.closest('.btn-delete-profile'); + const specId = profileSpecIdInput.value; + + if (editBtn) { + const profile = currentProfiles.find(item => item.id == editBtn.dataset.id); + if (!profile) return; + + profileIdInput.value = profile.id; + profileNameInput.value = profile.name || ''; + profileDescInput.value = profile.description || ''; + profileFormTitle.textContent = 'Редактирование профиля'; + btnSaveProfile.textContent = 'Сохранить'; + btnCancelProfileEdit.style.display = 'inline-block'; + hideAlert('manage-profile-alert'); + return; + } + + if (deleteBtn) { + if (!confirm('Удалить профиль обучения?')) return; + try { + await api.delete(`/api/specialties/${specId}/profiles/${deleteBtn.dataset.id}`); + showAlert('manage-profile-alert', 'Профиль удален', 'success'); + await loadProfiles(specId); + } catch (error) { + showAlert('manage-profile-alert', error.message || 'Ошибка удаления профиля', 'error'); + } + } + }); + + btnCancelProfileEdit.addEventListener('click', resetProfileForm); + + // Закрытие модалок editDeptClose.addEventListener('click', () => editDeptModal.classList.remove('open')); editSpecClose.addEventListener('click', () => editSpecModal.classList.remove('open')); + profilesModalClose.addEventListener('click', () => profilesModal.classList.remove('open')); + editDeptModal.addEventListener('click', (e) => { if (e.target === editDeptModal) editDeptModal.classList.remove('open'); }); editSpecModal.addEventListener('click', (e) => { if (e.target === editSpecModal) editSpecModal.classList.remove('open'); }); + profilesModal.addEventListener('click', (e) => { + if (e.target === profilesModal) profilesModal.classList.remove('open'); + }); await loadData(); } diff --git a/frontend/admin/settings/css/main.css b/frontend/admin/settings/css/main.css index 8406f80..e23dd53 100644 --- a/frontend/admin/settings/css/main.css +++ b/frontend/admin/settings/css/main.css @@ -444,8 +444,12 @@ body { } .select-layer-active { - position: relative; - z-index: 300; + position: relative !important; + z-index: 10001 !important; +} + +.custom-select-wrapper.open { + z-index: 10002 !important; } .custom-select-trigger { diff --git a/frontend/admin/settings/index.html b/frontend/admin/settings/index.html index 3c10116..e516bb3 100644 --- a/frontend/admin/settings/index.html +++ b/frontend/admin/settings/index.html @@ -9,6 +9,7 @@ + @@ -56,6 +57,24 @@ Временные слоты + + + + + + + + Формы обучения + + + + + + + + База данных +
diff --git a/frontend/admin/settings/js/main.js b/frontend/admin/settings/js/main.js index 9a41f88..9e5cf45 100644 --- a/frontend/admin/settings/js/main.js +++ b/frontend/admin/settings/js/main.js @@ -26,11 +26,27 @@ const ROUTES = { await module.initTimeSlotsSettings(); } }, + database: { + title: 'База данных', + file: 'views/database.html', + init: async () => { + const module = await import('./views/database.js'); + await module.initDatabase(); + } + }, + 'edu-forms': { + title: 'Формы обучения', + file: 'views/edu-forms.html', + init: async () => { + const module = await import('./views/edu-forms.js'); + await module.initEduForms(); + } + }, }; const ROLE_TABS = { - ADMIN: ['general', 'time-slots'], - EDUCATION_OFFICE: ['time-slots'] + ADMIN: ['general', 'time-slots', 'database', 'edu-forms'], + EDUCATION_OFFICE: ['time-slots', 'edu-forms'] }; const allowedTabs = new Set(ROLE_TABS[role] || []); const defaultTab = role === 'EDUCATION_OFFICE' ? 'time-slots' : 'general'; diff --git a/frontend/admin/js/views/database.js b/frontend/admin/settings/js/views/database.js old mode 100755 new mode 100644 similarity index 98% rename from frontend/admin/js/views/database.js rename to frontend/admin/settings/js/views/database.js index 3c4b014..10c48a3 --- a/frontend/admin/js/views/database.js +++ b/frontend/admin/settings/js/views/database.js @@ -1,5 +1,5 @@ -import { api } from '../api.js'; -import { escapeHtml, showAlert, hideAlert } from '../utils.js'; +import { api } from '../../../js/api.js'; +import { escapeHtml, showAlert, hideAlert } from '../../../js/utils.js'; export async function initDatabase() { const tenantsTbody = document.getElementById('tenants-tbody'); diff --git a/frontend/admin/js/views/edu-forms.js b/frontend/admin/settings/js/views/edu-forms.js old mode 100755 new mode 100644 similarity index 95% rename from frontend/admin/js/views/edu-forms.js rename to frontend/admin/settings/js/views/edu-forms.js index c2c1f4d..c54fae0 --- a/frontend/admin/js/views/edu-forms.js +++ b/frontend/admin/settings/js/views/edu-forms.js @@ -1,5 +1,5 @@ -import { api } from '../api.js'; -import { escapeHtml, showAlert, hideAlert } from '../utils.js'; +import { api } from '../../../js/api.js'; +import { escapeHtml, showAlert, hideAlert } from '../../../js/utils.js'; export let allEducationForms = []; diff --git a/frontend/admin/views/database.html b/frontend/admin/settings/views/database.html old mode 100755 new mode 100644 similarity index 100% rename from frontend/admin/views/database.html rename to frontend/admin/settings/views/database.html diff --git a/frontend/admin/views/edu-forms.html b/frontend/admin/settings/views/edu-forms.html old mode 100755 new mode 100644 similarity index 99% rename from frontend/admin/views/edu-forms.html rename to frontend/admin/settings/views/edu-forms.html index a2f51ca..e3c8951 --- a/frontend/admin/views/edu-forms.html +++ b/frontend/admin/settings/views/edu-forms.html @@ -31,4 +31,4 @@
-
\ No newline at end of file +
diff --git a/frontend/admin/views/auditorium-workload.html b/frontend/admin/views/auditorium-workload.html index 71755ad..46b998a 100644 --- a/frontend/admin/views/auditorium-workload.html +++ b/frontend/admin/views/auditorium-workload.html @@ -16,7 +16,7 @@
-
@@ -37,18 +37,8 @@
- -
-
- Любая вместимость - - - -
- -
+ +
diff --git a/frontend/admin/views/classrooms.html b/frontend/admin/views/classrooms.html index b066193..61e72be 100755 --- a/frontend/admin/views/classrooms.html +++ b/frontend/admin/views/classrooms.html @@ -1,6 +1,9 @@
-

Новая аудитория

+
+

Новая аудитория

+ +
@@ -106,4 +109,47 @@
+
+ + + \ No newline at end of file diff --git a/frontend/admin/views/dashboard.html b/frontend/admin/views/dashboard.html new file mode 100644 index 0000000..25650d6 --- /dev/null +++ b/frontend/admin/views/dashboard.html @@ -0,0 +1,145 @@ + +
+ +
+
+
+ + + + + + +
+
+
Активные группы
+

—

+
+
+ +
+
+ + + + + + +
+
+
Всего студентов
+

—

+
+
+ +
+
+ + + + +
+
+
Преподаватели
+

—

+
+
+ +
+
+ + + + +
+
+
Загрузка аудиторий сегодня
+

—

+
+
+
+ + +
+ +
+
+

Мониторинг пар (Идет сейчас)

+
—
+
+
+ + + + + + + + + + + + + + +
АудиторияДисциплинаПреподавательГруппа
Определение текущего времени...
+
+
+ + +
+ +
+

Свободные аудитории (ближайшие)

+
+
Загрузка...
+
+
+ + +
+

Быстрый переход

+ +
+
+
+ + +
+
+
+

+ + + + + + Центр предупреждений (Red Zone) +

+
Анализ накладок и коллизий расписания на текущую неделю
+
+ +
+ +
+
Анализ расписания и выявление конфликтов...
+
+
+
diff --git a/frontend/admin/views/departments-data.html b/frontend/admin/views/departments-data.html deleted file mode 100644 index dd31814..0000000 --- a/frontend/admin/views/departments-data.html +++ /dev/null @@ -1,126 +0,0 @@ - -
-

Создание кафедры

-
-
-
- - -
-
- - -
- -
- -
-
- -
-
-

Кафедры

-
-
- - - - - - - - - - - - - - -
IDНазваниеКодДействия
Загрузка...
-
-
- -
-

Создание специальности

-
-
-
- - -
-
- - -
- -
- -
-
- -
-
-

Специальности

-
-
- - - - - - - - - - - - - - -
IDНазваниеКод специальностиДействия
Загрузка...
-
-
- - - - diff --git a/frontend/admin/views/equipments.html b/frontend/admin/views/equipments.html deleted file mode 100755 index 3754d76..0000000 --- a/frontend/admin/views/equipments.html +++ /dev/null @@ -1,34 +0,0 @@ - -
-

Новое оборудование

-
-
-
- - -
- -
- -
-
- -
-

Справочник оборудования

-
- - - - - - - - - - - - - -
IDНазваниеДействия
Загрузка...
-
-
\ No newline at end of file diff --git a/frontend/admin/views/groups.html b/frontend/admin/views/groups.html index 8a40df9..d6b9328 100755 --- a/frontend/admin/views/groups.html +++ b/frontend/admin/views/groups.html @@ -80,93 +80,6 @@
-
-

Подгруппы для лабораторных

-
- -
-
- - -
-
- - -
-
- - -
- - -
- -
-
- - - - - - - - - - - - - - -
ГруппаПодгруппаЧисленностьДействия
Загрузка...
-
-
- -
-

Назначение календарного графика

-
-
-
- - -
-
- - -
-
- - -
- -
- -
-
- - - - - - - - - - - - - -
Учебный годГрафикДействия
Выберите группу
-
-
- + + + + + + diff --git a/frontend/admin/views/profiles.html b/frontend/admin/views/profiles.html deleted file mode 100644 index b2a40ac..0000000 --- a/frontend/admin/views/profiles.html +++ /dev/null @@ -1,72 +0,0 @@ -
-
-

Создание профиля обучения

-
-
-
-
- - -
-
- - -
-
- - -
- -
- -
-
- -
-
-

Профили выбранной специальности

- -
-
-
- - - - - - - - - - - - - - -
IDПрофильОписаниеДействия
Загрузка...
-
-
- - diff --git a/frontend/admin/views/schedule-view.html b/frontend/admin/views/schedule-view.html index a409229..5526996 100644 --- a/frontend/admin/views/schedule-view.html +++ b/frontend/admin/views/schedule-view.html @@ -11,7 +11,7 @@
- @@ -21,45 +21,33 @@
-
-
- - -
- -
- Переход -
- - - -
-
+
@@ -67,19 +55,19 @@
-
-
- diff --git a/frontend/admin/views/subjects.html b/frontend/admin/views/subjects.html index 167edaa..a848305 100755 --- a/frontend/admin/views/subjects.html +++ b/frontend/admin/views/subjects.html @@ -12,8 +12,10 @@
- - + +
@@ -21,28 +23,6 @@
-
-

Привязка преподавателя к дисциплине

-
-
-
- - -
-
- - -
- -
- -
-
-

Все дисциплины

@@ -52,35 +32,64 @@ ID Название Код предмета - Кафедра (ID) - Действия + Кафедра + Преподаватели + Действия - Загрузка... + Загрузка...
-
-

Привязки преподавателей

-
- - - - - - - - - - - - - -
ПреподавательДисциплинаДействия
Загрузка...
+ + \ No newline at end of file diff --git a/frontend/admin/views/university-structure.html b/frontend/admin/views/university-structure.html new file mode 100644 index 0000000..2a44ebc --- /dev/null +++ b/frontend/admin/views/university-structure.html @@ -0,0 +1,197 @@ + +
+
+ + +
+ + +
+
+

Создание кафедры

+
+
+
+ + +
+
+ + +
+ +
+ +
+
+ +
+
+

Кафедры

+
+
+ + + + + + + + + + + + + + +
IDНазваниеКодДействия
Загрузка...
+
+
+
+ + + +
+ + + + + + + + +