CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-01 01:28:51 +13:00
Code Issues Projects Releases Wiki Activity

Add support for displaying linked records in DataTable

Browse source
This commit is contained in:
Andrew Kingston 2020-10-06 16:05:52 +01:00
parent fd4a7d95bc
commit 21796d9f98
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/standard-components/src/DataTable.svelte
View file

@ -13,6 +13,7 @@
export let stripeColor
export let borderColor
export let datasource = {}
export let _bb
let data = []
let headers = []
@ -29,10 +30,18 @@
$: sorted = sort.direction ? fsort(data)[sort.direction](sort.column) : data
async function fetchModel(modelId) {
const FETCH_MODEL_URL = `/api/models/${modelId}`
const response = await _bb.api.get(FETCH_MODEL_URL)
const model = await response.json()
schema = model.schema
}
onMount(async () => {
if (!isEmpty(datasource)) {
data = await fetchData(datasource)
if (data) {
if (data && data.length) {
await fetchModel(data[0].modelId)
headers = Object.keys(data[0]).filter(shouldDisplayField)
}
}
@ -85,11 +94,15 @@
{#each sorted as row (row._id)}
<tr>
{#each headers as header}
<!-- Rudimentary solution for attachments on array given this entire table will be replaced by AG Grid -->
{#if Array.isArray(row[header])}
<AttachmentList files={row[header]} />
{:else if row[header]}
<td>{row[header]}</td>
{#if schema[header]}
<!-- Rudimentary solution for attachments on array given this entire table will be replaced by AG Grid -->
{#if schema[header].type === 'attachment'}
<AttachmentList files={row[header]} />
{:else if schema[header].type === 'link'}
<td>{row[header] ? row[header].length : 0} related row(s)</td>
{:else if row[header]}
<td>{row[header]}</td>
{/if}
{/if}
{/each}
</tr>