MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add attachment handling to tables

This commit is contained in:
Andrew Kingston 2021-03-24 16:29:28 +00:00
parent e9bfdabcdd
commit ae6a762812
1 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/standard-components/src/table/AttachmentRenderer.svelte
View File

@ -2,4 +2,31 @@
export let value
</script>
{value}
{#if value && value.length}
{#each value as attachment}
{#if attachment.type.startsWith('image')}
<img src={attachment.url} alt={attachment.extension} />
{:else}
<div class="file">{attachment.extension}</div>
{/if}
{/each}
{/if}
<style>
img {
height: 24px;
max-width: 50px;
}
.file {
height: 24px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0 8px;
color: var(--spectrum-global-color-gray-500);
border: 1px solid var(--spectrum-global-color-gray-500);
border-radius: 2px;
text-transform: uppercase;
}
</style>