2021-12-11 15:57:20 +01:00
|
|
|
<script lang="ts">
|
2021-12-15 13:55:10 +01:00
|
|
|
import { Card, CardBody, CardHeader } from 'sveltestrap';
|
|
|
|
|
import FaAddressCard from 'svelte-icons/fa/FaAddressCard.svelte'
|
2021-12-11 15:57:20 +01:00
|
|
|
import CardsHeader from '../CardsHeader.svelte';
|
2021-12-12 08:01:51 +01:00
|
|
|
import Body from './Body.svelte';
|
|
|
|
|
import Privacy from './Privacy.svelte';
|
2021-12-12 07:46:57 +01:00
|
|
|
import Edit from './Edit.svelte';
|
2021-12-11 15:57:20 +01:00
|
|
|
|
2022-02-01 15:24:45 -05:00
|
|
|
import { System } from '../../api/types';
|
|
|
|
|
|
|
|
|
|
export let user: System;
|
2021-12-11 18:41:21 +01:00
|
|
|
export let isPublic = true;
|
2021-12-11 15:57:20 +01:00
|
|
|
|
2021-12-11 18:41:21 +01:00
|
|
|
let editMode = false;
|
2021-12-11 15:57:20 +01:00
|
|
|
</script>
|
|
|
|
|
|
2021-12-11 18:41:21 +01:00
|
|
|
<Card class="mb-4">
|
2021-12-15 13:55:10 +01:00
|
|
|
<CardHeader>
|
2022-06-23 22:25:49 +02:00
|
|
|
<CardsHeader bind:item={user}>
|
2021-12-15 13:55:10 +01:00
|
|
|
<FaAddressCard slot="icon" />
|
|
|
|
|
</CardsHeader>
|
|
|
|
|
</CardHeader>
|
2021-12-11 15:57:20 +01:00
|
|
|
<CardBody style="border-left: 4px solid #{user.color}">
|
|
|
|
|
{#if !editMode}
|
2021-12-12 10:31:08 +01:00
|
|
|
<Body bind:user bind:editMode bind:isPublic/>
|
2021-12-11 15:57:20 +01:00
|
|
|
{:else}
|
2022-06-23 22:25:49 +02:00
|
|
|
<Edit bind:user bind:editMode />
|
2021-12-11 15:57:20 +01:00
|
|
|
{/if}
|
|
|
|
|
</CardBody>
|
2021-12-11 18:41:21 +01:00
|
|
|
</Card>
|
|
|
|
|
|
|
|
|
|
{#if !isPublic}
|
2021-12-12 08:01:51 +01:00
|
|
|
<Privacy bind:user />
|
2021-12-11 18:41:21 +01:00
|
|
|
{/if}
|
