parallelvirtualcluster/pvc-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Include maintenance mode in node health graphs

Browse Source
This commit is contained in:
Joshua Boniface 2025-03-01 23:02:16 -05:00
parent 77adaea793
commit f29f18eb26
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pvc-vue/src/App.vue
View File

@ -169,7 +169,7 @@ const updateMetricsHistory = (timestamp, status) => {
if (!metricsHistory.value.nodes[nodeName]) { if (!metricsHistory.value.nodes[nodeName]) {
metricsHistory.value.nodes[nodeName] = { metricsHistory.value.nodes[nodeName] = {
health: { labels: [], data: [] }, health: { labels: [], data: [], maintenance: [] },
cpu: { labels: [], data: [] }, cpu: { labels: [], data: [] },
memory: { labels: [], data: [] }, memory: { labels: [], data: [] },
allocated: { labels: [], data: [] } allocated: { labels: [], data: [] }
@ -197,8 +197,14 @@ const updateMetricsHistory = (timestamp, status) => {
metricsHistory.value.nodes[nodeName][metric] = { metricsHistory.value.nodes[nodeName][metric] = {
labels: nodeLabels, labels: nodeLabels,
data: nodeData data: nodeData,
...(metric === 'health' ? { maintenance: [...(metricsHistory.value.nodes[nodeName][metric].maintenance || []), isInMaintenance] } : {})
}; };
// Trim maintenance array if needed
if (metric === 'health' && metricsHistory.value.nodes[nodeName][metric].maintenance.length > 180) {
metricsHistory.value.nodes[nodeName][metric].maintenance.shift();
}
}); });
}); });
}; };

14
pvc-vue/src/components/NodeOverview.vue
View File

@ -115,6 +115,7 @@
title="Node Health" title="Node Health"
:value="selectedNodeData.health || 0" :value="selectedNodeData.health || 0"
:chart-data="nodeHealthChartData" :chart-data="nodeHealthChartData"
:maintenance="isMaintenanceMode"
/> />
<!-- CPU Utilization Chart --> <!-- CPU Utilization Chart -->
@ -452,7 +453,12 @@ const formatMemory = (memoryMB) => {
return Math.round(memoryMB / 1024) + ' GB'; return Math.round(memoryMB / 1024) + ' GB';
}; };
// Prepare chart data for the node // Check if the cluster is in maintenance mode
const isMaintenanceMode = computed(() => {
return props.clusterData.maintenance === "true";
});
// Update the nodeHealthChartData computed property to include maintenance data
const nodeHealthChartData = computed(() => { const nodeHealthChartData = computed(() => {
// Get node metrics history if available // Get node metrics history if available
const nodeMetrics = props.metricsData.nodes?.[selectedNodeData.value?.name]; const nodeMetrics = props.metricsData.nodes?.[selectedNodeData.value?.name];
@ -460,14 +466,16 @@ const nodeHealthChartData = computed(() => {
if (nodeMetrics && nodeMetrics.health && nodeMetrics.health.data.length > 0) { if (nodeMetrics && nodeMetrics.health && nodeMetrics.health.data.length > 0) {
return { return {
labels: nodeMetrics.health.labels, labels: nodeMetrics.health.labels,
data: nodeMetrics.health.data data: nodeMetrics.health.data,
maintenance: nodeMetrics.health.maintenance || []
}; };
} }
// Fallback to current value only // Fallback to current value only
return { return {
labels: ['Health'], labels: ['Health'],
data: [selectedNodeData.value?.health || 0] data: [selectedNodeData.value?.health || 0],
maintenance: [isMaintenanceMode.value]
}; };
}); });