Skip to content

Add non-canvas element management with controller and service integration#574

Merged
Matthbo merged 18 commits into
masterfrom
feat/add-non-canvas-elements
Jul 10, 2026
Merged

Add non-canvas element management with controller and service integration#574
Matthbo merged 18 commits into
masterfrom
feat/add-non-canvas-elements

Conversation

@stijnpotters1

@stijnpotters1 stijnpotters1 commented Jun 24, 2026

Copy link
Copy Markdown
Contributor
image image image image image

@stijnpotters1 stijnpotters1 self-assigned this Jun 24, 2026
@stijnpotters1 stijnpotters1 requested a review from Matthbo June 24, 2026 14:51
@stijnpotters1 stijnpotters1 linked an issue Jun 24, 2026 that may be closed by this pull request
@stijnpotters1 stijnpotters1 requested a review from philipsens June 24, 2026 14:53
@philipsens

philipsens commented Jun 25, 2026

Copy link
Copy Markdown
Member

Looks good!

There is a difference between the pen-pot tho. In the design, there can be two rows in each component. A type and a name (or ref in the case of an include). The type should be small and bold while the name would be larger. Is there is no name, the type should be the same styling as the name would've been.

Also, I think elements should just be called components.

image

Also, I think each component should be clickable to configure it, even if it has a button to go to the studio. That makes it easy to rename an adapter for example or to delete it.

@stijnpotters1

Copy link
Copy Markdown
Contributor Author
image

Improved!

Comment thread src/main/frontend/app/routes/configurations/configuration-overview.tsx Outdated
Comment thread src/main/frontend/app/services/non-canvas-component-service.ts Outdated
Comment thread src/main/frontend/app/routes/configurations/non-canvas-component-context.tsx Outdated
@stijnpotters1 stijnpotters1 force-pushed the feat/add-non-canvas-elements branch from bfb10e5 to fe2d1bd Compare July 1, 2026 09:28
@stijnpotters1 stijnpotters1 requested a review from Matthbo July 1, 2026 12:03
@philipsens

Copy link
Copy Markdown
Member

It might be interesting to explore the possibility to give this a more flat and calm design.

@philipsens philipsens linked an issue Jul 6, 2026 that may be closed by this pull request
@philipsens

philipsens commented Jul 6, 2026

Copy link
Copy Markdown
Member

I changed it to a flat, calmer design:

image

PS: I also fixed the hidden sidebar that could still be opened. And the color of the sidebar. Check commits for more info.

@philipsens philipsens left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The border doesn't change back after dropping an element.

Also the add component modal looks very different from the one in the Studio.

philipsens and others added 2 commits July 6, 2026 17:40
@stijnpotters1

Copy link
Copy Markdown
Contributor Author

The border doesn't change back after dropping an element.

Also the add component modal looks very different from the one in the Studio.

I have implemented these last tasks in the pr!

@stijnpotters1 stijnpotters1 requested a review from philipsens July 7, 2026 09:15
@philipsens

This comment was marked as off-topic.

@stijnpotters1

This comment was marked as off-topic.

@philipsens

This comment was marked as off-topic.

@philipsens philipsens self-assigned this Jul 9, 2026
# Conflicts:
#	src/main/frontend/app/routes/configurations/add-configuration-file-modal.tsx
#	src/main/frontend/app/routes/studio/context/node-context.tsx
@philipsens philipsens requested review from Matthbo and removed request for Matthbo July 9, 2026 12:08

@Matthbo Matthbo left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also take a look at the linting warnings

Comment thread src/main/frontend/app/components/dialog.tsx Outdated
Comment thread src/main/frontend/app/routes/configurations/add-non-canvas-component-menu.tsx Outdated
Comment thread src/main/frontend/app/routes/configurations/use-non-canvas-components.ts Outdated
@github-project-automation github-project-automation Bot moved this to In Progress in Frank!Framework Jul 9, 2026
@philipsens philipsens moved this from In Progress to Review in Frank!Framework Jul 9, 2026
@sonarqubecloud

Copy link
Copy Markdown

@philipsens philipsens requested a review from Matthbo July 10, 2026 13:12
@Matthbo Matthbo merged commit 33cf5d3 into master Jul 10, 2026
5 checks passed
@Matthbo Matthbo deleted the feat/add-non-canvas-elements branch July 10, 2026 15:32
@github-project-automation github-project-automation Bot moved this from Review to Done in Frank!Framework Jul 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

Resize border is blue instead of FF yellow Implement a configure non-canvas elements screen

3 participants