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

Merge pull request #195 from ltctceplrm/remapfields

Browse source 
Fix property mapping text box
This commit is contained in:
Moritz Jung 2025-08-08 16:40:43 +02:00 • committed by GitHub
commit 1637139534
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/settings/PropertyMappingModelComponent.svelte
View file

@ -10,17 +10,16 @@
let { model, save }: Props = $props();
let validationResult: { res: boolean; err?: Error } | undefined = $state();
let validationResult: { res: boolean; err?: Error } | undefined = $derived(model.validate());
$effect(() => {
validationResult = model.validate();
});
// Use $state as a variable declaration initializer
let propertyStates = $state(model.properties.map(p => ({ ...p })));
</script>
<div class="media-db-plugin-property-mappings-model-container">
<div class="setting-item-name">{capitalizeFirstLetter(model.type)}</div>
<div class="media-db-plugin-property-mappings-container">
{#each model.properties as property}
{#each propertyStates as property, i}
<div class="media-db-plugin-property-mapping-element">
<div class="media-db-plugin-property-mapping-element-property-name-wrapper">
<pre class="media-db-plugin-property-mapping-element-property-name"><code>{property.property}</code></pre>
@ -54,6 +53,10 @@
<button
class="media-db-plugin-property-mappings-save-button {validationResult?.res ? 'mod-cta' : 'mod-muted'}"
onclick={() => {
// Sync propertyStates back to model.properties
model.properties.forEach((p, i) => {
Object.assign(p, propertyStates[i]);
});
if (model.validate().res) save(model);
}}
>Save