8x48/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2026-01-13 12:42:09 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Feature: Zabbix service widget (#3905)

Browse Source 
Co-Authored-By: shamoon <4887959+shamoon@users.noreply.github.com>
This commit is contained in:
Mitchell
2024-08-29 20:45:05 +02:00
committed by shamoon
parent 4c6150a545
commit 44f8e9d4da
10 changed files with 136 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/widgets/zabbix/component.jsx Normal file
View File

@@ -0,0 +1,46 @@
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";
const PriorityWarning = "2";
const PriorityAverage = "3";
const PriorityHigh = "4";
const PriorityDisaster = "5";
export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service;
const { data: zabbixData, error: zabbixError } = useWidgetAPI(widget, "trigger");
if (zabbixError) {
return <Container service={service} error={zabbixError} />;
}
if (!zabbixData) {
return (
<Container service={service}>
<Block label="zabbix.warning" />
<Block label="zabbix.average" />
<Block label="zabbix.high" />
<Block label="zabbix.disaster" />
</Container>
);
}
const warning = zabbixData.filter((item) => item.priority === PriorityWarning).length;
const average = zabbixData.filter((item) => item.priority === PriorityAverage).length;
const high = zabbixData.filter((item) => item.priority === PriorityHigh).length;
const disaster = zabbixData.filter((item) => item.priority === PriorityDisaster).length;
return (
<Container service={service}>
<Block label="zabbix.warning" value={t("common.number", { value: warning })} />
<Block label="zabbix.average" value={t("common.number", { value: average })} />
<Block label="zabbix.high" value={t("common.number", { value: high })} />
<Block label="zabbix.disaster" value={t("common.number", { value: disaster })} />
</Container>
);
}