mozaik-ext-statuspage v1.0.0
Mozaïk statuspage.io widget
This widget display status from multiple statuspage.io sources in your Mozaik dashboard.
Installation
To install mozaik-ext-statuspage from npm, run:
npm install --save mozaik-ext-statuspage
Configuration
config.js
In your Mozaik dashboard's config.js file, add the following section to widgets array:
{
type: 'statuspage.data',
title: '3rd party servicesS',
sources: [
'https://status.digitalocean.com',
'https://status.dropbox.com',
'https://www.intercomstatus.com'
],
columns: 1, rows: 1,
x: 1, y: 1
}
Sources property is array of valid statuspage urls of the services you wish to monitor.
App.jsx
In your Mozaik dashboard's App.jsx you need to import statuspage module and register it with Mozaik extensions.
import Mozaik from 'mozaik/browser';
import statuspage from 'mozaik-ext-statuspage';
Mozaik.Registry.addExtensions({
github,
travis,
statuspage
});
server.js
In your Mozaik dashboard's server.js you need to import statuspage module and register it with Mozaik api interface.
import Mozaik from 'mozaik/browser';
import statuspage from 'mozaik-ext-statuspage';import statuspage from 'mozaik-ext-statuspage/client';
const mozaik = new Mozaik(config);
mozaik.bus.registerApi('statuspage', statuspage);
Usage
Widget contains 3 properties: name, status last_updated_at
Name is clickable url that opens status page in new window.
Statuses are pulled directly from single statuspage api endpoint (/api/v2/status.json).
Based on the current status, label and background color are dynamically changed:
indicator | description | color |
---|---|---|
none | All Systems Operational | green |
minor | Partial System Outage | orange |
major | Major Service Outage | red |
critical | Critical Service Outage | red |
3 years ago