-
Notifications
You must be signed in to change notification settings - Fork 1
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
Eagle 1375 #805
Eagle 1375 #805
Conversation
…per at the top of the page
Reviewer's Guide by SourceryThis PR implements UI changes to display active graph configuration information in two locations: the graph name wrapper at the top of the page and in the graph inspector panel. The changes include adding new UI elements, styling updates, and the necessary supporting TypeScript code. Updated Class Diagram for Eagle and FileInfoclassDiagram
class Eagle {
+ko.PureComputed activeConfigText
+toggleWindows() : void
}
class FileInfo {
+getText() : string
}
note for Eagle "Added activeConfigText to display active graph configuration."
note for FileInfo "Updated getText method to include strong HTML tags."
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
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.
Hey @M-Wicenec - I've reviewed your changes and found some issues that need to be addressed.
Blocking issues:
- Consider using a safe HTML encoding method for repository information (link)
Here's what I looked at during the review
- 🟢 General issues: all looks good
- 🔴 Security: 1 blocking issue
- 🟢 Testing: all looks good
- 🟢 Complexity: all looks good
- 🟢 Documentation: all looks good
Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.
@@ -371,9 +371,9 @@ export class FileInfo { | |||
getText = () : string => { | |||
if (this.repositoryName !== ""){ | |||
if (this.path === ""){ | |||
return this.repositoryService + ": " + this.repositoryName + " (" + this.repositoryBranch + "): " + this.name; | |||
return "<strong>" + this.repositoryService + "</strong>: " + this.repositoryName + " (" + this.repositoryBranch + "): " + this.name; |
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.
🚨 issue (security): Consider using a safe HTML encoding method for repository information
Direct string concatenation with HTML tags could lead to XSS vulnerabilities if any of the fields contain special characters. Consider using a sanitization function or template system.
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.
Looks good
src/Eagle.ts
Outdated
@@ -385,6 +385,14 @@ export class Eagle { | |||
return fileInfo.getText(); | |||
}, this); | |||
|
|||
activeConfigText : ko.PureComputed<string> = ko.pureComputed(() => { |
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.
Can we name this 'activeConfigHtml' to indicate that it returns html
src/FileInfo.ts
Outdated
@@ -371,9 +371,9 @@ export class FileInfo { | |||
getText = () : string => { |
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.
Maybe rename to getHtml() here too
templates/inspector.html
Outdated
</div> | ||
<div class="row inspectorEdgeSrcNodeId contentObject"> | ||
<div class="col-6 col contentObjectTitle"> | ||
<h5>Config Length: </h5> |
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.
Maybe "Config Fields:" instead of length?
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.
yea maybe, i wasnt quite sure what to call it without making it too long
displaying active graph config in the graph name wrapper and in the graph inspector
Summary by Sourcery
Display the active graph configuration details in the graph inspector and graph name wrapper, enhancing the user interface with better organization and additional functionality.
New Features:
Enhancements: