5sControl / 5sControl/5s-frontend

[12h] Configuration - New way for adding cameras and algorithms #3

Offen
#27 1 Kommentar 0 Reaktionen 1 zugewiesene Person Zugewiesen an @AlexGurski Auf GitHub ansehen
Feature Front
Vorherrschende Sprache
TypeScript
Sterne
3
Forks
1
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Убираем табы Cameras и Algorithms, вместо их появляется таб Configuration.
https://www.figma.com/file/Iu4zvVDOUrHU97vUhPz1bC/5S-Control?node-id=3563%3A66081&t=C2RcFa0GaxY8hUGD-1

В конфигурации можно поключиться к бд, подключить камеры и настроить их, перейти на страницу камеры.

Подключение к бд.
![image](https://user-images.githubusercontent.com/93651145/223098514-7383cbf9-d317-4eb9-8fb9-be61803bd749.png)

Отключение бд.
![image](https://user-images.githubusercontent.com/93651145/223098661-6ffc2601-1b2a-412b-a141-ff641cacd794.png)

Подключение к камере.
1/2 (уже реализовано)
![image](https://user-images.githubusercontent.com/93651145/223099126-ba23364a-c625-4e9e-8f2a-470cb000e509.png)

2/2 (надо изменить). Левая часть скроллится, справа выводится изображение с камеры.
![image](https://user-images.githubusercontent.com/93651145/223099291-8f11e814-6d03-4f44-b560-678bbe642197.png)

Переход на страницу камеры.
![image](https://user-images.githubusercontent.com/93651145/223099621-3bd748db-312e-4ce9-be57-3f51a9aed8f8.png)

На странице камеры через Settings можно открыть ту же модалку.
![image](https://user-images.githubusercontent.com/93651145/223099842-7fa6205f-6aff-4382-bfa2-3bfd2262e5ac.png)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

The issue describes a UI redesign to replace 'Cameras' and 'Algorithms' tabs with a unified 'Configuration' tab. Start by examining the existing tab components and routing. The Figma link provides the design mockups. Implement the new Configuration tab to handle database connection, camera connection/configuration, and navigation to individual camera pages. Check for existing camera connection logic to reuse.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.