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.
46 lines
1.9 KiB
46 lines
1.9 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 default function Component({ service }) {
|
|
const { t } = useTranslation();
|
|
|
|
const { widget } = service;
|
|
|
|
const { data: datastoreData, error: datastoreError } = useWidgetAPI(widget, "status/datastore-usage");
|
|
const { data: tasksData, error: tasksError } = useWidgetAPI(widget, "nodes/localhost/tasks");
|
|
const { data: hostData, error: hostError } = useWidgetAPI(widget, "nodes/localhost/status");
|
|
|
|
if (datastoreError || tasksError || hostError) {
|
|
const finalError = tasksError ?? datastoreError ?? hostError;
|
|
return <Container service={service} error={finalError} />;
|
|
}
|
|
|
|
if (!datastoreData || !tasksData || !hostData) {
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="proxmoxbackupserver.datastore_usage" />
|
|
<Block label="proxmoxbackupserver.failed_tasks_24h" />
|
|
<Block label="proxmoxbackupserver.cpu_usage" />
|
|
<Block label="proxmoxbackupserver.memory_usage" />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
const datastoreUsage = datastoreData.data[0].used / datastoreData.data[0].total * 100;
|
|
const cpuUsage = hostData.data.cpu * 100;
|
|
const memoryUsage = hostData.data.memory.used / hostData.data.memory.total * 100;
|
|
const failedTasks = tasksData.total >= 100 ? "99+" : tasksData.total;
|
|
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="proxmoxbackupserver.datastore_usage" value={t("common.percent", { value: datastoreUsage })} />
|
|
<Block label="proxmoxbackupserver.failed_tasks_24h" value={failedTasks} />
|
|
<Block label="proxmoxbackupserver.cpu_usage" value={t("common.percent", { value: cpuUsage })} />
|
|
<Block label="proxmoxbackupserver.memory_usage" value={t("common.percent", { value: memoryUsage })} />
|
|
</Container>
|
|
);
|
|
}
|