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

Fetch VM data properly

Browse Source
This commit is contained in:
Joshua Boniface 2025-03-01 17:09:32 -05:00
parent 6d2f3fd7a8
commit 65fbbeed0c
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -39,8 +39,9 @@
</div> </div>
<router-view <router-view
:clusterData="clusterData" :clusterData="clusterData"
:metricsData="metricsHistory"
:nodeData="nodeData" :nodeData="nodeData"
:vmData="vmData"
:metricsData="metricsHistory"
/> />
</div> </div>
</div> </div>
@ -61,6 +62,7 @@ const api = useApiStore();
const configPanelOpen = ref(false); const configPanelOpen = ref(false);
const clusterData = ref({}); const clusterData = ref({});
const nodeData = ref([]); const nodeData = ref([]);
const vmData = ref([]);
const metricsHistory = ref({ const metricsHistory = ref({
cpu: { labels: [], data: [] }, cpu: { labels: [], data: [] },
memory: { labels: [], data: [] }, memory: { labels: [], data: [] },
@ -172,15 +174,20 @@ const updateDashboard = async () => {
} }
try { try {
const status = await api.fetchStatus(); const [status, nodes, vms] = await Promise.all([
const nodes = await api.fetchNodes(); api.fetchStatus(),
api.fetchNodes(),
api.fetchVMs()
]);
console.log('[API] Status Response:', status); console.log('[API] Status Response:', status);
console.log('[API] Nodes Response:', nodes); console.log('[API] Nodes Response:', nodes);
console.log('[API] VMs Response:', vms);
// Update state with new objects instead of mutating // Update state with new objects
clusterData.value = { ...status }; clusterData.value = { ...status };
nodeData.value = [...nodes]; nodeData.value = [...nodes];
vmData.value = [...vms];
const timestamp = new Date().toLocaleTimeString(); const timestamp = new Date().toLocaleTimeString();
updateMetricsHistory(timestamp, status); updateMetricsHistory(timestamp, status);