[7h] Add camera: bugs when creating a camera

Precondition:
Go to https://office.5scontrol.com
Login as admin

- [x] Description:
Не кликабельно поле "Отображаемое имя (необязательно)"

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести данные в поле "Отображаемое имя (необязательно)"

Expected result:
Поле кликабельно для ввода

Actual result:
Поле не кликабельно

Attachment:

- [x] Description:
Не работает тестовое соединение при редактировании камеры (если прописать пароль заново, то начинает работать)

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. перейти на вкладку "Камера"
3. Выбрать любую камеру и кликнуть по ней
4. Кликнуть по кнопке "Тестовое соединение"

Expected result:
Камера доступна для теста, пароль не обновлчется

Actual result:
Появляется ошибка "Камера недоступна", пароль необходимо обновлять

Attachment:
https://share.vidnoz.com/share-nrtUKsL7sRT6j57OYtxcDgTH1734948827

- [x] Description:
Наложение зон друг на друга при создании и редактировании камеры

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести валидные данные во все поля
5. Перейти на вкладку "Зона"
6. Выбрать любую зону и добавить наложение зон

Expected result:
Появляется ошибка о недощении наложения зон на уже существующие

Actual result:
Зоны накладываются друг на друга

Attachment:
https://share.vidnoz.com/share-RqMKclgEBHeaLkyyGkvqmaaH1734950576

- [x] Description:
Названия зон для камер дублируются

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести валидные данные во все поля
5. Перейти на вкладку "Зона"
6. Выбрать любую зону и дать ей название
7. Добавить еще одну или несколько зон с таким же названием

Expected result:
Появляется ошибка о недощении создания зон с одинаковым названием

Actual result:
Названия зон дублируются

Attachment:

- [x] Description:
Назначение одного и того же рабочего места для одной камеры, но в разных зонах

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести валидные данные во все поля
5. Перейти на вкладку "Зона"
6. Добавить зону для камеры и назначить рабочее место
7. Добавить еще одну зону для камеры и назначить тоже рабочее место

Expected result:
Поле подсвечивается красным цветом, появляется подсказка что рабочее место уже назначено

Actual result:
Нет ограничений на добавление рабочих мест

Attachment:

- [x] Description:
Создание зоны с камерой без привязки к рабочему месту

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести валидные данные во все поля
5. Перейти на вкладку "Зона"
6. Добавить зону для камеры и не назначать рабочее место
7. Кликнуть сохранить

Expected result:
Поле прдсвечивается красным, появляется подсказка что поле обязательно для заполнения

Actual result:
Зону камеры можно выбрать без привязки к рабочему месту

Attachment:

- [x] Description:
Не корректная сортировка с зонами камер

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести валидные данные во все поля
5. Перейти на вкладку "Зона"
6. Добавить немколько зон с камерами (больше 10)

Expected result:
Сортировка зон с камерами производится по алфавиту или от меньшего к большему

Actual result:
Сортировка рандомная

Attachment:
https://share.vidnoz.com/share-Syyr3cqPQpIIdxJ8Uag4zIIB1734951635

- [x] Description:
При большом количестве зон с камера, нет скрола с прокруткой

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Ввести валидные данные во все поля
5. Перейти на вкладку "Зона"
6. Добавить немколько зон с камерами (больше 10)

Expected result:
При выходе за зону видимости, появляется скрол с прокруткой зон с камерами

Actual result:
Скрол не появляется, верста с названиями зон спускаются по странице вниз

Attachment:

- [x] Description:
При сохранении камеры с пустыми полями происходит возврат на страницу с выбором камер

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Оставить все поля пустыми
5. Кликнуть "Сохранить"

Expected result:
Перехода на другую страницу не происходит. Все незаполненные (но обязательные) поля подсвечиваются красным, под каждым таким полем появляется подсказка что данное поле обязательно для заполнения

Actual result:
Происходит переход на страницу со списком всех используемых камер

Attachment:
https://share.vidnoz.com/share-Syyr3cqPQpIIdxJ8Uag4zIIB1734951635

- [x] Description:
При оставлении пустых полей для добавления камеры и нажатии сохранить, происходит переход на страницу с выбором камер

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
5. Кликнуть "Сохранить"

Expected result:
Незаполненные обязательные поля подсвечиваются красным, появляется подсказка что поля обязательны для заполнения

Actual result:
Происходит переход на страницу со списком всех используемых камер

Attachment:
https://share.vidnoz.com/share-Yqbu5P6RuQPGZMPNNfBwkDLz1735027053

- [x] Description:
При добавлении новой камеры, в разделе "Зона" появляется ошибка "Нет подключения к камере"

Step to reproduce:
1. Перейти в раздел "Настройка камер"
2. Кликнуть по иконке "Добавления камеры"
3. Перейти на вкладку "Камера"
4. Выбрать любую свободную камеру
5. Заполнить оставшиеся поля валидными значениями
6. Кликнуть по кнопке "тестовое подключение"
7. Перейти на вкладку "Зона"
8. Обратить внимание на ошибку подключения
9. Кликнуть "Сохранить"
10. Перезагрузить страницу
11. Выбрать ранее созданную камеру
12. Перейти на вкладку "Зона" и обратить внимание на то что добавление зон доступно

Expected result:
Зоны для камеры можно добавлять при создании камеры

Actual result:
При создании камеры, на вкладке "Зона" ошибка подключения к камере. Добавить зону можно только через редактирование камеры

Attachment:
https://share.vidnoz.com/share-Yqbu5P6RuQPGZMPNNfBwkDLz1735027053

The issue describes multiple UI/UX bugs in the camera creation and zone management interface. Look for components handling camera settings, form validation, and zone lists. Start by examining the camera creation form and zone management tabs. Check form state management, validation logic, and UI components for scrolling and sorting. The linked pull request #1010 may have addressed some parts, so review its changes first.

索引モデルが issue の本文から書いたものです。