mirror of
https://github.com/ClusterCockpit/cc-backend
synced 2025-07-01 11:13:50 +02:00
Remove unused component
This commit is contained in:
parent
27ec445e54
commit
eabd7b8d51
@ -1,59 +0,0 @@
|
|||||||
<!--
|
|
||||||
@component Organized display of plots as table
|
|
||||||
|
|
||||||
Properties:
|
|
||||||
- `itemsPerRow Number`: Elements to render per row
|
|
||||||
- `items [Any]`: List of plot components to render
|
|
||||||
- `padding Number`: Padding between plot elements
|
|
||||||
- `renderFor String`: If 'job', filter disabled metrics
|
|
||||||
-->
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export let itemsPerRow
|
|
||||||
export let items
|
|
||||||
export let padding = 10
|
|
||||||
export let renderFor
|
|
||||||
|
|
||||||
let rows = []
|
|
||||||
let tableWidth = 0
|
|
||||||
const isPlaceholder = x => x._is_placeholder === true
|
|
||||||
|
|
||||||
function tile(items, itemsPerRow) {
|
|
||||||
const rows = []
|
|
||||||
for (let ri = 0; ri < items.length; ri += itemsPerRow) {
|
|
||||||
const row = []
|
|
||||||
for (let ci = 0; ci < itemsPerRow; ci += 1) {
|
|
||||||
if (ri + ci < items.length)
|
|
||||||
row.push(items[ri + ci])
|
|
||||||
else
|
|
||||||
row.push({ _is_placeholder: true, ri, ci })
|
|
||||||
}
|
|
||||||
rows.push(row)
|
|
||||||
}
|
|
||||||
|
|
||||||
return rows
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
$: if (renderFor === 'job') {
|
|
||||||
rows = tile(items.filter(item => item.disabled === false), itemsPerRow)
|
|
||||||
} else {
|
|
||||||
rows = tile(items, itemsPerRow)
|
|
||||||
}
|
|
||||||
|
|
||||||
$: plotWidth = (tableWidth / itemsPerRow) - (padding * itemsPerRow)
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<table bind:clientWidth={tableWidth} style="width: 100%; table-layout: fixed;">
|
|
||||||
{#each rows as row}
|
|
||||||
<tr>
|
|
||||||
{#each row as item (item)}
|
|
||||||
<td style="vertical-align:top;"> <!-- For Aligning Notice Cards -->
|
|
||||||
{#if !isPlaceholder(item) && plotWidth > 0}
|
|
||||||
<slot item={item} width={plotWidth}></slot>
|
|
||||||
{/if}
|
|
||||||
</td>
|
|
||||||
{/each}
|
|
||||||
</tr>
|
|
||||||
{/each}
|
|
||||||
</table>
|
|
Loading…
x
Reference in New Issue
Block a user