From 8c490ec2b7d379b014fe3b9b9813315fc79cffb6 Mon Sep 17 00:00:00 2001
From: Andreas Dinauer <andreas.j.dinauer@gmail.com>
Date: Mon, 5 Jan 2026 17:45:56 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20more=20node=20metrics?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/node/view/NodeViewComponent.vue | 28 ++++++++++++----------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/components/node/view/NodeViewComponent.vue b/components/node/view/NodeViewComponent.vue
index 603183e..e1f561b 100644
--- a/components/node/view/NodeViewComponent.vue
+++ b/components/node/view/NodeViewComponent.vue
@@ -10,10 +10,14 @@
                     </div>
                     <div class="content-m">
                         <h3>Status</h3>
-                        <div class="left-center">
+                        <div class="tile-m left-center">
                             <NodeReadyComponent :ready="Node.isReady(node)"></NodeReadyComponent>
                         </div>
                     </div>
+                    <div class="content-m">
+                        <h3>Running Pods</h3>
+                        <p class="tile-m">{{ node.metrics.runningPods }}</p>
+                    </div>
                 </div>
                 <div class="content-m">
                     <h3>Metrics</h3>
@@ -22,14 +26,14 @@
                             <p>Total CPU</p>
                             <p class="metric" v-if="node.metrics.totalCpu != null">{{ (node.metrics.totalCpu / 1000).toFixed(2)  }}</p>
                         </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">
                             <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>
                         </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="left-center">
                                 <p>Used CPU</p>
@@ -37,13 +41,6 @@
                             </div>
                             <p class="metric">{{ node.metrics.relativeCpuUsage }}%</p>
                         </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="left-center">
                                 <p>Used Memory</p>
@@ -51,6 +48,13 @@
                             </div>
                             <p class="metric">{{ node.metrics.relativeMemory }}%</p>
                         </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 class="content-m" v-if="node.spec.taints">