mirror/QuickStack
1
0
Fork 0
mirror of https://github.com/biersoeckli/QuickStack.git synced 2026-01-01 09:10:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

App monitoring inserted

Browse Source
This commit is contained in:
stefan.meyer
2024-11-30 14:17:19 +00:00
parent adc7baf6b9
commit 0588f2b766
3 changed files with 42 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/project/app/[appId]/overview/monitoring-app.tsx
View File

@@ -56,30 +56,30 @@ export default function MonitoringTab({
<Card>
<CardHeader>
<CardTitle>App Monitoring</CardTitle>
<CardDescription>This is an overview about the resources the app is consuming.
<CardDescription>This is an overview about the resources the app is consuming in comparison to the resources of all nodes.
</CardDescription>
</CardHeader>
<CardContent>
{!selectedPod ? <FullLoadingSpinner /> :
<Table>
<TableHeader>
<TableRow>
<TableHead>CPU absolut</TableHead>
<TableHead>CPU percent</TableHead>
<TableHead>memory absent</TableHead>
<TableHead>memory percent</TableHead>
<TableHead>volume percent</TableHead>
<TableHead>CPU %</TableHead>
<TableHead>CPU</TableHead>
<TableHead>RAM %</TableHead>
<TableHead>RAM</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell className="font-medium">{selectedPod?.cpuAbsolut}</TableCell>
<TableCell className="font-medium">{selectedPod?.cpuPercent}</TableCell>
<TableCell className="font-medium">{selectedPod?.memoryAbsolut}</TableCell>
<TableCell className="font-medium">{selectedPod?.memoryPercent}</TableCell>
<TableCell className="font-medium">{selectedPod?.volumePercent}</TableCell>
<TableCell className="font-medium">{selectedPod?.cpuAbsolut}</TableCell>
<TableCell className="font-medium">{selectedPod?.ramPercent}</TableCell>
<TableCell className="font-medium">{selectedPod?.ramAbsolut}</TableCell>
</TableRow>
</TableBody>
</Table>
}
</CardContent>
</Card >

64
src/server/services/monitor-app.service.ts
View File

@@ -1,20 +1,5 @@
import { AppExtendedModel } from "@/shared/model/app-extended.model";
import k3s from "../adapter/kubernetes-api.adapter";
import * as k8s from '@kubernetes/client-node';
import { V1Deployment, V1LabelSelector, V1ReplicaSet } from "@kubernetes/client-node";
import buildService from "./build.service";
import { ListUtils } from "../../shared/utils/list.utils";
import { DeploymentInfoModel, DeplyomentStatus } from "@/shared/model/deployment-info.model";
import { BuildJobStatus } from "@/shared/model/build-job";
import { ServiceException } from "@/shared/model/service.exception.model";
import { PodsInfoModel, podsInfoZodModel } from "@/shared/model/pods-info.model";
import { KubeObjectNameUtils } from "../utils/kube-object-name.utils";
import pvcService from "./pvc.service";
import ingressService from "./ingress.service";
import namespaceService from "./namespace.service";
import { Constants } from "../../shared/utils/constants";
import svcService from "./svc.service";
import { Label } from "@radix-ui/react-dropdown-menu";
import setupPodService from "./setup-services/setup-pod.service";
import clusterService from "./node.service";
import { PodsResourceInfoModel } from "@/shared/model/pods-resource-info.model";
@@ -29,30 +14,39 @@ class MonitorAppService {
podsFromApp.some((pod) => pod.podName === topPod.Pod.metadata?.name)
);
const nodeInfo = await clusterService.getNodeInfo();
const topNodes = await clusterService.getNodeInfo();
const nodesColumns = nodeInfo.map((node) => {
return {
'POD': node.name,
'CPU(cores)': node.cpuCapacity,
'MEMORY(bytes)': node.ramCapacity,
};
});
const totalResourcesNodes = topNodes.reduce(
(acc, node) => {
acc.cpu += Number(node.cpuCapacity) || 0;
acc.ram += parseFloat(node.ramCapacity.replace('Ki','')) || 0;
return acc;
},
{ cpu: 0, ram: 0 }
);
const podsColumns = filteredTopPods.map((pod) => {
return {
'POD': pod.Pod.metadata?.name,
'CPU(cores)': pod.CPU.CurrentUsage,
'MEMORY(bytes)': pod.Memory.CurrentUsage,
};
});
const totalResourcesApp = filteredTopPods.reduce(
(acc, pod) => {
acc.cpu += Number(pod.CPU.CurrentUsage) || 0;
acc.ram += Number(pod.Memory.CurrentUsage) || 0;
return acc;
},
{ cpu: 0, ram: 0 }
);
var totalRamNodesCorrectUnit: number = totalResourcesNodes.ram / 1024; //von KB in MB umrechnen
var totalRamAppCorrectUnit: number = totalResourcesApp.ram / (1024 * 1024); //von Byte in MB umrechnen
const appCpuUsagePercent = ((totalResourcesApp.cpu / totalResourcesNodes.cpu) * 100).toFixed(2);
const appRamUsagePercent = ((totalRamAppCorrectUnit / totalRamNodesCorrectUnit) * 100).toFixed(2);
return {
cpuAbsolut: '5',
cpuPercent: '6',
memoryAbsolut: '7',
memoryPercent: '8',
volumePercent: '9',
cpuPercent: `${appCpuUsagePercent}%`,
cpuAbsolut: `${totalResourcesApp.cpu.toFixed(10)} cores`,
ramPercent: `${appRamUsagePercent}%`,
ramAbsolut: `${totalRamAppCorrectUnit.toFixed(2)} MB`
}
}

7
src/shared/model/pods-resource-info.model.ts
View File

@@ -2,11 +2,10 @@ import { memo } from "react";
import { z } from "zod";
export const podsResourceInfoZodModel = z.object({
cpuAbsolut: z.string(),
cpuPercent: z.string(),
memoryAbsolut: z.string(),
memoryPercent: z.string(),
volumePercent: z.string(),
cpuAbsolut: z.string(),
ramPercent: z.string(),
ramAbsolut: z.string(),
});
export type PodsResourceInfoModel = z.infer<typeof podsResourceInfoZodModel>;