Angular - Adding the advanced entity relation for the low code #21692
BackDescription
Adds advanced entity relation support for the low-code module in Angular, including a ForeignKeyLinkWithTooltipComponent that renders foreign key values as clickable links with a rich tooltip showing related entity details.
Changes:
ForeignKeyLinkWithTooltipComponent: Renders foreign key column values as anchor links. Clicking opens a view modal for the related entity. Tooltip shows entity title and key/value detail lines.- Link style: Uses
text-decoration: underline dottedto match the design spec — consistent dotted underline instead of solid.
| Before | After |
|---|---|
Checklist
- I fully tested it as developer / designer and created unit / integration tests
- I documented it (or no need to document or I will create a separate documentation issue)
- I worked with the design team to get their idea for UI/UX design (or no need to design for this PR)
- I've assigned reviewer, related labels and set a milestone for this PR
How to test it?
- Open a low-code entity list page that has a foreign key column configured with an entity relation.
- Verify the foreign key value renders as a dotted-underline link.
- Hover to confirm the tooltip shows the related entity's detail lines.
- Click the link to confirm the view modal opens for the related entity.
🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.