root
b30ce86fa9
Revert of A9 address change. The .108 value was inferred from the container VMID (108), not from its actual network config: net0 is ip=dhcp and the container currently holds 192.168.0.99. Requests to .108 fail with "No route to host", making the UI look down while all four compose services are healthy. A9 section in vector_tasks.md is kept as history and flagged stale so the .99 -> .108 replacement is not repeated. Note: the address is DHCP-assigned and may change again; a static IP would be needed to make these docs durable. Hardcoded .99 URLs remain in MobileForm.jsx:49 and HeatmapView.jsx:73 (tracked in vector_tasks.md, untouched here). Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
58 lines
2.0 KiB
Markdown
58 lines
2.0 KiB
Markdown
# SAR-MCHS Frontend
|
|
|
|
## Структура приложения
|
|
|
|
### Страницы
|
|
- **AdminDashboard** - Десктопная админ-панель с навигацией
|
|
- **MobileFormPage** - Мобильная форма создания карточки
|
|
|
|
### Компоненты админ-панели
|
|
|
|
#### CasesList
|
|
- Таблица всех карточек пропавших
|
|
- Фильтры: пол, возраст, диагноз
|
|
- Переход к детальному просмотру
|
|
|
|
#### CaseDetail
|
|
- Детальная информация о карточке
|
|
- Психотип с рекомендациями по поиску
|
|
- Ответы на вопросы психотипирования
|
|
|
|
#### HeatmapView
|
|
- Интерактивная карта с тепловой картой находок
|
|
- Фильтры: возраст, сезон, период, исход
|
|
- Leaflet + leaflet.heat
|
|
|
|
#### Statistics
|
|
- Общая статистика по карточкам
|
|
- Разбивка по полу, возрасту, психотипам, диагнозам
|
|
|
|
### Мобильная форма
|
|
|
|
**MobileForm** - адаптивная форма для создания карточки:
|
|
- Основная информация (возраст, пол)
|
|
- Диагнозы (чекбоксы)
|
|
- Психотипирование (4 вопроса)
|
|
- Валидация и отправка на API
|
|
- Сообщения об успехе/ошибке
|
|
|
|
## Технологии
|
|
|
|
- React 18
|
|
- React Router v6
|
|
- Axios для API
|
|
- Leaflet для карт
|
|
|
|
## Доступ
|
|
|
|
- Десктоп: http://192.168.0.99:3000/admin
|
|
- Мобильная форма: http://192.168.0.99:3000/mobile
|
|
- API Backend: http://192.168.0.99:8000
|
|
- Adminer: http://192.168.0.99:8080
|
|
|
|
## Responsive дизайн
|
|
|
|
- Автоматический редирект на /mobile для мобильных устройств
|
|
- Адаптивная верстка для всех компонентов
|
|
- Breakpoint: 768px
|