diff --git a/public/locales/en/common.json b/public/locales/en/common.json index 51259046..be80c27c 100755 --- a/public/locales/en/common.json +++ b/public/locales/en/common.json @@ -217,6 +217,12 @@ "approved": "Approved", "available": "Available" }, + "pialert": { + "total": "Total", + "connected": "Connected", + "new_devices": "New Devices", + "down_alerts": "Down Alerts" + }, "pihole": { "queries": "Queries", "blocked": "Blocked", diff --git a/src/widgets/components.js b/src/widgets/components.js index 7aeb8b45..37d727db 100644 --- a/src/widgets/components.js +++ b/src/widgets/components.js @@ -54,6 +54,7 @@ const components = { paperlessngx: dynamic(() => import("./paperlessngx/component")), photoprism: dynamic(() => import("./photoprism/component")), proxmoxbackupserver: dynamic(() => import("./proxmoxbackupserver/component")), + pialert: dynamic(() => import("./pialert/component")), pihole: dynamic(() => import("./pihole/component")), plex: dynamic(() => import("./plex/component")), portainer: dynamic(() => import("./portainer/component")), diff --git a/src/widgets/pialert/component.jsx b/src/widgets/pialert/component.jsx new file mode 100644 index 00000000..e91c31c5 --- /dev/null +++ b/src/widgets/pialert/component.jsx @@ -0,0 +1,35 @@ +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: piholeData, error: piholeError } = useWidgetAPI(widget, "data"); + + if (piholeError) { + return ; + } + + if (!piholeData) { + return ( + + + + + ); + } + + return ( + + + + + + + ); +} diff --git a/src/widgets/pialert/widget.js b/src/widgets/pialert/widget.js new file mode 100644 index 00000000..7432dbe8 --- /dev/null +++ b/src/widgets/pialert/widget.js @@ -0,0 +1,15 @@ +import genericProxyHandler from "utils/proxy/handlers/generic"; + +const widget = { + //api: "{url}/api/table_custom_endpoint.json", + api: "{url}/php/server/devices.php?action=getDevicesTotals", + proxyHandler: genericProxyHandler, + + mappings: { + "data": { + endpoint: "data", + }, + }, +}; + +export default widget; diff --git a/src/widgets/widgets.js b/src/widgets/widgets.js index 85fb62f8..c6602115 100644 --- a/src/widgets/widgets.js +++ b/src/widgets/widgets.js @@ -48,6 +48,7 @@ import overseerr from "./overseerr/widget"; import paperlessngx from "./paperlessngx/widget"; import photoprism from "./photoprism/widget"; import proxmoxbackupserver from "./proxmoxbackupserver/widget"; +import pialert from "./pialert/widget"; import pihole from "./pihole/widget"; import plex from "./plex/widget"; import portainer from "./portainer/widget"; @@ -132,6 +133,7 @@ const widgets = { paperlessngx, photoprism, proxmoxbackupserver, + pialert, pihole, plex, portainer,