SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

implemented storing of new vcards, editing of names

Browse Source
This commit is contained in:
Stephan Richter
2025-10-10 08:47:38 +02:00
parent e0c05506c3
commit e5227c3e19
6 changed files with 67 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/routes/contact/Name.svelte
View File

@@ -1,25 +1,33 @@
<script>
import { name } from '../../vcard.js';
import LineEditor from '../../Components/LineEditor.svelte';
import { name } from '../../vcard.js';
import { t } from '../../translations.svelte';
let { vcard } = $props();
let { code, patch = (from, to) => true } = $props();
let n = $derived(name(vcard));
let n = $derived(name(code));
function onSet(oldVal,newVal){
console.log(`onset(${oldVal} → ${newVal})`);
const newCode = code.replace(oldVal,newVal);
return patch(code,newCode);
}
</script>
<div class="name">
{#if n.prefix}
<span class="prefix">{n.prefix}</span>
<LineEditor type="span" editable={true} value={n.prefix} onSet={newVal => onSet(n.prefix,newVal)} title={t('name_prefix')} />
{/if}
{#if n.given}
<span class="given">{n.given}</span>
<LineEditor type="span" editable={true} value={n.given} onSet={newVal => onSet(n.given,newVal)} title={t('given_name')} />
{/if}
{#if n.additional}
<span class="additional">{n.additional}</span>
<LineEditor type="span" editable={true} value={n.additional} onSet={newVal => onSet(n.additional,newVal)} title={t('additional_name')} />
{/if}
{#if n.family}
<span class="family">{n.family}</span>
<LineEditor type="span" editable={true} value={n.family} onSet={newVal => onSet(n.family,newVal)} title={t('family_name')} />
{/if}
{#if n.suffix}
<span class="suffix">{n.suffix}</span>
<LineEditor type="span" editable={true} value={n.suffix} onSet={newVal => onSet(n.suffix,newVal)} title={t('<name_suffix></name_suffix>')} />
{/if}
</div>