Browse Source

Added condition count to the component settings panel

pull/6558/head
Dean 4 years ago
parent
commit
d7c2f53a55
  1. 14
      packages/builder/src/components/design/PropertiesPanel/ConditionalUISection.svelte

14
packages/builder/src/components/design/PropertiesPanel/ConditionalUISection.svelte

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

Loading…
Cancel
Save