79 lines
3.4 KiB
TypeScript
79 lines
3.4 KiB
TypeScript
import { useState } from "preact/hooks";
|
|
import { createClient } from "@connectrpc/connect";
|
|
import { createConnectTransport } from "@connectrpc/connect-web";
|
|
import { Container, Server } from "lucide-preact";
|
|
import type { Service } from "../gen/homelab/v1/homelab_pb";
|
|
import { HomelabService, ServiceKind, ServiceOp } from "../gen/homelab/v1/homelab_pb";
|
|
|
|
const client = createClient(HomelabService, createConnectTransport({ baseUrl: "" }));
|
|
|
|
/** Бейдж статуса: system d — active/failed/выключен (not-found = намеренно disabled, не ошибка), docker — агрегат проекта. */
|
|
function badge(s: Service) {
|
|
if (s.error) return <span class="badge badge-error badge-sm" title={s.error}>ошибка</span>;
|
|
if (s.kind === ServiceKind.DOCKER) {
|
|
if (s.state === "active") return <span class="badge badge-success badge-sm">работает {s.substate}</span>;
|
|
if (s.state === "partial") return <span class="badge badge-warning badge-sm">частично {s.substate}</span>;
|
|
return <span class="badge badge-ghost badge-sm">остановлен</span>;
|
|
}
|
|
if (s.loadState === "not-found") return <span class="badge badge-ghost badge-sm">выключен</span>;
|
|
if (s.state === "active") return <span class="badge badge-success badge-sm">{s.substate || "активен"}</span>;
|
|
if (s.state === "failed") return <span class="badge badge-error badge-sm">сбой</span>;
|
|
return <span class="badge badge-ghost badge-sm">остановлен</span>;
|
|
}
|
|
|
|
/** Карточка сервиса: systemd-юнит или docker-проект, start/stop/restart через ServiceAction. */
|
|
export function ServiceCard({ s, refresh }: { s: Service; refresh: () => void }) {
|
|
const [busy, setBusy] = useState(false);
|
|
const [error, setError] = useState("");
|
|
|
|
const act = async (op: ServiceOp) => {
|
|
setBusy(true);
|
|
setError("");
|
|
try {
|
|
await client.serviceAction({ name: s.name, kind: s.kind, op });
|
|
refresh(); // не ждём 3s поллинга
|
|
} catch (e) {
|
|
setError(String(e).replace(/^.*real error: /, ""));
|
|
} finally {
|
|
setBusy(false);
|
|
}
|
|
};
|
|
|
|
const disabled = s.kind === ServiceKind.SYSTEMD && s.loadState === "not-found";
|
|
const btn = (op: ServiceOp, label: string, title?: string) => (
|
|
<button
|
|
class="btn btn-xs btn-outline"
|
|
disabled={busy || disabled}
|
|
title={title}
|
|
onClick={() => act(op)}
|
|
>
|
|
{label}
|
|
</button>
|
|
);
|
|
|
|
return (
|
|
<div class="card bg-base-200 shadow">
|
|
<div class="card-body p-4 gap-2">
|
|
<div class="flex items-center gap-2">
|
|
{s.kind === ServiceKind.DOCKER ? (
|
|
<Container size={14} class="text-primary shrink-0" />
|
|
) : (
|
|
<Server size={14} class="text-primary shrink-0" />
|
|
)}
|
|
<span class="font-medium text-sm flex-1 truncate">{s.name}</span>
|
|
{badge(s)}
|
|
</div>
|
|
{error && <div role="alert" class="alert alert-error text-sm py-2">{error}</div>}
|
|
<div class="flex flex-wrap gap-2 items-center">
|
|
{btn(ServiceOp.START, "start")}
|
|
{btn(ServiceOp.STOP, "stop", "docker stop: контейнер не поднимется при ребуте (unless-stopped)")}
|
|
{btn(ServiceOp.RESTART, "restart")}
|
|
</div>
|
|
{s.containers.length > 0 && (
|
|
<p class="text-xs text-base-content/50 font-mono break-all">{s.containers.join(", ")}</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|