/
Centermant
/
web-nodejs
Обзор
Документация
Войти
/
Centermant
/
web-nodejs
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
public/lab10/task2/index.html
365 строк
20 KB
Centermant
feat(lab11)
16 дек 2025, 00:57
16 дек 2025, 00:57
01b83c7
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Расписание занятий</title> <link rel="stylesheet" href="./style.css"> </head> <body> <nav> <div class="nav-container"> <div class="nav-left"> <div class="nav-title">Расписание занятий</div> <div class="nav-tabs"> <button id="schedule-tab" class="nav-tab active">Расписание</button> <button id="admin-tab" class="nav-tab" style="display: none;">Админ панель</button> </div> </div> <div id="auth-buttons" class="auth-buttons"> <button id="login-btn" class="home-link">Вход</button> <button id="register-btn" class="home-link">Регистрация</button> </div> <div id="user-info" class="user-info" style="display: none;"> <span id="user-name" class="home-link"></span> <button id="logout-btn" class="home-link">Выход</button> </div> </div> </nav> <main> <div id="schedule-page" class="page active"> <h2>Расписание занятий</h2> <div class="card"> <div class="form-row"> <div class="form-group"> <label for="filter-group">Группа:</label> <select id="filter-group"> <option value="">Все группы</option> </select> </div> <div class="form-group"> <label for="filter-week">Неделя:</label> <select id="filter-week"> <option value="">Все недели</option> <option value="1">Нечетная неделя</option> <option value="2">Четная неделя</option> </select> </div> <div class="form-group"> <label for="filter-day">День недели:</label> <select id="filter-day"> <option value="">Все дни</option> </select> </div> <div class="form-group"> <label for="filter-subject">Дисциплина:</label> <select id="filter-subject"> <option value="">Все дисциплины</option> </select> </div> <div class="form-group"> <label for="filter-teacher">Преподаватель:</label> <input type="text" id="filter-teacher" placeholder="Введите имя преподавателя"> </div> <div class="form-group"> <label for="filter-room">Аудитория:</label> <input type="text" id="filter-room" placeholder="Введите номер аудитории"> </div> <div class="form-group"> <label for="filter-lesson-type">Тип занятия:</label> <select id="filter-lesson-type"> <option value="">Все типы</option> <option value="lecture">Лекция</option> <option value="practice">Практика</option> <option value="lab">Лабораторная</option> </select> </div> </div> <div class="form-row"> <button id="reset-filters" class="btn btn-secondary">Сбросить фильтры</button> </div> </div> <div class="card"> <div class="table-container"> <table> <thead> <tr> <th class="time-cell">Время / День</th> <th>Понедельник</th> <th>Вторник</th> <th>Среда</th> <th>Четверг</th> <th>Пятница</th> <th>Суббота</th> </tr> </thead> <tbody id="schedule-body"> <!-- Заполняется скриптом --> </tbody> </table> </div> </div> </div> <div id="admin-page" class="page"> <h2>Админ панель расписания</h2> <div class="card"> <!-- Навигация по разделам админки --> <div class="nav-tabs mb-4"> <button id="admin-schedule-tab" class="nav-tab active">Добавить занятие</button> <button id="admin-person-tab" class="nav-tab">Добавить человека</button> <button id="admin-teacher-tab" class="nav-tab">Добавить преподавателя</button> <button id="admin-group-tab" class="nav-tab">Добавить группу</button> <button id="admin-subject-tab" class="nav-tab">Добавить дисциплину</button> </div> <!-- Форма добавления занятия --> <div id="admin-schedule-section"> <h3 class="mb-4">Добавить занятие в расписание</h3> <div class="form-row"> <div class="form-group"> <label>Группы (выбрано: <span id="selected-groups-count" class="counter">0</span>):</label> <div class="checkbox-grid" id="groups-checkboxes"> <!-- Заполняется скриптом --> </div> </div> <div class="form-group"> <label for="admin-subject-select">Дисциплина:</label> <select id="admin-subject-select"> <option value="">Выберите дисциплину</option> </select> </div> <div class="form-group"> <label>Преподаватели (выбрано: <span id="selected-teachers-count" class="counter">0</span>):</label> <div class="checkbox-grid" id="teachers-checkboxes"> <!-- Заполняется скриптом --> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label for="admin-classroom-input">Аудитория:</label> <input type="text" id="admin-classroom-input" placeholder="Номер аудитории"> </div> <div class="form-group"> <label for="admin-day-select">День недели:</label> <select id="admin-day-select"> <option value="1">Понедельник</option> <option value="2">Вторник</option> <option value="3">Среда</option> <option value="4">Четверг</option> <option value="5">Пятница</option> <option value="6">Суббота</option> </select> </div> <div class="form-group"> <label for="admin-week-type-select">Тип недели:</label> <select id="admin-week-type-select"> <option value="">Каждая неделя</option> <option value="1">Нечетная неделя</option> <option value="2">Четная неделя</option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label for="admin-lesson-number-select">Номер пары:</label> <select id="admin-lesson-number-select"> <option value="1">1 пара (8:00 - 9:30)</option> <option value="2">2 пара (9:45 - 11:15)</option> <option value="3">3 пара (11:30 - 13:00)</option> <option value="4">4 пара (13:50 - 15:20)</option> <option value="5">5 пара (15:35 - 17:05)</option> <option value="6">6 пара (17:20 - 18:50)</option> </select> </div> <div class="form-group"> <label for="admin-lesson-type-select">Тип занятия:</label> <select id="admin-lesson-type-select"> <option value="lecture">Лекция</option> <option value="practice">Практика</option> <option value="lab">Лабораторная</option> </select> </div> </div> <button id="add-schedule-item" class="btn btn-primary"> <i class="fas fa-plus"></i> Добавить занятие </button> </div> <!-- Форма добавления человека --> <div id="admin-person-section" class="hidden"> <h3 class="mb-4">Добавить нового человека</h3> <div class="form-row"> <div class="form-group"> <label for="admin-person-last-name">Фамилия:</label> <input type="text" id="admin-person-last-name" placeholder="Фамилия"> </div> <div class="form-group"> <label for="admin-person-first-name">Имя:</label> <input type="text" id="admin-person-first-name" placeholder="Имя"> </div> <div class="form-group"> <label for="admin-person-middle-name">Отчество:</label> <input type="text" id="admin-person-middle-name" placeholder="Отчество"> </div> </div> <div class="form-row"> <div class="form-group"> <label for="admin-person-email">Email (необязательно):</label> <input type="email" id="admin-person-email" placeholder="email@example.com"> </div> </div> <button id="add-person" class="btn btn-primary"> <i class="fas fa-plus"></i> Добавить человека </button> </div> <!-- Форма добавления преподавателя --> <div id="admin-teacher-section" class="hidden"> <h3 class="mb-4">Добавить нового преподавателя</h3> <div class="form-row"> <div class="form-group"> <label for="admin-person-select">Выберите человека:</label> <select id="admin-person-select"> <option value="">Выберите человека</option> </select> </div> <div class="form-group"> <label>Дисциплины (выбрано: <span id="selected-subjects-count" class="counter">0</span>):</label> <div class="checkbox-grid" id="subjects-checkboxes"> <!-- Заполняется скриптом --> </div> </div> </div> <button id="add-teacher" class="btn btn-primary"> <i class="fas fa-plus"></i> Добавить преподавателя </button> </div> <!-- Форма добавления группы --> <div id="admin-group-section" class="hidden"> <h3 class="mb-4">Добавить новую группу</h3> <div class="form-row"> <div class="form-group"> <label for="admin-group-name">Название группы:</label> <input type="text" id="admin-group-name" placeholder="Например, ИТ2203"> </div> <div class="form-group"> <label for="admin-group-course">Курс:</label> <select id="admin-group-course"> <option value="1">1 курс</option> <option value="2">2 курс</option> <option value="3">3 курс</option> <option value="4">4 курс</option> </select> </div> </div> <button id="add-group" class="btn btn-primary"> <i class="fas fa-plus"></i> Добавить группу </button> </div> <!-- Форма добавления дисциплины --> <div id="admin-subject-section" class="hidden"> <h3 class="mb-4">Добавить новую дисциплину</h3> <div class="form-row"> <div class="form-group"> <label for="admin-subject-name">Название дисциплины:</label> <input type="text" id="admin-subject-name" placeholder="Например, Основы Web-инжиниринга"> </div> </div> <button id="add-subject" class="btn btn-primary"> <i class="fas fa-plus"></i> Добавить дисциплину </button> </div> </div> <div class="card"> <h3 style="margin-bottom: 1rem;">Просмотр расписания</h3> <div class="form-row"> <div class="form-group"> <label for="admin-schedule-group-select">Группа:</label> <select id="admin-schedule-group-select"> <option value="">Выберите группу</option> </select> </div> <div class="form-group"> <label for="admin-schedule-week-select">Неделя:</label> <select id="admin-schedule-week-select"> <option value="1">Нечетная неделя</option> <option value="2">Четная неделя</option> </select> </div> </div> <div class="table-container"> <table> <thead> <tr> <th class="time-cell">Время / День</th> <th>Понедельник</th> <th>Вторник</th> <th>Среда</th> <th>Четверг</th> <th>Пятница</th> <th>Суббота</th> </tr> </thead> <tbody id="admin-schedule-body"> <!-- Заполняется скриптом --> </tbody> </table> </div> </div> </div> </main> <div id="delete-modal" class="modal"> <div class="modal-content"> <h3>Подтверждение удаления</h3> <p>Вы уверены, что хотите удалить это занятие из расписания?</p> <div class="modal-buttons"> <button id="cancel-delete" class="btn btn-secondary">Отмена</button> <button id="confirm-delete" class="btn btn-danger">Удалить</button> </div> </div> </div> <!-- Модальное окно для входа --> <div id="login-modal" class="modal"> <div class="modal-content"> <h3>Вход в систему</h3> <div class="form-group"> <label for="login-email">Email:</label> <input type="email" id="login-email" placeholder="email@example.com"> </div> <div class="form-group"> <label for="login-password">Пароль:</label> <input type="password" id="login-password" placeholder="Пароль"> </div> <div class="modal-buttons"> <button id="login-cancel" class="btn btn-secondary">Отмена</button> <button id="login-submit" class="btn btn-primary">Войти</button> </div> </div> </div> <!-- Модальное окно для регистрации --> <div id="register-modal" class="modal"> <div class="modal-content"> <h3>Регистрация</h3> <div class="form-group"> <label for="register-username">Имя пользователя:</label> <input type="text" id="register-username" placeholder="Имя пользователя"> </div> <div class="form-group"> <label for="register-email">Email:</label> <input type="email" id="register-email" placeholder="email@example.com"> </div> <div class="form-group"> <label for="register-password">Пароль:</label> <input type="password" id="register-password" placeholder="Пароль"> </div> <div class="form-group"> <label for="register-confirm-password">Подтвердите пароль:</label> <input type="password" id="register-confirm-password" placeholder="Подтвердите пароль"> </div> <div class="modal-buttons"> <button id="register-cancel" class="btn btn-secondary">Отмена</button> <button id="register-submit" class="btn btn-primary">Зарегистрироваться</button> </div> </div> </div> <script src="app.js"></script> </body> </html>