kubooboo/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Add more node metrics

Browse Source
This commit is contained in:
Andreas Dinauer 2026-01-05 17:45:56 +01:00
parent 5104631bd2
commit 8c490ec2b7
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/node/view/NodeViewComponent.vue
View File

@ -10,10 +10,14 @@
</div> </div>
<div class="content-m"> <div class="content-m">
<h3>Status</h3> <h3>Status</h3>
<div class="left-center"> <div class="tile-m left-center">
<NodeReadyComponent :ready="Node.isReady(node)"></NodeReadyComponent> <NodeReadyComponent :ready="Node.isReady(node)"></NodeReadyComponent>
</div> </div>
</div> </div>
<div class="content-m">
<h3>Running Pods</h3>
<p class="tile-m">{{ node.metrics.runningPods }}</p>
</div>
</div> </div>
<div class="content-m"> <div class="content-m">
<h3>Metrics</h3> <h3>Metrics</h3>
@ -22,14 +26,14 @@
<p>Total CPU</p> <p>Total CPU</p>
<p class="metric" v-if="node.metrics.totalCpu != null">{{ (node.metrics.totalCpu / 1000).toFixed(2) }}</p> <p class="metric" v-if="node.metrics.totalCpu != null">{{ (node.metrics.totalCpu / 1000).toFixed(2) }}</p>
</div> </div>
<div class="tile-l content-m">
<p>Total Disk Space</p>
<p class="metric" v-if="node.metrics.totalDiskSpace != null" v-for="diskSpace in [Memory.format(node.metrics.totalDiskSpace)]">{{ diskSpace.value.toFixed(2) }} {{ formatUnit(diskSpace.unit) }}</p>
</div>
<div class="tile-l content-m"> <div class="tile-l content-m">
<p>Total Memory</p> <p>Total Memory</p>
<p class="metric" v-if="node.metrics.totalMemory != null" v-for="memory in [Memory.format(node.metrics.totalMemory)]">{{ memory.value.toFixed(2) }} {{ formatUnit(memory.unit) }}</p> <p class="metric" v-if="node.metrics.totalMemory != null" v-for="memory in [Memory.format(node.metrics.totalMemory)]">{{ memory.value.toFixed(2) }} {{ formatUnit(memory.unit) }}</p>
</div> </div>
<div class="tile-l content-m">
<p>Total Disk Space</p>
<p class="metric" v-if="node.metrics.totalDiskSpace != null" v-for="diskSpace in [Memory.format(node.metrics.totalDiskSpace)]">{{ diskSpace.value.toFixed(2) }} {{ formatUnit(diskSpace.unit) }}</p>
</div>
<div class="tile-l content-m" v-if="node.metrics.relativeCpuUsage"> <div class="tile-l content-m" v-if="node.metrics.relativeCpuUsage">
<div class="left-center"> <div class="left-center">
<p>Used CPU</p> <p>Used CPU</p>
@ -37,13 +41,6 @@
</div> </div>
<p class="metric">{{ node.metrics.relativeCpuUsage }}%</p> <p class="metric">{{ node.metrics.relativeCpuUsage }}%</p>
</div> </div>
<div class="tile-l content-m" v-if="node.metrics.relativeDiskUsage != null">
<div class="left-center">
<p>Used Disk Space</p>
<Pulse :threshold="new Threshold(node.metrics.relativeDiskUsage, Node.diskUsageFlag)"></Pulse>
</div>
<p class="metric">{{ node.metrics.relativeDiskUsage }}%</p>
</div>
<div class="tile-l content-m" v-if="node.metrics.relativeMemory != null"> <div class="tile-l content-m" v-if="node.metrics.relativeMemory != null">
<div class="left-center"> <div class="left-center">
<p>Used Memory</p> <p>Used Memory</p>
@ -51,6 +48,13 @@
</div> </div>
<p class="metric">{{ node.metrics.relativeMemory }}%</p> <p class="metric">{{ node.metrics.relativeMemory }}%</p>
</div> </div>
<div class="tile-l content-m" v-if="node.metrics.relativeDiskUsage != null">
<div class="left-center">
<p>Used Disk Space</p>
<Pulse :threshold="new Threshold(node.metrics.relativeDiskUsage, Node.diskUsageFlag)"></Pulse>
</div>
<p class="metric">{{ node.metrics.relativeDiskUsage }}%</p>
</div>
</div> </div>
</div> </div>
<div class="content-m" v-if="node.spec.taints"> <div class="content-m" v-if="node.spec.taints">