80 lines
1.8 KiB
Svelte
80 lines
1.8 KiB
Svelte
<script lang="ts">
|
|
import { Button, Drawer } from './common'
|
|
|
|
import DrawerContent from './common/drawer/DrawerContent.svelte'
|
|
|
|
import { Loader2, Save } from 'lucide-svelte'
|
|
|
|
let drawer: Drawer
|
|
let canSave = true
|
|
let resource_type: string | undefined = undefined
|
|
let defaultValues: Record<string, any> | undefined = undefined
|
|
|
|
let resourceEditor: { editResource: () => void; createResource: () => void } | undefined =
|
|
undefined
|
|
|
|
let path: string | undefined = undefined
|
|
|
|
let newResource = false
|
|
export async function initEdit(p: string): Promise<void> {
|
|
resource_type = undefined
|
|
newResource = false
|
|
path = p
|
|
drawer.openDrawer?.()
|
|
}
|
|
|
|
export async function initNew(
|
|
resourceType: string,
|
|
nDefaultValues?: Record<string, any>
|
|
): Promise<void> {
|
|
newResource = true
|
|
path = undefined
|
|
resource_type = resourceType
|
|
defaultValues = nDefaultValues
|
|
drawer.openDrawer?.()
|
|
}
|
|
|
|
let mode: 'edit' | 'new' = newResource ? 'new' : 'edit'
|
|
|
|
$: path ? (mode = 'edit') : (mode = 'new')
|
|
</script>
|
|
|
|
<Drawer bind:this={drawer} size="800px">
|
|
<DrawerContent
|
|
title={mode == 'edit' ? 'Edit ' + path : 'Add a resource'}
|
|
on:close={drawer.closeDrawer}
|
|
>
|
|
{#await import('./ResourceEditor.svelte')}
|
|
<Loader2 class="animate-spin" />
|
|
{:then Module}
|
|
<Module.default
|
|
{newResource}
|
|
{path}
|
|
{resource_type}
|
|
{defaultValues}
|
|
on:refresh
|
|
bind:this={resourceEditor}
|
|
bind:canSave
|
|
/>
|
|
{/await}
|
|
{#snippet actions()}
|
|
<Button
|
|
variant="accent"
|
|
unifiedSize="md"
|
|
startIcon={{ icon: Save }}
|
|
on:click={() => {
|
|
if (mode == 'edit') {
|
|
resourceEditor?.editResource()
|
|
} else {
|
|
resourceEditor?.createResource()
|
|
}
|
|
drawer.closeDrawer()
|
|
}}
|
|
disabled={!canSave}
|
|
>
|
|
Save
|
|
</Button>
|
|
{/snippet}
|
|
</DrawerContent>
|
|
</Drawer>
|