сделал настройку временных слотов

frontend/admin/settings/js/main.js

@@ -1,27 +1,35 @@
-// Settings page main.js
+// Основной модуль страницы настроек
 import { startDropdownAutoObserver, initAllCustomDropdowns } from '../../js/dropdown.js';
 
-// Auth check
+// Проверка авторизации
 const token = localStorage.getItem('token');
 const role = localStorage.getItem('role');
 if (!token || role !== 'ADMIN') {
     window.location.href = '/';
 }
 
-// Global initialization for Custom Selects
+// Глобальная инициализация кастомных списков
 document.addEventListener('DOMContentLoaded', () => {
     initAllCustomDropdowns(document.body);
     startDropdownAutoObserver();
 });
 
-// Configuration
+// Настройка вкладок
 const ROUTES = {
     general: { title: 'Общие настройки', file: 'views/general.html' },
+    'time-slots': {
+        title: 'Временные слоты',
+        file: 'views/time-slots.html',
+        init: async () => {
+            const module = await import('./views/time-slots.js');
+            await module.initTimeSlotsSettings();
+        }
+    },
 };
 
 let currentTab = null;
 
-// DOM Elements
+// DOM-элементы
 const appContent = document.getElementById('app-content');
 const pageTitle = document.getElementById('page-title');
 const navItems = document.querySelectorAll('.nav-item[data-tab]');
@@ -31,13 +39,13 @@ const menuToggle = document.getElementById('menu-toggle');
 const sidebarCloseBtn = document.getElementById('sidebar-close-btn');
 const main = document.querySelector('.main');
 
-// Init sidebar state from localStorage
+// Состояние боковой панели из localStorage
 if (window.innerWidth > 768 && localStorage.getItem('sidebar-collapsed') === 'true') {
     sidebar.classList.add('collapsed');
     main.classList.add('sidebar-collapsed');
 }
 
-// Menu Toggle (Hamburger)
+// Кнопка меню
 menuToggle.addEventListener('click', () => {
     if (window.innerWidth <= 768) {
         sidebar.classList.toggle('open');
@@ -49,7 +57,7 @@ menuToggle.addEventListener('click', () => {
     }
 });
 
-// Sidebar Close (X button)
+// Сворачивание боковой панели
 sidebarCloseBtn?.addEventListener('click', () => {
     if (window.innerWidth <= 768) {
         sidebar.classList.remove('open');
@@ -66,7 +74,7 @@ sidebarOverlay.addEventListener('click', () => {
     sidebarOverlay.classList.remove('open');
 });
 
-// Navigation
+// Навигация
 navItems.forEach(item => {
     item.addEventListener('click', (e) => {
         e.preventDefault();
@@ -85,10 +93,14 @@ async function switchTab(tab) {
     try {
         appContent.innerHTML = '<div style="text-align:center;color:var(--text-secondary);padding:2rem;">Загрузка...</div>';
         const response = await fetch(ROUTES[tab].file);
-        if (!response.ok) throw new Error('Failed to load view');
+        if (!response.ok) throw new Error('Не удалось загрузить вкладку');
 
         const html = await response.text();
         appContent.innerHTML = html;
+        initAllCustomDropdowns(appContent);
+        if (ROUTES[tab].init) {
+            await ROUTES[tab].init();
+        }
 
         currentTab = tab;
     } catch (e) {
@@ -96,10 +108,10 @@ async function switchTab(tab) {
         console.error(e);
     }
 
-    // Close mobile menu if open
+    // Закрываем мобильное меню после перехода
     sidebar.classList.remove('open');
     sidebarOverlay.classList.remove('open');
 }
 
-// Load default tab
+// Вкладка по умолчанию
 switchTab('general');