ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2025-12-31 10:56:15 +01:00
Code Issues Packages Releases Activity

dashboard layout fixes

Browse Source
This commit is contained in:
Christoph Kluge
2025-12-22 10:39:40 +01:00
parent 1cd4a57bd3
commit 89875db4a9
3 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/frontend/src/DashPublic.root.svelte
View File

@@ -338,7 +338,7 @@
</script> </script>
<Card style="height: 98vh;"> <Card style="height: 98vh;">
<CardBody class="align-content-center p-1"> <CardBody class="align-content-center p-2">
<Row> <Row>
<Col> <Col>
<Refresher <Refresher
@@ -506,7 +506,7 @@
useColors={false} useColors={false}
useLegend={false} useLegend={false}
allowSizeChange allowSizeChange
width={colWidthRoof - 10} width={colWidthRoof}
height={300} height={300}
cluster={presetCluster} cluster={presetCluster}
subCluster={clusterInfo?.roofData ? clusterInfo.roofData : null} subCluster={clusterInfo?.roofData ? clusterInfo.roofData : null}
@@ -574,8 +574,8 @@
{#key $statesTimed?.data?.nodeStatesTimed} {#key $statesTimed?.data?.nodeStatesTimed}
<Stacked <Stacked
data={$statesTimed?.data?.nodeStatesTimed} data={$statesTimed?.data?.nodeStatesTimed}
width={colWidthStacked * 0.95} width={colWidthStacked}
xlabel="Time" height={260}
ylabel="Nodes" ylabel="Nodes"
yunit = "#Count" yunit = "#Count"
title = "Cluster Status" title = "Cluster Status"

2
web/frontend/src/generic/plots/Stacked.svelte
View File

@@ -23,7 +23,7 @@
width = 0, width = 0,
height = 300, height = 300,
data = null, data = null,
xlabel = "", xlabel = null,
ylabel = "", ylabel = "",
yunit = "", yunit = "",
title = "", title = "",

10
web/frontend/src/status/DashInternal.svelte
View File

@@ -355,7 +355,7 @@
</script> </script>
<Card style="height: 88vh;"> <Card>
<CardBody class="align-content-center"> <CardBody class="align-content-center">
<Row> <Row>
<Col> <Col>
@@ -540,7 +540,7 @@
<Roofline <Roofline
useColors={true} useColors={true}
allowSizeChange allowSizeChange
width={colWidthRoof - 10} width={colWidthRoof}
height={300} height={300}
subCluster={clusterInfo?.roofData ? clusterInfo.roofData : null} subCluster={clusterInfo?.roofData ? clusterInfo.roofData : null}
roofData={transformJobsStatsToData($statusQuery?.data?.jobsMetricStats)} roofData={transformJobsStatsToData($statusQuery?.data?.jobsMetricStats)}
@@ -568,7 +568,8 @@
{#key $statesTimed?.data?.nodeStates} {#key $statesTimed?.data?.nodeStates}
<Stacked <Stacked
data={$statesTimed?.data?.nodeStates} data={$statesTimed?.data?.nodeStates}
width={colWidthStacked1 * 0.95} width={colWidthStacked1}
height={330}
xlabel="Time" xlabel="Time"
ylabel="Nodes" ylabel="Nodes"
yunit = "#Count" yunit = "#Count"
@@ -584,7 +585,8 @@
{#key $statesTimed?.data?.healthStates} {#key $statesTimed?.data?.healthStates}
<Stacked <Stacked
data={$statesTimed?.data?.healthStates} data={$statesTimed?.data?.healthStates}
width={colWidthStacked2 * 0.95} width={colWidthStacked2}
height={330}
xlabel="Time" xlabel="Time"
ylabel="Nodes" ylabel="Nodes"
yunit = "#Count" yunit = "#Count"