openhpi / monitoring-frontend

openHPI Monitoring Frontend

Frontend service for the openHPI monitoring dashboard.

Deployment

1. Please follow the deployment instructions under https://github.com/openHPI/monitoring-analytics#deployment.

Development

1. Make sure you have NodeJS and npm installed.
2. Clone the repository

   git clone https://github.com/openHPI/monitoring-frontend
   cd monitoring-frontend
   

3. Install the dependencies

   npm install
   

4. Start the app

   npm start
   

5. Server is running on http://localhost:8080.

Building Docker Images manually

1. Login to your docker account

   docker login
   

2. Build the image

   docker build -t friedow/monitoring-frontend:latest .
   

3. Test the image

   docker run -p 8080:8080 friedow/monitoring-frontend:latest
   

4. Push the image

   docker push friedow/monitoring-frontend:latest
   

License

Copyright (c) 2018

Licensed under the MIT license.

monitoring-frontend's Issues

Fix docker image size

Show alert explanation

As a dashboard user, I want to have a button for showing an explanation, why this alert was triggered.
Implement this button in alert card. When clicking the button, request the TICK corresponding to the alert from Kapacitor and show the rule to the user.

Show nicely formatted title, subtitle and subsubtitle for alert

Create view for alert cards (details)

Show alert `details` in detail view

As a dashboard user, I want to see all available data (originating from the alert's details field) in the expanded view of an alert.
For example: I see an apt-check alert. In the details field I can retrieve information about the number of available updates and security-updates. Same for cpu-usage, the details field contains more information than just is critical and static information about the host.

Add dismiss button for alerts

As a dashboard user, I want to be able to dismiss resolved/wrong alerts.
This decision has to be saved in the back end (e.g. a new field in the mongo db "isDismissed").

This is especially useful for more meta alerts, that wont dismiss themselves.

Edit and delete existing Kapacitor tasks

Integrate Grafana into the event detail view

There are different ways (e.g. image, iframe, ...) on how to integrate Grafana into our frontend:
http://docs.grafana.org/reference/sharing/

Add advanced snooze options to alerts

As a frontend user I want to be able to choose between different snooze durations for alerts.

Make task variables editable

Add mute/snooze function to alerts

As a dashboard user, I want to mute/snooze alerts (e.g. 1 h, 1 d, 1 week).
This information needs to be saved in the back end (e.g. a dismissedUntil field in the mongo db).
Additionally, the front end needs to respect muted alerts.