CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-09 00:06:05 +12:00
Code Issues Projects Releases Wiki Activity

Fixes for screen and page props

Browse source
This commit is contained in:
Conor_Mack 2020-06-03 22:05:02 +01:00
parent 156fc01b48
commit 9556598cc6
3 changed files with 14 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
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,40 +38,35 @@
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
}
}
$: console.log("COMP INSTA NEW", componentInstanceNew)
const onStyleChanged = store.setComponentStyle
function onPropChanged(key, value) {
@ -120,10 +114,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} />

4
packages/builder/src/components/userInterface/SettingsView.svelte
View file

@ -9,7 +9,9 @@
export let componentInstance = {}
export let onChange = () => {}
let pageScreenProps = ["name", "favicon", "description", "route"]
$: console.log("SET COMP INSTANCE",componentInstance)
let pageScreenProps = ["title","favicon", "description", "route"]
const propExistsOnComponentDef = prop => pageScreenProps.includes(prop) || prop in componentDefinition.props

3
packages/builder/src/components/userInterface/propertyCategories.js
View file

@ -5,13 +5,12 @@ import FlatButtonGroup from "./FlatButtonGroup.svelte"
export const screen = [
{ label: "Name", key: "name", control: Input },
{ label: "Description", key: "description", control: Input },
{ label: "Route", key: "route", control: Input },
]
export const page = [
{ label: "Name", key: "name", control: Input },
{ label: "Title", key: "title", control: Input },
{ label: "Favicon", key: "favicon", control: Input },
]