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

more fields

Browse Source
This commit is contained in:
shamoon
2026-01-23 12:57:19 -08:00
parent eca75b083b
commit 6f6a19064b
3 changed files with 63 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/widgets/dockhand/component.jsx
View File

@@ -4,10 +4,18 @@ import { useTranslation } from "next-i18next";
import useWidgetAPI from "utils/proxy/use-widget-api";
const MAX_FIELDS = 4;
export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service;
if (!widget.fields) {
widget.fields = ["running", "stopped", "cpu", "memory"];
} else if (widget.fields.length > MAX_FIELDS) {
widget.fields = widget.fields.slice(0, MAX_FIELDS);
}
const { data: stats, error: statsError } = useWidgetAPI(widget, "dashboard/stats");
if (statsError) {
@@ -19,45 +27,89 @@ export default function Component({ service }) {
<Container service={service}>
<Block label="dockhand.running" />
<Block label="dockhand.stopped" />
<Block label="dockhand.paused" />
<Block label="dockhand.pending_updates" />
<Block label="dockhand.cpu" />
<Block label="dockhand.memory" />
<Block label="dockhand.images" />
<Block label="dockhand.volumes" />
<Block label="dockhand.stacks" />
<Block label="dockhand.events_today" />
</Container>
);
}
let running;
let stopped;
let paused;
let pendingUpdates;
let cpuPercent;
let memoryPercent;
let imagesTotal;
let volumesTotal;
let stacksRunning;
let stacksTotal;
let eventsToday;
if (widget?.environment) {
const environment = stats.find(
(env) => env?.name === widget.environment || env?.id?.toString() === widget.environment.toString(),
(env) =>
env?.name?.toString().toLowerCase() === widget?.environment.toString().toLowerCase() ||
env?.id?.toString() === widget?.environment.toString(),
);
if (environment) {
running = environment?.containers?.running;
stopped = environment?.containers?.stopped ?? (environment?.containers?.total ?? 0) - (running ?? 0);
paused = environment?.containers?.paused;
pendingUpdates = environment?.containers?.pendingUpdates;
cpuPercent = environment?.metrics?.cpuPercent;
memoryPercent = environment?.metrics?.memoryPercent;
imagesTotal = environment?.images?.total;
volumesTotal = environment?.volumes?.total;
stacksRunning = environment?.stacks?.running;
stacksTotal = environment?.stacks?.total;
eventsToday = environment?.events?.today;
}
} else {
}
if (running === undefined) {
// 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;
paused = stats.reduce((sum, env) => sum + (env?.containers?.paused ?? 0), 0);
pendingUpdates = stats.reduce((sum, env) => sum + (env?.containers?.pendingUpdates ?? 0), 0);
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;
imagesTotal = stats.reduce((sum, env) => sum + (env?.images?.total ?? 0), 0);
volumesTotal = stats.reduce((sum, env) => sum + (env?.volumes?.total ?? 0), 0);
stacksRunning = stats.reduce((sum, env) => sum + (env?.stacks?.running ?? 0), 0);
stacksTotal = stats.reduce((sum, env) => sum + (env?.stacks?.total ?? 0), 0);
eventsToday = stats.reduce((sum, env) => sum + (env?.events?.today ?? 0), 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.paused" value={t("common.number", { value: paused ?? 0 })} />
<Block label="dockhand.pending_updates" value={t("common.number", { value: pendingUpdates ?? 0 })} />
<Block label="dockhand.cpu" value={t("common.percent", { value: cpuPercent, maximumFractionDigits: 1 })} />
<Block label="dockhand.memory" value={t("common.percent", { value: memoryPercent, maximumFractionDigits: 1 })} />
<Block label="dockhand.images" value={t("common.number", { value: imagesTotal ?? 0 })} />
<Block label="dockhand.volumes" value={t("common.number", { value: volumesTotal ?? 0 })} />
<Block
label="dockhand.stacks"
value={
stacksRunning != null && stacksTotal != null
? `${stacksRunning} / ${stacksTotal}`
: t("common.number", { value: stacksRunning ?? stacksTotal ?? 0 })
}
/>
<Block label="dockhand.events_today" value={t("common.number", { value: eventsToday ?? 0 })} />
</Container>
);
}