VisuMonit (Demo)

Dashboard to display monit XML output beautifully. The dashboard can:

1. Supports displaying status from multiple servers.
2. Automatically cycle through the different servers. Good for display-only screens.
3. Support fetching from servers that need authentication.
4. Support exporting and importing settings.

How to use

1. Install dependencies: npm install

2. To run the server: npm start

3. Validate your code with eslint: npm run lint

Once running, go to Settings and add a link to the xml monit URL you want to preview. example: https://visumonit.10ten.com/example/_status?format=xml

Requirements

In case you don't have access to monit server use the sample file using the url https://visumonit.10ten.com/example/_status?format=xml.

Also make sure to enable the CORS header Access-Control-Allow-Origin on your server, also if you are using authentication make sure you have these headers:

Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: access_token
Access-Control-Allow-Methods: GET
Access-Control-Allow-Origin: *

How will gulp build this website

The output will be in the folder build

files in src/files

will be copied into the root directory build/

files in src/js

will be copied into build/scripts/

files in src/images

will be copied into build/images/

src/scss/style.scss

will be compiled and copied to the root into build/style.css

How to deploy to Netlify

Fork this repo and deploy it on Netlify. You will then need to change these from: Setttings > Build & Deploy > Build Settings > Build command: npm run build Publish directory: build/