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.
82 lines
3.0 KiB
82 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";
|
|
|
|
export const fritzboxDefaultFields = ["connectionStatus", "uptime", "maxDown", "maxUp"];
|
|
|
|
const formatUptime = (uptimeInSeconds) => {
|
|
const days = Math.floor(uptimeInSeconds / (3600 * 24));
|
|
const hours = Math.floor((uptimeInSeconds % (3600 * 24)) / 3600);
|
|
const minutes = Math.floor((uptimeInSeconds % 3600) / 60);
|
|
const seconds = Math.floor(uptimeInSeconds) % 60;
|
|
const format = (num) => String(num).padStart(2, "0");
|
|
|
|
let uptimeStr = "";
|
|
if (days) {
|
|
uptimeStr += `${days}d`;
|
|
}
|
|
if (uptimeInSeconds >= 3600) {
|
|
uptimeStr += `${format(hours)}h`;
|
|
}
|
|
if (uptimeInSeconds >= 60) {
|
|
uptimeStr += `${format(minutes)}m`;
|
|
}
|
|
if (!days) {
|
|
uptimeStr += `${format(seconds)}s `;
|
|
}
|
|
|
|
return uptimeStr;
|
|
};
|
|
|
|
export default function Component({ service }) {
|
|
const { t } = useTranslation();
|
|
const { widget } = service;
|
|
const { data: fritzboxData, error: fritzboxError } = useWidgetAPI(widget, "status");
|
|
|
|
if (fritzboxError) {
|
|
return <Container service={service} error={fritzboxError} />;
|
|
}
|
|
|
|
// Default fields
|
|
if (!widget.fields?.length > 0) {
|
|
widget.fields = fritzboxDefaultFields;
|
|
}
|
|
const MAX_ALLOWED_FIELDS = 4;
|
|
// Limits max number of displayed fields
|
|
if (widget.fields?.length > MAX_ALLOWED_FIELDS) {
|
|
widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS);
|
|
}
|
|
|
|
if (!fritzboxData) {
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="fritzbox.connectionStatus" />
|
|
<Block label="fritzbox.uptime" />
|
|
<Block label="fritzbox.maxDown" />
|
|
<Block label="fritzbox.maxUp" />
|
|
<Block label="fritzbox.down" />
|
|
<Block label="fritzbox.up" />
|
|
<Block label="fritzbox.received" />
|
|
<Block label="fritzbox.sent" />
|
|
<Block label="fritzbox.externalIPAddress" />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="fritzbox.connectionStatus" value={t(`fritzbox.connectionStatus${fritzboxData.connectionStatus}`)} />
|
|
<Block label="fritzbox.uptime" value={formatUptime(fritzboxData.uptime)} />
|
|
<Block label="fritzbox.maxDown" value={t("common.byterate", { value: fritzboxData.maxDown / 8, decimals: 1 })} />
|
|
<Block label="fritzbox.maxUp" value={t("common.byterate", { value: fritzboxData.maxUp / 8, decimals: 1 })} />
|
|
<Block label="fritzbox.down" value={t("common.byterate", { value: fritzboxData.down, decimals: 1 })} />
|
|
<Block label="fritzbox.up" value={t("common.byterate", { value: fritzboxData.up, decimals: 1 })} />
|
|
<Block label="fritzbox.received" value={t("common.bytes", { value: fritzboxData.received })} />
|
|
<Block label="fritzbox.sent" value={t("common.bytes", { value: fritzboxData.sent })} />
|
|
<Block label="fritzbox.externalIPAddress" value={fritzboxData.externalIPAddress} />
|
|
</Container>
|
|
);
|
|
}
|