CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-29 19:41:03 +12:00
Code Issues Projects Releases Wiki Activity

Settings Props for Pages and Screens

Browse source
This commit is contained in:
Conor_Mack 2020-06-03 19:46:41 +01:00
parent ca0d1b6b2b
commit 2aaec0222c
1 changed files with 10 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
View file

@ -31,7 +31,6 @@
let selectedCategory = categories[0]
$: components = $store.components
$: componentInstance = $store.currentComponentInfo
$: componentDefinition = $store.components[componentInstance._component]
$: componentPropDefinition =
flattenedPanel.find(
@ -39,35 +38,32 @@
c => c._component === componentInstance._component
) || {}
$: panelDefinition = componentPropDefinition.properties
? componentPropDefinition.properties[selectedCategory.value]
: {}
let panelDefNew = {}
let panelDefinition = {}
$: {
if(componentPropDefinition.properties) {
if(selectedCategory.value === "design") {
panelDefNew = componentPropDefinition.properties["design"]
panelDefinition = componentPropDefinition.properties["design"]
}else{
let panelDef = componentPropDefinition.properties["settings"]
if($store.currentFrontEndType === "page") {
panelDefNew = [...page,...panelDef]
panelDefinition = [...page,...panelDef]
}else if($store.currentFrontEndType === "screen" && $store.currentView !== "component") {
panelDefNew = [...screen, ...panelDef]
panelDefinition = [...screen, ...panelDef]
}else {
panelDefNew = panelDef
panelDefinition = panelDef
}
}
}
}
let componentInstanceNew = {}
let componentInstance = {}
$: {
if(($store.currentFrontEndType === "screen" || $store.currentFrontEndType === "page") && $store.currentView !== "component") {
componentInstanceNew = {...$store.currentPreviewItem, ...$store.currentComponentInfo}
componentInstance = {...$store.currentPreviewItem, ...$store.currentComponentInfo}
}else {
componentInstanceNew = $store.currentComponentInfo
componentInstance = $store.currentComponentInfo
}
}
@ -117,10 +113,10 @@
<div class="component-props-container">
{#if selectedCategory.value === 'design'}
<DesignView panelDefinition={panelDefNew} {componentInstance} {onStyleChanged} />
<DesignView {panelDefinition} {componentInstance} {onStyleChanged} />
{:else if selectedCategory.value === 'settings'}
<SettingsView
panelDefinition={panelDefNew}
{panelDefinition}
{componentInstance}
{componentDefinition}
onChange={onPropChanged} />