Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: prefs updated on mount

Browse Source
This commit is contained in:
Arman
2022-06-14 12:06:39 +02:00
parent 4505f9552c
commit db79112194
1 changed files with 38 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/console/[project]/users/user/[user]/index.svelte
+38 -27
View File
@@ -9,8 +9,8 @@
import { addNotification } from '$lib/stores/notifications';
import DeleteUser from './_deleteUser.svelte';
import { user } from './store';
import { onMount } from 'svelte';
$: user.load($page.params.user);
$: if (newKey && newValue) {
arePrefsDisabled = false;
} else if (prefs) {
@@ -28,9 +28,14 @@
newPref = false,
newKey = null,
newValue = null;
let prefs = Object.entries($user.prefs);
let prefs = null;
let arePrefsDisabled = true;
onMount(async () => {
await user.load($page.params.user);
prefs = Object.entries($user.prefs);
});
const getAvatar = (name: string) =>
sdkForProject.avatars.getInitials(name, 128, 128).toString();
@@ -268,32 +273,38 @@
</p>
</div>
<div>
{#each prefs as [key, value]}
<ul class="u-flex u-gap-12">
<InputText id={`key-${key}`} label="Key" bind:value={key} />
<InputText id={`value-${value}`} label="Value" bind:value />
<Button text on:click={() => deletePref(key)}>
<span class="icon-x" aria-hidden="true" />
</Button>
</ul>
{/each}
{#if prefs.length === 0 || newPref}
<ul class="u-flex u-gap-12">
<InputText
id="key"
label="Key"
placeholder="Enter Key"
bind:value={newKey} />
<InputText
id="value"
label="Value"
placeholder="Enter Value"
bind:value={newValue} />
<Button text disabled={!prefs.length} on:click={() => (newPref = false)}>
<span class="icon-x" aria-hidden="true" />
</Button>
</ul>
{#if prefs}
{#each prefs as [key, value]}
<ul class="u-flex u-gap-12">
<InputText id={`key-${key}`} label="Key" bind:value={key} />
<InputText id={`value-${value}`} label="Value" bind:value />
<Button text on:click={() => deletePref(key)}>
<span class="icon-x" aria-hidden="true" />
</Button>
</ul>
{/each}
{#if prefs.length === 0 || newPref}
<ul class="u-flex u-gap-12">
<InputText
id="key"
label="Key"
placeholder="Enter Key"
bind:value={newKey} />
<InputText
id="value"
label="Value"
placeholder="Enter Value"
bind:value={newValue} />
<Button
text
disabled={!prefs.length}
on:click={() => (newPref = false)}>
<span class="icon-x" aria-hidden="true" />
</Button>
</ul>
{/if}
{/if}
<Button text on:click={() => (newPref = true)}>
<span class="icon-plus" aria-hidden="true" />
<span class="text"> Add Preferences </span></Button>