Minimal widget

Standard option

The default minimal widget is set up to display the status of all the services for each hub.

In the control panel under External Applications, there is a tab labeled StatusHub Minimal Widget.

There is a toggle to turn on or off the widget.

There is a form field to copy the token, to the left there is a Reset token button.

Next is a text area showing the Widget Code. The following is the example.

<div id="widget_container"></div>
<script src="https://cdn.statushub.io/apps/widget-compact/v1/widget.js"></script>
<script>
  STATUSHUB.widget({
    targetElement: "#widget_container",
    accessToken: "{{token-for-hub}}"
  });
</script>

And at the bottom is the actual widget.

Per service(s) option

The minimal widget can be adjusted to just display the status of one service or a list of services. The following are the options and how they can be set.

Per service

In this case, just one serviceID needs to be included.

<div id="widget_container"></div>
<script src="https://cdn.statushub.io/apps/widget-compact/v1/widget.js"></script>
<script>
  STATUSHUB.widget({
    targetElement: "#widget_container",
    accessToken: "{{token-for-hub}}",
    serviceIDs: [nnnnn]
  });
</script>

Per services (list)

And in this case, a list of serviceIDs can be added.

<div id="widget_container"></div>
<script src="https://cdn.statushub.io/apps/widget-compact/v1/widget.js"></script>
<script>
  STATUSHUB.widget({
    targetElement: "#widget_container",
    accessToken: "{{token-for-hub}}",
     serviceIDs: [nnnnn, mmmmm]
 });
</script>

If there are any questions, please contact us.