feat: public system page!

This commit is contained in:
Spectralitree
2021-12-12 10:31:08 +01:00
parent dc9a7a67b6
commit ddda4ac58b
5 changed files with 156 additions and 12 deletions

View File

@@ -6,6 +6,7 @@
export let user: Sys;
export let editMode: boolean;
export let isPublic: boolean;
let htmlDescription: string;
if (user.description) {
@@ -23,23 +24,31 @@
</script>
<Row>
{#if user.id}
<Col xs={12} lg={4} class="mb-2">
<b>ID:</b> {user.id}
</Col>
{/if}
{#if user.name}
<Col xs={12} lg={4} class="mb-2">
<b>Name:</b> {user.name}
</Col>
{/if}
{#if user.tag}
<Col xs={12} lg={4} class="mb-2">
<b>Tag:</b> {user.tag}
</Col>
{/if}
{#if user.created}
<Col xs={12} lg={4} class="mb-2">
<b>Created:</b> {created}
</Col>
{/if}
{#if user.timezone}
<Col xs={12} lg={4} class="mb-2">
<b>Timezone:</b> {user.timezone}
</Col>
{/if}
{#if user.color}
<Col xs={12} lg={4} class="mb-2">
<b>Color:</b> {user.color}
@@ -63,4 +72,6 @@
{#if user.banner && settings && settings.appearance.banner_bottom}
<img src={user.banner} alt="your system banner" class="w-100 mb-3 rounded" style="max-height: 12em; object-fit: cover"/>
{/if}
<Button style="flex: 0" color="primary" on:click={() => editMode = true}>Edit</Button>
{#if !isPublic}
<Button style="flex: 0" color="primary" on:click={() => editMode = true}>Edit</Button>
{/if}

View File

@@ -8,7 +8,7 @@
export let user: Sys;
export let isPublic = true;
let loading: boolean;
let loading = false;
let editMode = false;
</script>
@@ -17,7 +17,7 @@
<CardsHeader bind:item={user} bind:loading/>
<CardBody style="border-left: 4px solid #{user.color}">
{#if !editMode}
<Body bind:user bind:editMode/>
<Body bind:user bind:editMode bind:isPublic/>
{:else}
<Edit bind:user bind:editMode bind:loading />
{/if}