|
2 | 2 | import Checkmark from './Checkmark.svelte'; |
3 | 3 | import HelpButton from './HelpButton.svelte'; |
4 | 4 | import CopyButton from './CopyButton.svelte'; |
5 | | - import type { Snippet } from 'svelte'; |
| 5 | + import { type Snippet } from 'svelte'; |
6 | 6 | import { Icon } from '@smui/button'; |
| 7 | + import { getFormContext, getValue, persistValue } from '$lib/context/FormContext.svelte'; |
| 8 | + import IconButton from '@smui/icon-button'; |
7 | 9 |
|
8 | 10 | export type FieldToolsProps = { |
9 | 11 | key: string; |
|
23 | 25 | noCopyButton = false |
24 | 26 | }: FieldToolsProps = $props(); |
25 | 27 |
|
| 28 | + const metadata = $derived(getFormContext()?.metadata); |
| 29 | +
|
26 | 30 | const checkIfHasHelp = async () => { |
27 | 31 | const response = await fetch(`/help/${key}`); |
28 | 32 | if (!response.ok || response.status === 204) return false; |
29 | 33 | return true; |
30 | 34 | }; |
| 35 | +
|
| 36 | + const getValueFromOriginal = async () => { |
| 37 | + const response = await fetch(`/metadata/${metadata?.clonedFromId}`, { |
| 38 | + headers: { |
| 39 | + 'Content-Type': 'application/json' |
| 40 | + } |
| 41 | + }); |
| 42 | + const originalMetadata = await response.json(); |
| 43 | + return getValue(key, originalMetadata); |
| 44 | + }; |
31 | 45 | </script> |
32 | 46 |
|
33 | 47 | <div class="field-tools"> |
|
45 | 59 | {#if !noCopyButton} |
46 | 60 | <CopyButton {key} /> |
47 | 61 | {/if} |
| 62 | + {#if metadata?.clonedFromId} |
| 63 | + {#await getValueFromOriginal()} |
| 64 | + <Icon |
| 65 | + class="material-icons spinner" |
| 66 | + title="Es wird geprüft, ob der Wert im Originaldatensatz gesetzt ist." |
| 67 | + > |
| 68 | + progress_activity |
| 69 | + </Icon> |
| 70 | + {:then valueFromOriginal} |
| 71 | + {#if valueFromOriginal} |
| 72 | + <IconButton |
| 73 | + type="button" |
| 74 | + size="button" |
| 75 | + title="Wert aus Originaldatensatz übernehmen" |
| 76 | + onclick={() => persistValue(key, valueFromOriginal)} |
| 77 | + > |
| 78 | + <Icon class="material-icons">settings_backup_restore</Icon> |
| 79 | + </IconButton> |
| 80 | + {/if} |
| 81 | + {:catch} |
| 82 | + <Icon class="material-icons" title="Fehler beim Prüfen des Originaldatensatzes."> |
| 83 | + warning |
| 84 | + </Icon> |
| 85 | + {/await} |
| 86 | + {/if} |
48 | 87 | {@render children?.()} |
49 | 88 | {#if !noCheckmark} |
50 | 89 | <Checkmark bind:running /> |
|
0 commit comments