Falknat
02ae56b78c
Большое обновление GUI интерфейс - Добавлен фраемворr Walles - Удалена консольная версия - Проработан интерфейс и дизайн - Добавлено кеширование для быстрой реакции. - Сделан .ps1 сборщик для удобной сборки проекта. - Обновлён Readme
68 lines
2.0 KiB
JavaScript
68 lines
2.0 KiB
JavaScript
/* ============================================
|
||
Navigation
|
||
Управление навигацией
|
||
============================================ */
|
||
|
||
import { $, $$, hide, show, removeClass, addClass } from '../utils/dom.js';
|
||
|
||
/**
|
||
* Класс для управления навигацией
|
||
*/
|
||
export class Navigation {
|
||
constructor() {
|
||
this.navItems = $$('.nav-item');
|
||
this.sections = {
|
||
services: $('sectionServices'),
|
||
sites: $('sectionSites'),
|
||
proxy: $('sectionProxy'),
|
||
settings: $('sectionSettings'),
|
||
vaccess: $('sectionVAccessEditor')
|
||
};
|
||
this.init();
|
||
}
|
||
|
||
init() {
|
||
this.navItems.forEach((item, index) => {
|
||
item.addEventListener('click', () => this.navigate(index));
|
||
});
|
||
}
|
||
|
||
navigate(index) {
|
||
// Убираем active со всех навигационных элементов
|
||
this.navItems.forEach(nav => removeClass(nav, 'active'));
|
||
addClass(this.navItems[index], 'active');
|
||
|
||
// Скрываем все секции
|
||
this.hideAllSections();
|
||
|
||
// Показываем нужные секции
|
||
if (index === 0) {
|
||
// Главная - всё кроме настроек
|
||
show(this.sections.services);
|
||
show(this.sections.sites);
|
||
show(this.sections.proxy);
|
||
} else if (index === 3) {
|
||
// Настройки
|
||
show(this.sections.settings);
|
||
// Загружаем конфигурацию при открытии
|
||
if (window.loadConfig) {
|
||
window.loadConfig();
|
||
}
|
||
}
|
||
}
|
||
|
||
hideAllSections() {
|
||
Object.values(this.sections).forEach(section => {
|
||
if (section) hide(section);
|
||
});
|
||
}
|
||
|
||
showDashboard() {
|
||
this.hideAllSections();
|
||
show(this.sections.services);
|
||
show(this.sections.sites);
|
||
show(this.sections.proxy);
|
||
}
|
||
}
|
||
|