diff --git a/ui/src/components/AttributeView.svelte b/ui/src/components/AttributeView.svelte index 3e96899..31cb8f0 100644 --- a/ui/src/components/AttributeView.svelte +++ b/ui/src/components/AttributeView.svelte @@ -85,7 +85,7 @@ /> {/each} {:else} - +
{/if} diff --git a/ui/src/components/widgets/Table.svelte b/ui/src/components/widgets/Table.svelte index b97eb5a..30834fd 100644 --- a/ui/src/components/widgets/Table.svelte +++ b/ui/src/components/widgets/Table.svelte @@ -6,13 +6,17 @@ import Marquee from "../Marquee.svelte"; import Address from "../Address.svelte"; - export let entity = false; - export let attribute = true; - export let value = true; + export let columns = "attribute, value"; + export let header = true; export let attributes: OrderedListing; export let editable = false; + // Display + $: showEntity = columns.includes("entity"); + $: showAttribute = columns.includes("attribute"); + $: showValue = columns.includes("value"); + // Pagination let currentDisplay = 999; const MAX_DISPLAY = 50; @@ -105,31 +109,33 @@ {#if editable} {/if} - {#if entity} + {#if showEntity} {/if} - {#if attribute} + {#if showAttribute} {/if} - {#if value} + {#if showValue} {/if} - - {#if editable} - - {/if} - {#if attribute} - - {/if} - {#if value} - - {/if} - + {#if header} + + {#if editable} + + {/if} + {#if showAttribute} + + {/if} + {#if showValue} + + {/if} + + {/if} {#each sortedAttributes as [id, entry] (id)} @@ -139,13 +145,13 @@ {/if} - {#if entity} + {#if showEntity} {/if} - {#if attribute} + {#if showAttribute} {/if} - {#if value} + {#if showValue} - {#if attribute} + {#if showAttribute} {/if} - {#if value} + {#if showValue}
- {/if} - {#if entity} - EntityAttributeValue
+ {/if} + {#if showEntity} + EntityAttributeValue
{formatAttribute(entry.attribute) || entry.attribute} @@ -153,7 +159,7 @@