Alertmanager-Overview is a simple Alertmanager overview page which lists all active alerts with auto refresh. It will also display different styles for active (with background color red) and silenced (with background color grey) alerts. An Alertmanager that cannot be reached is shown with background color orange.
Each alert shows an icon for its level (label level: fatal, error, warn, info), hovering the icon shows the annotation description. Numbers in the annotation summary are shown in bold. Each alert shows how long it has been firing (tooltip: start time), silenced alerts additionally show the end and the creator of their silence (tooltip: comment). Active alerts link to the form for a new silence in their Alertmanager, silenced alerts link to their silence and all alerts link to their rule in Prometheus (generatorURL). Times are shown in the format of the first preferred language of the browser. The favicon shows the number of alerts per Alertmanager (an orange ? if it cannot be reached), it turns red on active error alerts and blinks red and black on active fatal alerts.
The current version of Alertmanager-Overview is designed for two Alertmanagers running: one for production environment and one for test environment. The URLs are set by the environment variables PRODUCTION_URL and TEST_URL. The URLs may not contain double quotes ("). The Alertmanagers must allow cross-origin requests (Alertmanager does this by default).
- Docker
- Alertmanager (0.16 or newer, API v2) for production environment
- Alertmanager (0.16 or newer, API v2) for test environment
Set up your variables in the placeholder and run the following command on your docker server:
docker run \
-d \
--name=alertmanager-overview \
-e PRODUCTION_URL=http://my-alertmanager-for-production.example.com \
-e TEST_URL=http://my-alertmanager-for-test.example.com \
-p 80:80 \
avides/alertmanager-overview:latest
The image is published for linux/amd64 and linux/arm64 (.github/docker.platforms). The application is written in TypeScript with Vue 3 and built with Vite. The Docker build runs the tests and the build, so only Docker is needed:
docker build -t alertmanager-overview-dev .
docker run \
-d \
--name=alertmanager-overview \
-e PRODUCTION_URL=http://my-alertmanager-for-production.example.com \
-e TEST_URL=http://my-alertmanager-for-test.example.com \
-p 80:80 \
alertmanager-overview-dev
docker logs -f alertmanager-overview
docker exec -it alertmanager-overview /bin/sh
With a local Node.js installation:
npm ci
npm test
npm run build