Skip to content
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

Added application details views #188

Merged
merged 5 commits into from
Jul 22, 2021
Merged

Conversation

sk593
Copy link
Contributor

@sk593 sk593 commented Jul 14, 2021

Added applications details view to expose metadata as outlined in issue #161. When an application name is clicked on, the app details pane populates the data

UI:
Screen Shot 2021-07-14 at 10 24 30 AM

@sk593 sk593 requested a review from philliphoff July 14, 2021 16:19
@@ -29,13 +30,14 @@ export default class DaprComponentsNode implements TreeNode {
}

async getChildren(): Promise<TreeNode[]> {
//TO DO: FIX WARNING NODE
Copy link
Member

Choose a reason for hiding this comment

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

What needs to be fixed?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

My bad, it was a comment to myself but I forgot to remove it before committing.

}

setAppDetails(application: DaprApplication | undefined) : void {
this.detailLabels = ["App ID", "App Port", "Dapr HTTP Port", "Dapr GRPC Port", "Dapr Process ID"];
Copy link
Member

Choose a reason for hiding this comment

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

These (and below) labels should be localizable.

}

setComponentDetails(component: DaprComponentMetadata | undefined) : void {
this.detailLabels = ["Name", "Type", "Version"]
Copy link
Member

Choose a reason for hiding this comment

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

This is ok, but can lead to fragility in that the order can be easily mixed up. Perhaps something like:

this.details = [
  { label: 'Name', value: component.name },
  { label: 'Type', value: component.type },
  ...
];

Copy link
Member

@philliphoff philliphoff left a comment

Choose a reason for hiding this comment

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

Just some final comments; once at least the localization ones are addressed, this should be good to go.

@sk593 sk593 merged commit fc95971 into microsoft:main Jul 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants