Browse Source

Remove initial work on pagination standard component

pull/4023/head
Andrew Kingston 5 years ago
parent
commit
25fdb30e34
  1. 13
      packages/standard-components/manifest.json
  2. 25
      packages/standard-components/src/Pagination.svelte

13
packages/standard-components/manifest.json

@ -1521,18 +1521,5 @@
"context": {
"type": "schema"
}
},
"pagination": {
"name": "Pagination Control",
"icon": "",
"styleable": true,
"hasChildren": "false",
"settings": [
{
"type": "dataProvider",
"label": "Provider",
"key": "dataProviderId"
}
]
}
}

25
packages/standard-components/src/Pagination.svelte

@ -1,25 +0,0 @@
<script>
import { getContext } from "svelte"
export let dataProviderId
const component = getContext("component")
const { styleable, ActionTypes, builderStore } = getContext("sdk")
const dataContext = getContext("context")
$: dataProviderContext = dataContext?.[dataProviderId]
$: pageNumber = dataProviderContext?.pageNumber ?? 1
$: hasPrevPage = dataProviderContext?.hasPrevPage ?? false
$: hasNextPage = dataProviderContext?.hasNextPage ?? false
$: prevPage = dataContext?.[`${dataProviderId}_${ActionTypes.PrevPage}`]
$: nextPage = dataContext?.[`${dataProviderId}_${ActionTypes.NextPage}`]
$: hasValidContext = dataProviderContext != null && nextPage != null
</script>
{#if hasValidContext}
<div>
Page {pageNumber}
</div>
{:else if builderStore.inBuilder}
<div>Choose a data provider to control with this pagination component.</div>
{/if}
Loading…
Cancel
Save