Alert

The alert module is one of the default modules of the MagicMirror. This module displays notifications from other modules.

Usage

To use this module, add it to the modules array in the config/config.js file:

modules: [
	{
		module: "alert",
		config: {
			// The config property is optional.
			// See 'Configuration options' for more information.
		}
	}
]

The following properties can be configured:

Option	Description
`effect`	The animation effect to use for notifications. Possible values: `scale` `slide` `genie` `jelly` `flip` `exploader` `bouncyflip` Default value: `slide`
`alert_effect`	The animation effect to use for alerts. Possible values: `scale` `slide` `genie` `jelly` `flip` `exploader` `bouncyflip` Default value: `jelly`
`display_time`	Time a notification is displayed in milliseconds. Possible values: `int` Default value: `3500`
`position`	Position where the notifications should be displayed. Possible values: `left` `center` `right` Default value: `center`
`welcome_message`	Message shown at startup. Possible values: `string` `false` Default value: `false` (no message at startup)

For notifications use:

self.sendNotification("SHOW_ALERT", {type: "notification"});

For alerts use:

self.sendNotification("SHOW_ALERT", {});

Option	Description
`title`	The title of the notification. Can contain text or html.
`titleType`	The title type of the notification. Possible values: `text` or `html` Default value: `html`
`message`	The message of the notification. Can contain text or html.
`messageType`	The message type of the notification. Possible values: `text` or `html` Default value: `html`
`timer` (optional)	How long the notification should stay visible in ms. If absent, the default `display_time` is used. Possible values: `int` `float`

Option	Description
`title`	The title of the alert. Can contain text or html.
`titleType`	The title type of the alert. Possible values: `text` or `html` Default value: `html`
`message`	The message of the alert. Can contain text or html.
`messageType`	The message type of the alert. Possible values: `text` or `html` Default value: `html`
`imageUrl` (optional)	Image to show in the alert Possible values: `url` `path` Default value: `none`
`imageFA` (optional)	Font Awesome icon to show in the alert Possible values: See Font Awesome website. Default value: `none`
`imageHeight` (optional even with imageUrl set)	Height of the image Possible values: `intpx` Default value: `80px`
`timer` (optional)	How long the alert should stay visible in ms. Important: If you do not use the `timer`, it is your duty to hide the alert by using `self.sendNotification("HIDE_ALERT");`! Possible values: `int` `float` Default value: `none`

See tympanus.net for license.