skywalking
skywalking copied to clipboard
apache
[GsoC][BanyanDB] Add Overview page in UI
Search before asking
- [X] I had searched in the issues and found no similar feature requirement.
Description
Background
SkyWalking BanyanDB is an observability database, aims to ingest, analyze and store Metrics, Tracing and Logging data.
The BanyanDB UI is a web interface provided BanyanDB server. It's developed with Vue3 and Vite3
Objectives
The UI should have a user-friendly Overview page. The Overview page must display a list of nodes running in a cluster. For each node in the list, the following information must be shown:
- Node ID or name
- Uptime
- CPU usage (percentage)
- Memory usage (percentage)
- Disk usage (percentage)
- Ports(gRPC and HTTP)
The web app must automatically refresh the node data at a configurable interval to show the most recent information.
Use case
No response
Related issues
No response
Are you willing to submit a PR?
- [ ] Yes I am willing to submit a PR!
Code of Conduct
- [X] I agree to follow this project's Code of Conduct
jira: https://issues.apache.org/jira/browse/GSOC-251
Hello Hongtao, I am Rahul Raj, and I agree to participate in this project.
Search before asking
- [x] I had searched in the issues and found no similar feature requirement.
Description
Background
SkyWalking BanyanDB is an observability database, aims to ingest, analyze and store Metrics, Tracing and Logging data.
The BanyanDB UI is a web interface provided BanyanDB server. It's developed with Vue3 and Vite3
Objectives
The UI should have a user-friendly Overview page. The Overview page must display a list of nodes running in a cluster. For each node in the list, the following information must be shown:
- Node ID or name
- Uptime
- CPU usage (percentage)
- Memory usage (percentage)
- Disk usage (percentage)
- Ports(gRPC and HTTP)
The web app must automatically refresh the node data at a configurable interval to show the most recent information.
Use case
No response
Related issues
No response
Are you willing to submit a PR?
- [ ] Yes I am willing to submit a PR!
Code of Conduct
- [x] I agree to follow this project's Code of Conduct
jira: https://issues.apache.org/jira/browse/GSOC-251
To-Do List:
- Add a header section, add a navigation bar just below the header, & add a footer section.
- Design and implement the UI components to display the node data on the Overview page.
- Implement the functionality to automatically refresh the node data at a configurable interval.
- Implement the UI component to display the node ID or name.
- Implement the UI component to display the node uptime.
- Implement the UI component to display the node CPU usage.
- Implement the UI component to display the node memory usage.
- Implement the UI component to display the node disk usage.
- Implement the UI component to display the node ports (gRPC and HTTP)
- Fix any issues or bugs identified during the testing phase.
- Write documentation for the implemented features.