thm
/
upend
1
0
Fork 0
Code Issues 73 Pull Requests Packages Projects Releases 5 Wiki Activity

style(webui): blob preview labels
ci/woodpecker/push/woodpecker Pipeline failed Details

develop
Tomáš Mládek 2024-01-27 15:07:13 +01:00
parent 7533697907
commit faa75278a1
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webui/src/lib/components/display/BlobPreview.svelte
View File

@ -15,6 +15,7 @@
export let address: string; export let address: string;
export let recurse = 3; export let recurse = 3;
export let labels = false;
$: ({ entity, entityInfo } = useEntity(address)); $: ({ entity, entityInfo } = useEntity(address));
$: types = $entity && $entityInfo && getTypes($entity, $entityInfo); $: types = $entity && $entityInfo && getTypes($entity, $entityInfo);
@ -64,6 +65,7 @@
<li> <li>
<svelte:self <svelte:self
{address} {address}
labels
recurse={recurse - 1} recurse={recurse - 1}
on:handled={(ev) => { on:handled={(ev) => {
if (!ev.detail && !failedChildren.includes(address)) if (!ev.detail && !failedChildren.includes(address))
@ -119,6 +121,13 @@
<HashBadge {address} /> <HashBadge {address} />
</div> </div>
{/if} {/if}
{#if labels}
<div class="labels">
{#each $entity?.identify() || [] as label}
<span>{label}</span>
{/each}
</div>
{/if}
</div> </div>
<style lang="scss"> <style lang="scss">
@ -189,4 +198,10 @@
min-width: 0; min-width: 0;
} }
} }
.labels {
font-size: 0.66rem;
text-align: center;
opacity: 0.6;
}
</style> </style>