5sControl / 5sControl/5s-frontend

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

Open
#27 1 comment 0 reactions 1 assignee Assigned to @AlexGurski View on GitHub
Feature Front
Dominant language
TypeScript
Stars
3
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Убираем табы 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)

Contributor guide

Open the contributing guide

Research direction

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.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.