scheduleSon/frontend/admin/index.html

61 lines
2.6 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2026-03-22 12:48:20 +03:00
<title>Админка расписания</title>
<link rel="stylesheet" href="/admin/static/style.css?v=3">
</head>
<body>
2026-03-22 12:48:20 +03:00
<div class="app-shell">
<header class="hero">
<div>
<p class="eyebrow">Schedule Studio</p>
<h1>Редактор расписания</h1>
<p class="hero-copy">Планируйте задачи и занятия на несколько недель вперед, меняйте серии целиком и переносите встречи прямо мышкой по сетке времени.</p>
</div>
<div class="hero-actions">
<button id="today-btn" class="btn btn-secondary">Текущая неделя</button>
<button id="add-task-btn" class="btn btn-secondary">Новая задача</button>
<button id="add-event-btn" class="btn btn-primary">Новое занятие</button>
</div>
</header>
2026-03-22 12:48:20 +03:00
<section class="toolbar">
<div class="week-navigation">
<button id="prev-week" class="nav-btn">← Назад</button>
<div>
<div class="toolbar-label">Видимый диапазон</div>
<div id="week-range" class="range-title"></div>
</div>
<button id="next-week" class="nav-btn">Вперед →</button>
</div>
<div class="legend">
<span class="legend-chip task-chip">Задачи</span>
<span class="legend-chip event-chip">Занятия</span>
<span class="legend-chip recurring-chip">Цикличные</span>
</div>
</section>
<section class="hint-panel">
<span>Клик по дню добавляет занятие.</span>
<span>`Ctrl/Cmd + клик` открывает создание задачи.</span>
<span>Перетаскивайте карточки занятий на новое время или другой день.</span>
</section>
<div class="schedule-scroll">
<main id="schedule-grid" class="schedule-grid"></main>
</div>
</div>
2026-03-22 12:48:20 +03:00
<div id="modal" class="modal">
<div class="modal-content">
2026-03-22 12:48:20 +03:00
<button class="close" type="button" aria-label="Закрыть">×</button>
<div id="modal-body"></div>
</div>
</div>
2026-03-22 12:48:20 +03:00
<script src="/admin/static/script.js?v=3"></script>
</body>
</html>