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

Merge pull request #6558 from Budibase/feature/component-condition-count 

Feature/component condition count
This commit is contained in:
deanhannigan 2022-07-15 10:20:04 +01:00 committed by GitHub
parent ffa44b3b29 5dd1ca8f33
commit b52fb1c42c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/settings/ConditionalUISection.svelte
View File

@ -28,12 +28,15 @@
} }
drawer.hide() drawer.hide()
} }
$: conditionCount = componentInstance?._conditions?.length
$: conditionText = `${conditionCount || "No"} condition${
conditionCount !== 1 ? "s" : ""
} set`
</script> </script>
<DetailSummary <DetailSummary name={"Conditions"} collapsible={false}>
name={`Conditions${componentInstance?._conditions ? " *" : ""}`} <div class="conditionCount">{conditionText}</div>
collapsible={false}
>
<div> <div>
<ActionButton on:click={openDrawer}>Configure conditions</ActionButton> <ActionButton on:click={openDrawer}>Configure conditions</ActionButton>
</div> </div>
@ -45,3 +48,10 @@
<Button cta slot="buttons" on:click={() => save()}>Save</Button> <Button cta slot="buttons" on:click={() => save()}>Save</Button>
<ConditionalUIDrawer slot="body" bind:conditions={tempValue} {bindings} /> <ConditionalUIDrawer slot="body" bind:conditions={tempValue} {bindings} />
</Drawer> </Drawer>
<style>
.conditionCount {
font-weight: 600;
margin-top: -5px;
}
</style>