Make Empty fileds as red border after clicking add button

[SamantaTarun]

Don't close the PR. Ask me once for changes.

@tarunsamanta2k20

video link:

Screencast.2023-03-25.21.17.00.mp4

Issue link: #96
Issue Description:
One minor issue I found while adding a new database connection is, If any field is kept empty, it does show "cannot be empty," which is good.
We can make the border of the empty field Red if it is empty. (Warning)

[paraswaykole]

There are conflicts! Please resolve the conflicts

[paraswaykole]

Is it possible to show the errors when the user presses the add button but before hitting the API? can you make that change?

[SamantaTarun]

Is it possible to show the errors when the user presses the add button but before hitting the API? can you make that change?
@paraswaykole
It's already showing beside the add button like can't be empty.

[paraswaykole]

No! I mean't displaying the empty field as red only after pressing add button and not before that. By default it should be default input css style.

[SamantaTarun]

@paraswaykole did you watch my video from conversation section?

When I am pressing add button then only red borders are getting visible. Right?

[paraswaykole]

Ok! The video doesn't play. I will test it and merge it then.

[paraswaykole]

Looks good! One last change. backend only throws cannot be empty error when "display name or host or port or database name" is empty. Can you add these checks only for these 4 fields now?

[SamantaTarun]

@paraswaykole at the place of cannot be empty?

[SamantaTarun]

Looks good! One last change. backend only throws cannot be empty error when "display name or host or port or database name" is empty. Can you add these checks only for these 4 fields now?

@paraswaykole at the place of cannot be empty?

[paraswaykole]

Nope. For showing the red input boxes

[SamantaTarun]

Nope. For showing the red input boxes

@paraswaykole where do i have to add?

[paraswaykole]

You have already added the red border on the input boxes for all the input boxes when it throws error. Show the red border only on the 4 mentioned input boxes, remove the code for rest of them. Please make these changes.

four input boxes where red border should show when it throws errors are:

• display name
• host
• port
• database name

[SamantaTarun]

You have already added the red border on the input boxes for all the input boxes when it throws error. Show the red border only on the 4 mentioned input boxes, remove the code for rest of them. Please make these changes.

four input boxes where red border should show when it throws errors are:

• display name
• host
• port
• database name

@paraswaykole what about checkboxes red border?

[paraswaykole]

You have already added the red border on the input boxes for all the input boxes when it throws error. Show the red border only on the 4 mentioned input boxes, remove the code for rest of them. Please make these changes.
four input boxes where red border should show when it throws errors are:

• display name
• host
• port
• database name

@paraswaykole what about checkboxes red border?

Not needed!

[SamantaTarun]

[SamantaTarun]

@paraswaykole done

[SamantaTarun]

@paraswaykole please add me as a member of your organization. I wanna contribute more in tte future.