79 lines
3.4 KiB
HTML
79 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Группы — Админ-панель</title>
|
|
<link rel="stylesheet" href="admin.css">
|
|
</head>
|
|
<body data-page="groups">
|
|
<div class="layout">
|
|
<div class="sidebar" id="sidebar"></div>
|
|
<div class="main">
|
|
<h2>Группы</h2>
|
|
<div class="add-row" style="align-items:center;gap:8px">
|
|
<input type="text" id="newGroup" placeholder="Название группы" style="flex:1;max-width:300px">
|
|
<select id="newGroupBranch" style="background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:.85rem;min-width:180px"><option value="">— без филиала —</option></select>
|
|
<select id="newGroupTutor" style="background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:.85rem;min-width:160px"><option value="">— не назначен —</option></select>
|
|
<button type="button" id="addGroupBtn">Добавить</button>
|
|
</div>
|
|
<div class="list" id="groupList"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-overlay" id="photosModal">
|
|
<div class="gallery-modal">
|
|
<div class="gallery-head">
|
|
<h3 id="photosTitle">Фото</h3>
|
|
<button class="upload-btn" type="button" id="openPhotoBtn">Загрузить фото</button>
|
|
</div>
|
|
<div class="photo-grid" id="photoGrid"><div class="empty">Загрузка...</div></div>
|
|
<div class="pager" id="photosPager"></div>
|
|
<div class="gallery-foot">
|
|
<button class="cancel" type="button" id="closePhotosBtn">Закрыть</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-overlay" id="photoFormModal">
|
|
<div class="edit-modal" style="max-width:480px">
|
|
<h3 id="photoFormTitle">Добавить фото</h3>
|
|
<form id="photoForm" class="settings-stack" style="gap:12px">
|
|
<div class="settings-row">
|
|
<div class="settings-field" style="flex:1">
|
|
<label>Выбрать файл (jpg/png и т.п.) <span style="color:#ef4444">*</span></label>
|
|
<input type="file" id="photoFile" accept="image/*">
|
|
</div>
|
|
</div>
|
|
<div class="settings-row">
|
|
<div class="settings-field" style="flex:1">
|
|
<div id="photoFormPreview" class="photo-preview" style="display:none"><img id="photoPreviewImg" alt=""></div>
|
|
</div>
|
|
</div>
|
|
<div class="settings-row">
|
|
<div class="settings-field" style="flex:1">
|
|
<label>Подпись</label>
|
|
<textarea id="photoCaption" class="settings-input" placeholder="Например: выступление, тренировка..."></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="settings-row">
|
|
<div class="settings-field" style="flex:1">
|
|
<label>Дата съёмки</label>
|
|
<input type="date" id="photoTakenAt" class="settings-input">
|
|
</div>
|
|
</div>
|
|
<div class="card-foot" style="justify-content:flex-end;gap:8px">
|
|
<button type="button" class="btn-primary ghost" id="closePhotoFormBtn">Отмена</button>
|
|
<button type="submit" class="btn-primary">Сохранить</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toast" id="toast"></div>
|
|
<script src="vendor/lucide.min.js"></script>
|
|
<script src="admin.js"></script>
|
|
<script src="vendor/jszip.min.js"></script>
|
|
<script src="js/groups.js"></script>
|
|
</body>
|
|
</html> |