-
Notifications
You must be signed in to change notification settings - Fork 276
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Modeling exercises
: Improve modeling editor readonly view
#8275
Conversation
WalkthroughThe recent updates introduce enhancements and conditional rendering across several components within a web application. Key changes include the addition of styling and conditional visibility in the modeling editor component, adjustments for readonly mode including SVG export functionality, and the removal of a specific CSS class from an element in the course exercise details. These modifications aim to improve the user interface and functionality, particularly for modeling exercises. Changes
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configration File (
|
src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts
Outdated
Show resolved
Hide resolved
@milljoniaer quick question: how about diagrams with some feedback/assessment attached? are they considered as readonly as well? if so, will the feedback/assessment be displayed and/or will it highlight the corresponding elements? |
src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts
Outdated
Show resolved
Hide resolved
@loreanvictor thanks for the review, I removed the log. Artemis/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts Lines 76 to 83 in 9831e12
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
code 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
code looks good to me.
I think an improvement (that can be done later?) would be to do the exporting in ngAfterViewChecked()
instead, so that if input of the component changes the rendered diagram updates as well.
33af42a
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
re-approve
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested locally, looks good in dark and light mode 👍
bb985ee
Checklist
General
Client
authorities
to all new routes and checked the course groups for displaying navigation elements (links, buttons).Motivation and Context
Apollon UML Diagrams have been shown overcomplicated in their readonly views such as in modeling managament detail pages or as example solution in the students view.
Description
The UML Diagram is in readonly now exported as SVG element and will be displayed on plain background to reduce complexity.
Steps for Testing
Prerequisites:
Testserver States
Note
These badges show the state of the test servers.
Green = Currently available, Red = Currently locked
Review Progress
Code Review
Manual Tests
Screenshots
Summary by CodeRabbit
Summary by CodeRabbit
.readonly-diagram
to enhance visual contrast.