working on vcard display
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
23
frontend/src/routes/contact/Name.svelte
Normal file
23
frontend/src/routes/contact/Name.svelte
Normal file
@@ -0,0 +1,23 @@
|
||||
<script>
|
||||
import { name } from '../../vcard.js';
|
||||
|
||||
let { vcard } = $props();
|
||||
|
||||
let n = $derived(name(vcard));
|
||||
</script>
|
||||
|
||||
{#if n.prefix}
|
||||
<span class="name prefix">{n.prefix}</span>
|
||||
{/if}
|
||||
{#if n.given}
|
||||
<span class="given name">{n.given}</span>
|
||||
{/if}
|
||||
{#if n.family}
|
||||
<span class="family name">{n.family}</span>
|
||||
{/if}
|
||||
{#if n.additional}
|
||||
<span class="additional name">{n.additional}</span>
|
||||
{/if}
|
||||
{#if n.suffix}
|
||||
<span class="name suffix">{n.suffix}</span>
|
||||
{/if}
|
||||
Reference in New Issue
Block a user