ab4137640e
* refactor(frontend): Reorganise app components * refactor(frontend): Restructure app component
36 lines
1.2 KiB
Svelte
36 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { components, type AppComponent } from './component'
|
|
import InputsSpecsEditor from './settingsPanel/InputsSpecsEditor.svelte'
|
|
|
|
export let component: AppComponent
|
|
export let resourceOnly = false
|
|
</script>
|
|
|
|
{#if component?.componentInput?.type === 'runnable' && Object.keys(component?.componentInput?.fields ?? {}).length > 0}
|
|
<div class="mb-8 border p-2">
|
|
<div class="flex justify-between mb-4">
|
|
<span class="text-sm font-bold">{component.id}</span>
|
|
<span class="text-sm font-bold">{components[component.type].name}</span>
|
|
</div>
|
|
|
|
{#if resourceOnly && Object.keys(component.componentInput.fields).filter((fieldKey) => {
|
|
if (component?.componentInput?.type === 'runnable') {
|
|
const fields = component.componentInput?.fields
|
|
const field = fields[fieldKey]
|
|
return field.fieldType === 'object' && field.format?.startsWith('resource-')
|
|
}
|
|
return false
|
|
}).length === 0}
|
|
<span class="text-sm text-gray-600">No resource input</span>
|
|
{:else}
|
|
<InputsSpecsEditor
|
|
id={component.id}
|
|
shouldCapitalize={false}
|
|
bind:inputSpecs={component.componentInput.fields}
|
|
userInputEnabled={component.type !== 'buttoncomponent'}
|
|
{resourceOnly}
|
|
/>
|
|
{/if}
|
|
</div>
|
|
{/if}
|