ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2026-01-28 06:51:45 +01:00
Code Issues Packages Releases Activity

move load indicator to after job list render

Browse Source 
- prevents location reset when continuously scrolling
This commit is contained in:
Christoph Kluge
2026-01-23 18:50:28 +01:00
parent a2c1b65f91
commit fbf4004e92
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/frontend/src/systems/NodeList.svelte
View File

@@ -169,10 +169,10 @@
} else { } else {
if ($state.snapshot(page) == 1) { if ($state.snapshot(page) == 1) {
// console.log('Page 1 Reset', [...data.items]) // console.log('Page 1 Reset', [...data.items])
nodes = [...newNodes].sort((a, b) => a.host.localeCompare(b.host)); nodes = [...newNodes].sort((a, b) => a.host.localeCompare(b.host));
} else { } else {
// console.log('Add Nodes', $state.snapshot(nodes), [...data.items]) // console.log('Add Nodes', $state.snapshot(nodes), [...data.items])
nodes = nodes.concat([...newNodes]) nodes = nodes.concat([...newNodes])
} }
} }
}; };
@@ -248,7 +248,16 @@
<Card body color="danger">{$nodesQuery.error.message}</Card> <Card body color="danger">{$nodesQuery.error.message}</Card>
</Col> </Col>
</Row> </Row>
{:else if $nodesQuery.fetching || !$nodesQuery.data} {:else}
{#each nodes as nodeData (nodeData.host)}
<NodeListRow {nodeData} {cluster} {selectedMetrics}/>
{:else}
<tr>
<td colspan={selectedMetrics.length + 1}> No nodes found </td>
</tr>
{/each}
{/if}
{#if $nodesQuery.fetching || !$nodesQuery.data}
<tr> <tr>
<td colspan={pendingSelectedMetrics.length + 1}> <td colspan={pendingSelectedMetrics.length + 1}>
<div style="text-align:center;"> <div style="text-align:center;">
@@ -265,14 +274,6 @@
</div> </div>
</td> </td>
</tr> </tr>
{:else}
{#each nodes as nodeData (nodeData.host)}
<NodeListRow {nodeData} {cluster} {selectedMetrics}/>
{:else}
<tr>
<td colspan={selectedMetrics.length + 1}> No nodes found </td>
</tr>
{/each}
{/if} {/if}
</tbody> </tbody>
</Table> </Table>