Embed Web Component: moonshot-dashboard

Web component for displaying the dashboard (V1) for an Org or Location.

Install

Include the component library in the head of your HTML.

For example:

<head>
  ...
  <script src="lib/moonshot-dashboard.js"></script>
</head>

To render a dashboard embed component for an org, add the following HTML into the body of you web page:

<moonshot-dashboard
  org="<orgAlias>" />

This will display the dashboard data for all locations of the provided org, using default settings.

The dashboard embed supports multiple configration attributes.

Option	Description
showMoonshotCredit	Whether or not to show the "Powered by Moonshot" at the bottom. Default is `true`.
autoRefresh	Specifies an auto-refresh frequency (in seconds). If not provided or set to `0`, refresh will be disabled.
width	Specifies a hard-coded width. This effectively disables responsiveness, allowing you to control the space the list occupies.
borderColor	Overrides the default border color used by the component. Default is `#C9C9C9`.
fontColor	Overrides the main font color used by the component. Default is `#3B3B3B`.
debug	When set to `true`, outputs debug info to the console. This info is not sensitive.

TBC