Frontend

React веб-интерфейс для управления.

Компоненты

Layout

Общий layout с навигацией и темой

DevicesList

Список устройств с фильтрацией и поиском

DeviceConfig

Редактирование конфигурации конкретного устройства

DefaultConfig

Управление дефолтной конфигурацией

API клиент

Модуль services/api.js предоставляет функции для взаимодействия с backend:

  • getDevices(params) — список устройств

  • getDeviceConfig(mac) — конфигурация устройства

  • replaceDeviceConfig(mac, config) — замена конфигурации

  • resetDeviceConfig(mac) — сброс к дефолту

  • getDefaultConfig() — дефолтная конфигурация

  • replaceDefaultConfig(config) — замена дефолта

Развертывание

Development

cd frontend
npm install
npm run dev

Production

cd frontend
docker-compose up frontend -d