Andrey K. Choi
13c752b93a
- Объединены ресурсы в 5 логических групп: Контент сайта, Бронирования, Отзывы и рейтинги, Персонал и гиды, Администрирование - Удалены дублирующие настройки navigation для чистой группировки - Добавлены CSS стили для визуального отображения иерархии с отступами - Добавлены эмодзи-иконки для каждого типа ресурсов через CSS - Улучшена навигация с правильной вложенностью элементов
55 lines
2.2 KiB
HTML
55 lines
2.2 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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid p-0">
|
|
<!-- Заголовок -->
|
|
<div class="bg-primary text-white p-3 mb-0">
|
|
<h4 class="mb-0">
|
|
<i class="fas fa-calendar-alt me-2"></i>
|
|
Управление календарем гидов
|
|
</h4>
|
|
<small>Управляйте расписанием и доступностью гидов</small>
|
|
</div>
|
|
|
|
<!-- Контент календаря -->
|
|
<div class="p-3">
|
|
<div id="admin-calendar-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Компоненты календаря -->
|
|
<script src="/components/guide-calendar-widget.js"></script>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Инициализация календаря для администратора
|
|
const adminCalendar = new GuideCalendarWidget({
|
|
container: document.getElementById('admin-calendar-container'),
|
|
mode: 'admin',
|
|
showControls: true,
|
|
showGuideInfo: true,
|
|
allowEdit: true,
|
|
onDateSelect: function(date, guide) {
|
|
console.log('Выбрана дата:', date, 'Гид:', guide);
|
|
},
|
|
onHolidayAdd: function(guide, date) {
|
|
console.log('Добавлен выходной:', guide, date);
|
|
},
|
|
onBookingView: function(booking) {
|
|
console.log('Просмотр бронирования:', booking);
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |