Description

Improves display of notification messages from louislam#4005 and louislam#4112. I have updated the discord and slack notification providers to provide SLOW/NOMINAL notifications that look similar to the existing UP/DOWN notifications. By default, the rest of the notification providers fall back to plain text notifications. Help would be appreciated adding similar functionality to many of the other notification providers.

Type of change

• New feature (non-breaking change which adds functionality)

Checklist

• My code follows the style guidelines of this project
• I ran ESLint and other linters for modified files
• I have performed a self-review of my own code and tested it
• I have commented my code, particularly in hard-to-understand areas (including JSDoc for methods)
• My changes generates no new warnings
• My code needed automated testing. I have added them (this is optional task)

Screenshots

Discord

Slack

Description

Adds Visual Elements to louislam#4005
Fixes louislam#4035

This pull request generally adds visual flair to the work done in louislam#4005 . Since all changes are visual, change details are listed under screenshots below.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• User interface (UI)
• New feature (non-breaking change which adds functionality)

Checklist

• My code follows the style guidelines of this project
• I ran ESLint and other linters for modified files
• I have performed a self-review of my own code and tested it
• I have commented my code, particularly in hard-to-understand areas (including JSDoc for methods)
• My changes generates no new warnings
• My code needed automated testing. I have added them (this is optional task)

Screenshots

• Add threshold line to ping chart
  • 
• Add Slow badge to monitor dashboard when service is responding slow (no badge when Nominal)
  • 
• Add Slow/Nominal entries to events log
  • 
• Add Slow/Nominal toast messages
  • 
  • 
• Add number of Slow services to Dashboard Quick Stats
  • 

Description

This new feature allows notifications to be configured surrounding the response time of a given service.

Resolves louislam#1813
Closes louislam#1878

• Add Resend Interval
• Add Last Response Time Calculation Method
• Add Threshold Calculation with Static Threshold and Relative to Avg. Response Methods
• Also send notification when service returns to normal response time

Notification Control

Notifications are sent during 3 events.

1. Response time is greater than specified threshold (Service started responding slowly)
2. Response time returns to less than specified threshold (Service returned to normal response time)
3. Response time remains slow x consecutive times, if Resend Notification is greater than 0 (Service still responding slowly)

Response Time Calculation

There are multiple options for calculating the response time.

Threshold Calculation

There are also multiple options for calculating the threshold.

Type of change

Please delete any options that are not relevant.

• User interface (UI)
• New feature (non-breaking change which adds functionality)

Checklist

• My code follows the style guidelines of this project
• I ran ESLint and other linters for modified files
• I have performed a self-review of my own code and tested it
• I have commented my code, particularly in hard-to-understand areas
  (including JSDoc for methods)
• My changes generate no new warnings
• My code needed automated testing. I have added them (this is optional task)

Screenshots (if any)

Feature Disabled (default)

"Slow Response Notification" checkbox below rest of "General" fields.

Feature Enabled (with default settings)

Response Time Calculation

Average

Max

Last (Window Duration Hidden)

Threshold Calculation

Relative to Avg. Response

Static Threshold

Resend Interval

Example Discord Notifications