starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-08-25 16:02:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

script editor panel

Browse Source
This commit is contained in:
Ruben Fiszel
2023-02-24 17:53:26 +01:00
parent e08e7e4ae6
commit 3387bb0d83
2 changed files with 21 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditorRec.svelte
-39
View File
@@ -1,39 +0,0 @@
<script lang="ts">
import type { GridItem } from '../../types'
import InlineScriptEditorList from './InlineScriptEditorList.svelte'
import InlineScriptEditorPanel from './InlineScriptEditorPanel.svelte'
export let gridItems: GridItem[]
export let selectedScriptComponentId: string | undefined = undefined
</script>
{#if gridItems}
{#each gridItems as gridComponent, index (index)}
{#if gridComponent.data}
{#if gridComponent.data.id === selectedScriptComponentId}
<InlineScriptEditorPanel
id={gridComponent.data.id}
bind:componentInput={gridComponent.data.componentInput}
/>
{:else if gridComponent.data.subGrids}
<InlineScriptEditorList
{selectedScriptComponentId}
bind:subgrids={gridComponent.data.subGrids}
/>
{/if}
{#if gridComponent.data.type === 'tablecomponent'}
{#each gridComponent.data.actionButtons as actionButton, index (index)}
{#if actionButton.id === selectedScriptComponentId}
<InlineScriptEditorPanel
id={actionButton.id}
bind:componentInput={actionButton.componentInput}
/>
{/if}
{/each}
{/if}
{/if}
{/each}
{/if}
frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
+21 -2
View File
@@ -6,7 +6,8 @@
import InlineScriptsPanelList from './InlineScriptsPanelList.svelte'
import InlineScriptEditor from './InlineScriptEditor.svelte'
import EmptyInlineScript from './EmptyInlineScript.svelte'
import InlineScriptEditorRec from './InlineScriptEditorRec.svelte'
import { allItems } from '../../utils'
import InlineScriptEditorPanel from './InlineScriptEditorPanel.svelte'
const { app, staticOutputs, runnableComponents } =
getContext<AppEditorContext>('AppEditorContext')
@@ -24,7 +25,25 @@
<span class="p-2 text-sm text-gray-600">Select a script on the left panel</span>
{/if}
<InlineScriptEditorRec {selectedScriptComponentId} bind:gridItems={$app.grid} />
{#each allItems($app.grid, $app.subgrids) as gridItem (gridItem.data.id)}
{#if gridItem.data.id === selectedScriptComponentId}
<InlineScriptEditorPanel
id={gridItem.data.id}
bind:componentInput={gridItem.data.componentInput}
/>
{/if}
{#if gridItem.data.type === 'tablecomponent'}
{#each gridItem.data.actionButtons as actionButton, index (index)}
{#if actionButton.id === selectedScriptComponentId}
<InlineScriptEditorPanel
id={actionButton.id}
bind:componentInput={actionButton.componentInput}
/>
{/if}
{/each}
{/if}
{/each}
{#each $app.unusedInlineScripts as unusedInlineScript, index (index)}
{#if `unused-${index}` === selectedScriptComponentId}
<InlineScriptEditor