Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-07 15:53:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add grafana stats

Browse Source
This commit is contained in:
shamoon 2023-02-13 20:53:45 -08:00
parent c1f22b3e2c
commit 460983b741
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/locales/en/common.json
View File

@ -485,6 +485,8 @@
"time": "Time" "time": "Time"
}, },
"grafana": { "grafana": {
"dashboards": "Dashboards",
"datasources": "Data Sources",
"totalalerts": "Total Alerts", "totalalerts": "Total Alerts",
"alertstriggered": "Alerts Triggered" "alertstriggered": "Alerts Triggered"
} }

13
src/widgets/grafana/component.jsx
View File

@ -8,15 +8,18 @@ export default function Component({ service }) {
const { t } = useTranslation(); const { t } = useTranslation();
const { widget } = service; const { widget } = service;
const { data: statsData, error: statsError } = useWidgetAPI(widget, "stats");
const { data: alertsData, error: alertsError } = useWidgetAPI(widget, "alerts"); const { data: alertsData, error: alertsError } = useWidgetAPI(widget, "alerts");
if (alertsError) { if (statsError || alertsError) {
return <Container error={alertsError} />; return <Container error={statsError ?? alertsError} />;
} }
if (!alertsData) { if (!statsData || !alertsData) {
return ( return (
<Container service={service}> <Container service={service}>
<Block label="grafana.dashboards" />
<Block label="grafana.datasources" />
<Block label="grafana.totalalerts" /> <Block label="grafana.totalalerts" />
<Block label="grafana.alertstriggered" /> <Block label="grafana.alertstriggered" />
</Container> </Container>
@ -25,7 +28,9 @@ export default function Component({ service }) {
return ( return (
<Container service={service}> <Container service={service}>
<Block label="grafana.totalalerts" value={t("common.number", { value: alertsData.length })} /> <Block label="grafana.dashboards" value={t("common.number", { value: statsData.dashboards })} />
<Block label="grafana.datasources" value={t("common.number", { value: statsData.datasources })} />
<Block label="grafana.totalalerts" value={t("common.number", { value: statsData.alerts })} />
<Block label="grafana.alertstriggered" value={t("common.number", { value: alertsData.filter(a => a.state === "alerting").length })} /> <Block label="grafana.alertstriggered" value={t("common.number", { value: alertsData.filter(a => a.state === "alerting").length })} />
</Container> </Container>
); );

6
src/widgets/grafana/widget.js
View File

@ -8,6 +8,12 @@ const widget = {
alerts: { alerts: {
endpoint: "alerts", endpoint: "alerts",
}, },
stats: {
endpoint: "admin/stats",
validate: [
"dashboards"
]
},
}, },
}; };