60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<!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="/admin/static/style.css?v=3">
|
||
</head>
|
||
<body>
|
||
<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>
|
||
|
||
<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>
|
||
|
||
<div id="modal" class="modal">
|
||
<div class="modal-content">
|
||
<button class="close" type="button" aria-label="Закрыть">×</button>
|
||
<div id="modal-body"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/admin/static/script.js?v=3"></script>
|
||
</body>
|
||
</html>
|