You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
homepage/src/widgets/uptimerobot/component.jsx

100 lines
3.0 KiB

import { useTranslation } from "next-i18next";
import Container from "components/services/widget/container";
import Block from "components/services/widget/block";
import useWidgetAPI from "utils/proxy/use-widget-api";
function secondsToDhms(seconds) {
const d = Math.floor(seconds / (3600*24));
const h = Math.floor(seconds % (3600*24) / 3600);
const m = Math.floor(seconds % 3600 / 60);
const s = Math.floor(seconds % 60);
const dDisplay = d > 0 ? d + (d === 1 ? " day, " : " days, ") : "";
const hDisplay = h > 0 ? h + (h === 1 ? " hr, " : " hrs, ") : "";
let mDisplay = m > 0 && d === 0 ? m + (m === 1 ? " min" : " mins") : "";
let sDisplay = "";
if (d === 0 && h === 0) {
mDisplay = m > 0 ? m + (m === 1 ? " min, " : " mins, ") : "";
sDisplay = s > 0 ? s + (s === 1 ? " sec" : " secs") : "";
}
return (dDisplay + hDisplay + mDisplay + sDisplay).replace(/,\s*$/, "");
}
export default function Component({ service }) {
const { widget } = service;
const { t } = useTranslation();
const { data: uptimerobotData, error: uptimerobotError } = useWidgetAPI(widget, "getmonitors");
if (uptimerobotError) {
return <Container service={service} error={uptimerobotError} />;
}
if (!uptimerobotData) {
return (
<Container service={service}>
<Block label="uptimerobot.status" />
<Block label="uptimerobot.uptime" />
<Block label="uptimerobot.lastDown" />
<Block label="uptimerobot.downDuration" />
</Container>
);
}
// multiple monitors
if (uptimerobotData.pagination?.total > 1) {
const sitesUp = uptimerobotData.monitors.filter(m => m.status === 2).length;
return (
<Container service={service}>
<Block label="uptimerobot.sitesUp" value={sitesUp} />
<Block label="uptimerobot.sitesDown" value={uptimerobotData.pagination.total - sitesUp} />
</Container>
);
}
// single monitor
const monitor = uptimerobotData.monitors[0];
let status;
let uptime = 0;
let logIndex = 0;
switch (monitor.status) {
case 0:
status = t("uptimerobot.paused");
break;
case 1:
status = t("uptimerobot.notyetchecked");
break;
case 2:
status = t("uptimerobot.up");
uptime = secondsToDhms(monitor.logs[0].duration);
logIndex = 1;
break;
case 8:
status = t("uptimerobot.seemsdown");
break;
case 9:
status = t("uptimerobot.down");
break;
default:
status = t("uptimerobot.unknown");
break;
}
const lastDown = new Date(monitor.logs[logIndex].datetime * 1000).toLocaleString();
const downDuration = secondsToDhms(monitor.logs[logIndex].duration);
const hideDown = logIndex === 1 && monitor.logs[logIndex].type !== 1;
return (
<Container service={service}>
<Block label="uptimerobot.status" value={status} />
<Block label="uptimerobot.uptime" value={uptime} />
{!hideDown && <Block label="uptimerobot.lastDown" value={lastDown} />}
{!hideDown && <Block label="uptimerobot.downDuration" value={downDuration} />}
</Container>
);
}