8x48/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2026-02-07 16:30:52 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Enhancement: dockhand service widget

Browse Source 
Update common.json
This commit is contained in:
shamoon
2026-01-23 12:36:08 -08:00
parent 6b6090e303
commit 6287ce0518
7 changed files with 185 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/widgets/dockhand/component.jsx Normal file
View File

@@ -0,0 +1,62 @@
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: stats, error: statsError } = useWidgetAPI(widget, "dashboard/stats");
if (statsError) {
return <Container service={service} error={statsError} />;
}
if (!stats) {
return (
<Container service={service}>
<Block label="dockhand.running" />
<Block label="dockhand.stopped" />
<Block label="dockhand.cpu" />
<Block label="dockhand.memory" />
</Container>
);
}
let running;
let stopped;
let cpuPercent;
let memoryPercent;
if (widget?.environment) {
// Filter by environment if set
const environment = stats.find((env) => env.name === widget.environment);
if (environment) {
running = environment?.containers?.running;
stopped = environment?.containers?.stopped ?? (environment?.containers?.total ?? 0) - (running ?? 0);
cpuPercent = environment?.metrics?.cpuPercent;
memoryPercent = environment?.metrics?.memoryPercent;
}
} else {
// Aggregate across all environments
running = stats.reduce((sum, env) => sum + (env?.containers?.running ?? 0), 0);
const total = stats.reduce((sum, env) => sum + (env?.containers?.total ?? 0), 0);
stopped = total - running;
const totalCpu = stats.reduce((sum, env) => sum + (env?.metrics?.cpuPercent ?? 0), 0);
const totalMemory = stats.reduce((sum, env) => sum + (env?.metrics?.memoryPercent ?? 0), 0);
const envCount = stats.length;
cpuPercent = envCount > 0 ? totalCpu / envCount : 0;
memoryPercent = envCount > 0 ? totalMemory / envCount : 0;
}
return (
<Container service={service}>
<Block label="dockhand.running" value={t("common.number", { value: running })} />
<Block label="dockhand.stopped" value={t("common.number", { value: stopped })} />
<Block label="dockhand.cpu" value={t("common.percent", { value: cpuPercent, maximumFractionDigits: 1 })} />
<Block label="dockhand.memory" value={t("common.percent", { value: memoryPercent, maximumFractionDigits: 1 })} />
</Container>
);
}