diff --git a/docs/widgets/services/zabbix.md b/docs/widgets/services/zabbix.md index e7f18c416..47069075f 100644 --- a/docs/widgets/services/zabbix.md +++ b/docs/widgets/services/zabbix.md @@ -3,13 +3,13 @@ title: Zabbix description: Zabbix Widget Configuration --- -Learn more about [Zabbix](https://github.com/zabbix/zabbix). +Learn more about [Zabbix](https://github.com/zabbix/zabbix). The widget supports (at least) Zibbax server version 7.0. -See the [Zabbix documentation](https://www.zabbix.com/documentation/current/en/manual/web_interface/frontend_sections/users/api_tokens) for details on generating API tokens. +--- -The widget supports (at least) Zibbax server version 7.0. +Allowed fields: `["unclassified", "information", "warning", "average", "high", "disaster"]`. -Allowed fields: `["warning", "average", "high", "disaster"]`. +Only 4 fields can be shown at a time, with the default being: `["warning", "average", "high", "disaster"]`. ```yaml widget: @@ -17,3 +17,5 @@ widget: url: http://zabbix.host.or.ip/zabbix key: your-api-key ``` + +See the [Zabbix documentation](https://www.zabbix.com/documentation/current/en/manual/web_interface/frontend_sections/users/api_tokens) for details on generating API tokens. diff --git a/public/locales/en/common.json b/public/locales/en/common.json index e54a0a776..3315a0943 100644 --- a/public/locales/en/common.json +++ b/public/locales/en/common.json @@ -933,6 +933,8 @@ "tags": "Tags" }, "zabbix": { + "unclassified": "Not classified", + "information": "Information", "warning": "Warning", "average": "Average", "high": "High", diff --git a/src/widgets/zabbix/component.jsx b/src/widgets/zabbix/component.jsx index 620edb618..ffad9f7f1 100644 --- a/src/widgets/zabbix/component.jsx +++ b/src/widgets/zabbix/component.jsx @@ -4,6 +4,8 @@ import Container from "components/services/widget/container"; import Block from "components/services/widget/block"; import useWidgetAPI from "utils/proxy/use-widget-api"; +const PriorityUnclassified = "0"; +const PriorityInformation = "1"; const PriorityWarning = "2"; const PriorityAverage = "3"; const PriorityHigh = "4"; @@ -19,9 +21,17 @@ export default function Component({ service }) { return ; } + if (!widget.fields) { + widget.fields = ["warning", "average", "high", "disaster"]; + } else if (widget.fields?.length > 4) { + widget.fields = widget.fields.slice(0, 4); + } + if (!zabbixData) { return ( + + @@ -30,6 +40,8 @@ export default function Component({ service }) { ); } + const unclassified = zabbixData.filter((item) => item.priority === PriorityUnclassified).length; + const information = zabbixData.filter((item) => item.priority === PriorityInformation).length; 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; @@ -37,6 +49,8 @@ export default function Component({ service }) { return ( + +