Enhancement: Checkmk widget (#5301)

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

src/widgets/checkmk/component.jsx

@@ -0,0 +1,40 @@
+import Block from "components/services/widget/block";
+import Container from "components/services/widget/container";
+import { useTranslation } from "next-i18next";
+
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+export default function Component({ service }) {
+  const { t } = useTranslation();
+
+  const { widget } = service;
+
+  const { data: servicesData, error: servicesError } = useWidgetAPI(widget, "services_info", {
+    columns: "state",
+    query: '{"op": "!=", "left": "state", "right": "0"}',
+  });
+  const { data: hostsData, error: hostsError } = useWidgetAPI(widget, "hosts_info", {
+    columns: "state",
+    query: '{"op": "!=", "left": "state", "right": "0"}',
+  });
+
+  if (servicesError || hostsError) {
+    return <Container service={service} error={servicesError ?? hostsError} />;
+  }
+
+  if (!servicesData || !hostsData) {
+    return (
+      <Container service={service}>
+        <Block label="checkmk.serviceErrors" />
+        <Block label="checkmk.hostErrors" />
+      </Container>
+    );
+  }
+
+  return (
+    <Container service={service}>
+      <Block label="checkmk.serviceErrors" value={t("common.number", { value: servicesData.value.length })} />
+      <Block label="checkmk.hostErrors" value={t("common.number", { value: hostsData.value.length })} />
+    </Container>
+  );
+}

src/widgets/checkmk/widget.js

@@ -0,0 +1,19 @@
+import credentialedProxyHandler from "utils/proxy/handlers/credentialed";
+
+const widget = {
+  api: "{url}/{site}/check_mk/api/1.0/{endpoint}",
+  proxyHandler: credentialedProxyHandler,
+
+  mappings: {
+    services_info: {
+      endpoint: "domain-types/service/collections/all",
+      params: ["columns", "query"],
+    },
+    hosts_info: {
+      endpoint: "domain-types/host/collections/all",
+      params: ["columns", "query"],
+    },
+  },
+};
+
+export default widget;

src/widgets/components.js

@@ -16,6 +16,7 @@ const components = {
   calibreweb: dynamic(() => import("./calibreweb/component")),
   changedetectionio: dynamic(() => import("./changedetectionio/component")),
   channelsdvrserver: dynamic(() => import("./channelsdvrserver/component")),
+  checkmk: dynamic(() => import("./checkmk/component")),
   cloudflared: dynamic(() => import("./cloudflared/component")),
   coinmarketcap: dynamic(() => import("./coinmarketcap/component")),
   crowdsec: dynamic(() => import("./crowdsec/component")),

src/widgets/widgets.js

@@ -13,6 +13,7 @@ import calendar from "./calendar/widget";
 import calibreweb from "./calibreweb/widget";
 import changedetectionio from "./changedetectionio/widget";
 import channelsdvrserver from "./channelsdvrserver/widget";
+import checkmk from "./checkmk/widget";
 import cloudflared from "./cloudflared/widget";
 import coinmarketcap from "./coinmarketcap/widget";
 import crowdsec from "./crowdsec/widget";
@@ -151,6 +152,7 @@ const widgets = {
   calibreweb,
   changedetectionio,
   channelsdvrserver,
+  checkmk,
   cloudflared,
   coinmarketcap,
   crowdsec,