fa8a6e8c3d
* feat(frontend): make s3 a top level selected type + fix wand position + fix for loop double overflow * feat(frontend): add search * feat(frontend): fix default field * feat(frontend): fix default build * feat(frontend): support for s3 object --------- Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
53 lines
1.1 KiB
Svelte
53 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import ResourcePicker from './ResourcePicker.svelte'
|
|
import S3ObjectPicker from './S3ObjectPicker.svelte'
|
|
|
|
export let format: string
|
|
export let value: any
|
|
export let disablePortal = false
|
|
export let showSchemaExplorer = false
|
|
|
|
function isString(value: any) {
|
|
return typeof value === 'string' || value instanceof String
|
|
}
|
|
|
|
let path: string = ''
|
|
|
|
function resourceToValue() {
|
|
if (path) {
|
|
value = `$res:${path}`
|
|
} else {
|
|
value = undefined
|
|
}
|
|
}
|
|
|
|
function isResource() {
|
|
return isString(value) && value.length >= '$res:'.length
|
|
}
|
|
|
|
function valueToPath() {
|
|
if (isResource()) {
|
|
path = value.substr('$res:'.length)
|
|
}
|
|
}
|
|
|
|
$: value && valueToPath()
|
|
</script>
|
|
|
|
<div class="flex flex-row w-full flex-wrap gap-x-2 gap-y-0.5">
|
|
{#if format === 'resource-s3_object'}
|
|
<S3ObjectPicker bind:value />
|
|
{:else}
|
|
<ResourcePicker
|
|
{disablePortal}
|
|
on:change={(e) => {
|
|
path = e.detail
|
|
resourceToValue()
|
|
}}
|
|
bind:value={path}
|
|
resourceType={format.split('-').length > 1 ? format.substring('resource-'.length) : undefined}
|
|
{showSchemaExplorer}
|
|
/>
|
|
{/if}
|
|
</div>
|