vector/CASEFORM_STEPS_3-5.md

CaseForm Steps 3-5 - Создание компонентов

Дата: 2026-05-05

Созданные компоненты:

1. Step3Circumstances.jsx (5.5 KB)

Обстоятельства потери

Поля:

• reason (причина) - кнопки: ушёл_сам, заблудился, отстал_от_группы, конфликт, неизвестно
• lost_time (дата/время потери) - datetime-local input
• elapsed_hours (прошло часов) - number input с шагом 0.5
• last_known_place (последнее место) - text input
• direction (направление) - 8 сторон света + неизвестно (N, NE, E, SE, S, SW, W, NW, unknown)
• circumstances_description (описание) - textarea (5 строк)

2. Step4Environment.jsx (9.5 KB)

Среда и местность

Поля:

• season (сезон) - кнопки: зима, весна, лето, осень
• temperature (температура) - number input (-40 до +40°C)
• precipitation (осадки) - кнопки: нет, дождь, снег, туман
• visibility (видимость) - кнопки: хорошая, средняя, плохая
• terrain (типы местности) - МУЛЬТИВЫБОР чекбоксы (10 типов): лес, поле, болото, водоём, горы, населённый_пункт, дороги, заброшенные_здания, сельхоз, овраги

GPS функционал:

• Кнопка получения координат через navigator.geolocation API
• tnp_lat (широта) - number input с step 0.000001
• tnp_lon (долгота) - number input с step 0.000001
• tnp_address (адрес) - text input с подсказкой об автопреобразовании

Особенности GPS:

• enableHighAccuracy: true
• timeout: 10000ms
• maximumAge: 0
• Индикатор загрузки (gps_loading)
• Обработка ошибок с alert

3. Step5Resources.jsx (5.4 KB)

Ресурсы для поиска

Поля:

• search_groups (количество групп) - number input (0-100)
• search_people (количество человек) - number input (0-1000)
• has_dog (поисковая собака) - кнопки: Да/Нет (boolean)
• equipment (оборудование) - МУЛЬТИВЫБОР чекбоксы (10 типов): дрон, тепловизор, квадроцикл, лодка, вертолёт, рации, GPS навигаторы, медицинская бригада, прожекторы, мегафон
• resources_notes (доп. информация) - textarea (4 строки)

Обновления CSS:

Добавлены стили:

• .gps-button - зелёная кнопка (#238636) с hover (#2ea043)
• .gps-button:disabled - серая с курсором not-allowed
• input[type=datetime-local] - стилизация под общую палитру ЦОУ

Палитра ЦОУ:

• Background: #0a0c0f, #161b22, #0d1117
• Accent: #ff4d00
• Text: #e6edf3
• Borders: #21262d, #30363d
• GPS button: #238636 (зелёный)

Файлы:

1. Step3Circumstances.jsx - создан (5.5 KB)
2. Step4Environment.jsx - создан (9.5 KB)
3. Step5Resources.jsx - создан (5.4 KB)
4. CaseForm.css - обновлен

Статус:

Step3 - обстоятельства (6 полей) Step4 - среда + GPS + мультивыбор местности (10 типов) Step5 - ресурсы + мультивыбор оборудования (10 типов) GPS кнопка с navigator.geolocation Ручной ввод координат и адреса Палитра ЦОУ применена

Дата создания: 2026-05-05