Add NAS dashboard MVP: Docker mgmt, Gitea, Files, Terminal
This commit is contained in:
@@ -0,0 +1,24 @@
|
||||
<script>
|
||||
import { get } from "../lib/api.js";
|
||||
let containers = $state([]);
|
||||
let repos = $state([]);
|
||||
async function load() {
|
||||
containers = await get("/docker/containers").catch(() => []);
|
||||
const data = await get("/gitea/repos").catch(() => ({ data: [] }));
|
||||
repos = data?.data || [];
|
||||
}
|
||||
load();
|
||||
</script>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-6">Dashboard</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div class="border rounded-lg p-4">
|
||||
<h3 class="font-semibold mb-3">Docker Containers</h3>
|
||||
<p class="text-3xl font-bold">{containers.length}</p>
|
||||
<p class="text-sm text-gray-500">{containers.filter(c => c.status === "running").length} running</p>
|
||||
</div>
|
||||
<div class="border rounded-lg p-4">
|
||||
<h3 class="font-semibold mb-3">Gitea Repos</h3>
|
||||
<p class="text-3xl font-bold">{repos.length}</p>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user