afiqzudinhadi/obsidian-media-db-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fix property mapping text box

Browse source
This commit is contained in:
ltctceplrm 2025-07-19 14:27:58 +02:00
parent c87cb098b2
commit e17271b8e9
2 changed files with 6 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/settings/PropertyMappingModelComponent.svelte
View file

@ -1,22 +1,14 @@
<script lang="ts"> <script lang="ts">
import { run } from 'svelte/legacy';
import { PropertyMappingModel, PropertyMappingOption, propertyMappingOptions } from './PropertyMapping'; import { PropertyMappingModel, PropertyMappingOption, propertyMappingOptions } from './PropertyMapping';
import { capitalizeFirstLetter } from '../utils/Utils'; import { capitalizeFirstLetter } from '../utils/Utils';
import Icon from './Icon.svelte'; import Icon from './Icon.svelte';
interface Props { export let model: PropertyMappingModel;
model: PropertyMappingModel; export let save: (model: PropertyMappingModel) => void;
save: (model: PropertyMappingModel) => void;
}
let { model, save }: Props = $props(); let validationResult: { res: boolean; err?: Error } | undefined;
let validationResult: { res: boolean; err?: Error } | undefined = $state(); $: validationResult = model.validate();
$effect(() => {
validationResult = model.validate();
});
</script> </script>
<div class="media-db-plugin-property-mappings-model-container"> <div class="media-db-plugin-property-mappings-model-container">

8
src/settings/PropertyMappingModelsComponent.svelte
View file

@ -2,12 +2,8 @@
import { PropertyMappingModel } from './PropertyMapping'; import { PropertyMappingModel } from './PropertyMapping';
import PropertyMappingModelComponent from './PropertyMappingModelComponent.svelte'; import PropertyMappingModelComponent from './PropertyMappingModelComponent.svelte';
interface Props { export let models: PropertyMappingModel[] = [];
models?: PropertyMappingModel[]; export let save: (model: PropertyMappingModel) => void;
save: (model: PropertyMappingModel) => void;
}
let { models = [], save }: Props = $props();
</script> </script>
<div class="setting-item" style="display: flex; gap: 10px; flex-direction: column; align-items: stretch;"> <div class="setting-item" style="display: flex; gap: 10px; flex-direction: column; align-items: stretch;">