2020-06-03 10:26:06 +12:00
|
|
|
<script>
|
2021-01-21 23:42:14 +13:00
|
|
|
import { getContext } from "svelte"
|
2020-08-27 04:03:30 +12:00
|
|
|
import { isEmpty } from "lodash/fp"
|
2020-11-19 08:18:18 +13:00
|
|
|
|
2021-02-02 07:51:22 +13:00
|
|
|
const { API, styleable, Provider, builderStore } = getContext("sdk")
|
2020-11-25 00:02:10 +13:00
|
|
|
const component = getContext("component")
|
2020-06-03 10:26:06 +12:00
|
|
|
|
2020-08-27 04:03:30 +12:00
|
|
|
export let datasource = []
|
2020-06-03 10:26:06 +12:00
|
|
|
|
2020-11-19 00:24:01 +13:00
|
|
|
let rows = []
|
2021-01-26 22:48:41 +13:00
|
|
|
let loaded = false
|
2020-06-03 10:26:06 +12:00
|
|
|
|
2021-01-21 23:42:14 +13:00
|
|
|
$: fetchData(datasource)
|
2021-01-12 09:17:56 +13:00
|
|
|
|
2021-01-21 23:42:14 +13:00
|
|
|
async function fetchData(datasource) {
|
2020-08-27 04:03:30 +12:00
|
|
|
if (!isEmpty(datasource)) {
|
2021-01-21 23:42:14 +13:00
|
|
|
rows = await API.fetchDatasource(datasource)
|
2020-06-03 10:26:06 +12:00
|
|
|
}
|
2021-01-26 22:48:41 +13:00
|
|
|
loaded = true
|
2021-01-21 23:42:14 +13:00
|
|
|
}
|
2020-06-03 10:26:06 +12:00
|
|
|
</script>
|
|
|
|
|
2020-11-25 00:02:10 +13:00
|
|
|
<div use:styleable={$component.styles}>
|
2021-01-20 03:11:21 +13:00
|
|
|
{#if rows.length > 0}
|
2021-01-26 22:48:41 +13:00
|
|
|
{#if $component.children === 0 && $builderStore.inBuilder}
|
|
|
|
<p>Add some components too</p>
|
|
|
|
{:else}
|
|
|
|
{#each rows as row}
|
2021-02-02 07:51:22 +13:00
|
|
|
<Provider data={row}>
|
2021-01-20 03:21:23 +13:00
|
|
|
<slot />
|
2021-02-02 07:51:22 +13:00
|
|
|
</Provider>
|
2021-01-26 22:48:41 +13:00
|
|
|
{/each}
|
|
|
|
{/if}
|
|
|
|
{:else if loaded && $builderStore.inBuilder}
|
2021-01-20 03:11:21 +13:00
|
|
|
<p>Feed me some data</p>
|
|
|
|
{/if}
|
2020-11-19 00:24:01 +13:00
|
|
|
</div>
|
2021-01-20 03:11:21 +13:00
|
|
|
|
|
|
|
<style>
|
|
|
|
p {
|
|
|
|
display: grid;
|
|
|
|
place-items: center;
|
|
|
|
background: #f5f5f5;
|
|
|
|
border: #ccc 1px solid;
|
|
|
|
padding: var(--spacing-m);
|
|
|
|
}
|
2021-01-22 23:49:03 +13:00
|
|
|
</style>
|