Is it possible to show the main status of a status page on an external website?

[veitorg]

⚠️ Please verify that this bug has NOT been raised before.

• I checked and didn't find similar issue

🛡️ Security Policy

• I agree to have read this project Security Policy

📝 Describe your problem

Hey,
I use Uptime Kuma for monitoring my network. On my main website (HTML), I would like to show the status of an entire status page in the footer. It should look like "all services operational" or something like that as it states on the top of an uptime puma status page.
Im am not to experienced with APIs, but is there a way (maybe using the API) to let my main website pull the status of a status page and display it in the footer?

I would be very grateful for any solution

📝 Error Message(s) or Log

No error, just help with implementation

🐻 Uptime-Kuma Version

latest

💻 Operating System and Arch

Ubuntu 20.04

🌐 Browser

All Browsers

🐋 Docker Version

latest

🟩 NodeJS Version

No response

[pistasjis]

Look at https://status.yourdomain.xyz/api/status-page/your-status-page-name. It returns a JSON of all the added status monitors, but if you need heartbeat, look at https://status.yourdomain.xyz/api/status-page/heartbeat/your-status-page-name.

[veitorg]

Look at https://status.yourdomain.xyz/api/status-page/your-status-page-name. It returns a JSON of all the added status monitors, but if you need heartbeat, look at https://status.yourdomain.xyz/api/status-page/heartbeat/your-status-page-name.

Can you please tell me what I kind of need to implement in HTML to get this into the footer just stating of all systems are operational or not. (Like large providers have it like IONOS oder so)

[CommanderStorm]

Can you please tell me what I kind of need to implement in HTML

Depends on what you want to implement exactly and the language you are doing it in (vue, react, svelte, vanila-js, ...)

[veitorg]

Can you please tell me what I kind of need to implement in HTML

Depends on what you want to implement exactly and the language you are doing it in (vue, react, svelte, vanila-js, ...)

I do have an HTML page. For my footer, I have footer.html. I want to add a message in the footer that states the network status only in a short message like "All systems operational". Is there any HTML-Code or so that would work to pull the network status from kuma?

[chakflying]

Now that #2574 has been merged, you can probably just use that. (Wait for 1.23 or run master directly if you don't mind the increased risk of bugs)

[github-actions]

We are clearing up our old issues and your ticket has been open for 3 months with no activity. Remove stale label or comment or this will be closed in 2 days.

[github-actions]

This issue was closed because it has been stalled for 2 days with no activity.