Notifications — Nightglass Demo

In a real Domoticz setup, toasts fire automatically whenever any device changes state via the WebSocket feed. Click the buttons below to preview them.

Toast Settings

Position

Duration

These controls apply to the toasts on this page. In Domoticz, use the Settings panel to configure permanently.

Device State Changes

Scene Activation

Each scene fires multiple device toasts with a short stagger. The stack caps at 4 — oldest slides out automatically.

System Alerts

These simulate Domoticz's own Bootstrap .alert-dismissable notifications — the kind that normally flash as a plain grey box in the corner. The theme intercepts them before they render and replaces them with Nightglass toasts instead.

How It Works

Device toasts hook into Angular's $rootScope.$on('device_update') — an event Domoticz already broadcasts via its WebSocket every time any device changes state. No polling, no extra requests.

System alerts are intercepted via MutationObserver watching for .alert-dismissable elements. Domoticz's notification service generates these for scripted alerts, failed commands, and schedule results. The original Bootstrap alert is removed before it renders.

Meaningful filter suppresses high-frequency sensor updates (temperature, power meters, rain gauges) so only intentional state changes — switches toggling, doors opening, motion triggered — produce a toast.