{ sortState = state; }} onRowClick={(tile, e) => onrowclick?.(tile.id)} rowHeight={36} > {#snippet cell(column, tile, rowState)} {@const s = tile.stats} {@const isOnline = s?.online === true} {@const isOffline = s?.online === false} {#if column.id === 'status'} {#if tile.loading && !s} {:else if isOnline} {:else if isOffline} {:else} {/if} {:else if column.id === 'name'} {#if s}
{s.name}
{:else if tile.info}
{tile.info.name}
{:else}
{/if} {:else if column.id === 'connection'} {#if s}
{#if s.connectionType === 'hawser-standard'} {:else if s.connectionType === 'hawser-edge'} {:else if s.connectionType === 'direct'} {:else} {/if} {connectionLabel(s.connectionType)}
{:else if tile.loading}
{:else} - {/if} {:else if column.id === 'host'} {#if s?.host && !isOffline} {s.host}{s.port ? `:${s.port}` : ''} {:else if s?.socketPath} {s.socketPath} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'containers'} {#if s && !isOffline} {s.containers.running} / {s.containers.total} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'updates'} {#if s && !isOffline} {#if s.containers.pendingUpdates > 0}
{s.containers.pendingUpdates}
{:else} 0 {/if} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'cpu'} {#if s?.metrics && !isOffline}
{formatPercent(s.metrics.cpuPercent)}
{:else if tile.loading}
{:else} - {/if} {:else if column.id === 'memory'} {#if s?.metrics && !isOffline}
{formatPercent(s.metrics.memoryPercent)}
{:else if tile.loading}
{:else} - {/if} {:else if column.id === 'images'} {#if s && !isOffline} {s.images.total} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'volumes'} {#if s && !isOffline} {s.volumes.total} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'stacks'} {#if s && !isOffline} {s.stacks.running} / {s.stacks.total} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'events'} {#if s && !isOffline} {s.events.today} {:else if tile.loading}
{:else} - {/if} {:else if column.id === 'labels'} {#if s?.labels && s.labels.length > 0}
{#each s.labels as label} {@const colors = getLabelColors(label)} {label} {/each}
{/if} {/if} {/snippet}