KevinMidboe/infra-map
1
0
Fork 0
mirror of https://github.com/KevinMidboe/infra-map.git synced 2025-12-08 20:29:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

working nice. docker uses bun

Browse Source
This commit is contained in:
Kevin
2025-08-12 23:40:08 +02:00
parent f0922f485d
commit ea9cdb7692
83 changed files with 3005 additions and 422 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/cluster/+page.svelte
View File

@@ -3,18 +3,28 @@
import Deploy from '$lib/components/Deploy.svelte';
import Daemon from '$lib/components/Daemon.svelte';
import PageHeader from '$lib/components/PageHeader.svelte';
import Input from '$lib/components/Input.svelte';
import type { PageData } from './$types';
import type { V1DaemonSet, V1Deployment, V1Node } from '@kubernetes/client-node';
let { data }: { data: PageData } = $props();
let filterValue = $state('');
const deployments: V1Deployment[] = data?.deployments;
const daemons: V1DaemonSet[] = data?.daemons;
const nodes: V1Node[] = data?.nodes;
const rawDeployments: V1Deployment[] = data?.deployments;
const rawDaemons: V1DaemonSet[] = data?.daemons;
const rawNodes: V1Node[] = data?.nodes;
let deployments = $derived(rawDeployments.filter((d) => d.metadata.name.includes(filterValue)));
let daemons = $derived(rawDaemons.filter((d) => d.metadata.name.includes(filterValue)));
let nodes = $derived(rawNodes.filter((n) => n.metadata.name.includes(filterValue)));
</script>
<PageHeader>Cluster overview</PageHeader>
<div class="search-section">
<Input label="Filter resources" placeholder="Search by name" bind:value={filterValue} />
</div>
<details open>
<summary>
<h2>Cluster <span>{nodes.length} nodes</span></h2>
@@ -65,12 +75,27 @@
</details>
<style lang="scss">
.search-section {
padding: 1.714rem 0px;
}
.server-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
--grid-tmpl-cols: repeat(2, 1fr);
--grid-gap: 0.5rem;
grid-template-columns: var(--grid-tmpl-cols, repeat(2, 1fr));
gap: var(--grid-gap, 0.5rem);
margin-bottom: 2rem;
@media screen and (min-width: 750px) {
--grid-tmpl-cols: repeat(2, 1fr);
--grid-gap: 1.25rem;
}
@media screen and (min-width: 1200px) {
--grid-tmpl-cols: repeat(3, 1fr);
--grid-gap: 2rem;
}
}
.server-list.deploys {
@@ -88,7 +113,8 @@
cursor: pointer;
}
h2 {
:global(.server-list h2) {
font-family: 'Reckless Neue';
justify-content: unset !important;
}
</style>