kalugin66/windmill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

settings panel

Browse Source
This commit is contained in:
Ruben Fiszel
2023-02-24 17:49:16 +01:00
parent c56176ec91
commit 5742bf2235
6 changed files with 17 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/lib/components/apps/editor/SettingsPanel.svelte
View File

@@ -1,14 +1,22 @@
<script lang="ts">
import { getContext } from 'svelte'
import type { AppEditorContext } from '../types'
import { allItems } from '../utils'
import PanelSection from './settingsPanel/common/PanelSection.svelte'
import ComponentPanel from './settingsPanel/ComponentPanel.svelte'
import InputsSpecsEditor from './settingsPanel/InputsSpecsEditor.svelte'
import SettingsPanelRec from './SettingsPanelRec.svelte'
import TablePanel from './TablePanel.svelte'
const { selectedComponent, app } = getContext<AppEditorContext>('AppEditorContext')
</script>
<SettingsPanelRec bind:gridItems={$app.grid} />
{#each allItems($app.grid, $app.subgrids) as gridItem (gridItem.data.id)}
{#if gridItem.data.id === $selectedComponent}
<ComponentPanel bind:component={gridItem.data} />
{:else if gridItem.data.type === 'tablecomponent'}
<TablePanel bind:component={gridItem.data} />
{/if}
{/each}
{#each $app?.hiddenInlineScripts ?? [] as script, index (script.name)}
{#if $selectedComponent === `bg_${index}`}

16
frontend/src/lib/components/apps/editor/SettingsPanelList.svelte
View File

@@ -1,16 +0,0 @@
<script lang="ts">
import type { GridItem } from '../types'
import SettingsPanelRec from './SettingsPanelRec.svelte'
export let subgrids: GridItem[][]
let elems = subgrids
$: subgrids = elems
</script>
{#if subgrids}
{#each elems as subGrid, i (i)}
<SettingsPanelRec bind:gridItems={subGrid} />
{/each}
{/if}

24
frontend/src/lib/components/apps/editor/SettingsPanelRec.svelte
View File

@@ -1,24 +0,0 @@
<script lang="ts">
import { getContext } from 'svelte'
import type { AppEditorContext, GridItem } from '../types'
import ComponentPanel from './settingsPanel/ComponentPanel.svelte'
import SettingsPanelList from './SettingsPanelList.svelte'
import TablePanel from './TablePanel.svelte'
const { selectedComponent } = getContext<AppEditorContext>('AppEditorContext')
export let gridItems: GridItem[]
</script>
{#if gridItems}
{#each gridItems as gridItem (gridItem.data.id)}
{#if gridItem.data.id === $selectedComponent}
<ComponentPanel {gridItems} bind:component={gridItem.data} />
{:else if gridItem.data.type === 'tablecomponent'}
<TablePanel bind:component={gridItem.data} />
{:else if gridItem.data.subGrids}
<SettingsPanelList bind:subgrids={gridItem.data.subGrids} />
{/if}
{/each}
{/if}

1
frontend/src/lib/components/apps/editor/TablePanel.svelte
View File

@@ -11,7 +11,6 @@
{#each component.actionButtons as actionButton (actionButton.id)}
{#if actionButton.id === $selectedComponent}
<ComponentPanel
gridItems={undefined}
rowColumns
bind:component={actionButton}
onDelete={() => {

1
frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
View File

@@ -24,7 +24,6 @@
export let component: AppComponent | undefined
export let rowColumns = false
export let gridItems: GridItem[] | undefined
export let onDelete: (() => void) | undefined = undefined
const { app, staticOutputs, runnableComponents, selectedComponent, worldStore, focusedGrid } =

7
frontend/src/lib/components/apps/utils.ts
View File

@@ -47,6 +47,13 @@ export function deleteComponent(
*/
export function allItems(grid: GridItem[], subgrids: Record<string, GridItem[]> | undefined): GridItem[] {
if (subgrids == undefined) {
return grid
}
return [...grid, ...Object.values(subgrids).flat()]
}
export async function loadSchema(
workspace: string,
path: string,