ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2025-11-20 08:47:22 +01:00
Code Issues Packages Releases Activity

review analysis view layout, add title with info

Browse Source
This commit is contained in:
Christoph Kluge
2025-11-14 11:28:48 +01:00
parent e8d2a45afb
commit 591cd9fd66
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/frontend/src/Analysis.root.svelte
View File

@@ -370,7 +370,7 @@
</Col> </Col>
</Row> </Row>
{:else if $statsQuery.data} {:else if $statsQuery.data}
<Row cols={3} class="mb-4"> <Row cols={3} style="margin-bottom: 2rem;">
<Col> <Col>
<Table> <Table>
<tr> <tr>
@@ -419,7 +419,7 @@
{:else} {:else}
<Pie <Pie
canvasId={`pie-${groupSelection.key}`} canvasId={`pie-${groupSelection.key}`}
size={colWidth1} size={colWidth1 / 1.9}
sliceLabel={sortSelection.label} sliceLabel={sortSelection.label}
quantities={$topQuery.data.topList.map( quantities={$topQuery.data.topList.map(
(t) => t[sortSelection.key], (t) => t[sortSelection.key],
@@ -490,11 +490,19 @@
{:else if $rooflineQuery.error} {:else if $rooflineQuery.error}
<Card body color="danger">{$rooflineQuery.error.message}</Card> <Card body color="danger">{$rooflineQuery.error.message}</Card>
{:else if $rooflineQuery.data && cluster} {:else if $rooflineQuery.data && cluster}
<div class="d-flex justify-content-center align-baseline">
<h5>Job Roofline Heatmap</h5>
<Icon
style="cursor:help; margin-left:0.5rem;"
name="info-circle"
title="Most Populated Areas By Selected Jobs' Average Values"
/>
</div>
<div bind:clientWidth={colWidth2}> <div bind:clientWidth={colWidth2}>
{#key $rooflineQuery.data} {#key $rooflineQuery.data}
<RooflineHeatmap <RooflineHeatmap
width={colWidth2} width={colWidth2}
height={300} height={280}
tiles={$rooflineQuery.data.rooflineHeatmap} tiles={$rooflineQuery.data.rooflineHeatmap}
subCluster={cluster.subClusters.length == 1 subCluster={cluster.subClusters.length == 1
? cluster.subClusters[0] ? cluster.subClusters[0]

4
web/frontend/src/generic/plots/RooflineHeatmap.svelte
View File

@@ -34,7 +34,7 @@
const paddingLeft = 40; const paddingLeft = 40;
const paddingRight = 10; const paddingRight = 10;
const paddingTop = 10; const paddingTop = 10;
const paddingBottom = 5; const paddingBottom = 40;
/* Var Init */ /* Var Init */
let timeoutId = null; let timeoutId = null;
@@ -124,7 +124,7 @@
if (data.xLabel) { if (data.xLabel) {
ctx.font = `${labelFontSize}px ${fontFamily}` ctx.font = `${labelFontSize}px ${fontFamily}`
let textWidth = ctx.measureText(data.xLabel).width let textWidth = ctx.measureText(data.xLabel).width
ctx.fillText(data.xLabel, Math.floor((width / 2) - (textWidth / 2)), height - 20) ctx.fillText(data.xLabel, Math.floor((width / 2) - (textWidth / 2)), height - paddingBottom + 30)
} }
ctx.textAlign = 'center' ctx.textAlign = 'center'