Mockup: UI for NS8 Metrics

[gsanchietti]

We need a UI mockup for the NS8 metrics and alerts interface. The mockup should include the following features:

• Grafana access: Display the path for accessing Grafana dashboards.
• Mail Notification: Include an option for configuring mail notifications for alerts.

Features to Expose Inside the UI

1. Grafana access

   • Switch to enalbe/disable the Grafana access
   • Link/Button to Grafana
   • Display the default credentials for accessing Grafana and what to do to change them.

2. Alert Notification

   An interface for configuring alert notifications via email. This section requires that Settings > Mail notifications are enabled at the cluster level. For machines with a subscription, emails are automatically sent by the Nethesis portal configuration may not be needed.

   • Inline notification with the above informations.
   • Fields for setting up email addresses, notification preferences:
     • Alert recipients: List of email addresses to receive alerts. If no address is given, no email is sent.
     • Alert sender address: Email address used to send alerts. If left blank, the default value is alertmanager@<node_fqdn>.
   • Mail template selector. A drop-down selector with items like "Default English template", "Default Italian template", "Custom template".

Additional Information

• Repository: NethServer/ns8-metrics
• Documentation: https://docs.nethserver.org/projects/ns8/en/latest/metrics.html

[AmaLuci]

Mockups ready in Figma here