diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 104 |
1 files changed, 49 insertions, 55 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index c675f4d3..ed243bcf 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -164,6 +164,55 @@ {#await currentUserIdentity} Loading user identity ... 60% {:then identity} + {@const isOwner = identity && identity.name === data.username} + + {#if isOwner} + <p> + <a href={`/user/${data.username}`}>Back to Profile</a> + • + <a href={`#`} on:click={() => (editMode = !editMode)}> + {editMode ? 'Disable' : 'Enable'} Edit Mode + </a> + • + <a href={`#`} on:click={() => screenshot()}>Download</a> + • + <input type="checkbox" bind:checked={dark} /> Dark Mode + <input type="checkbox" bind:checked={transparent} /> Transparent Background + </p> + {/if} + + {#if editMode && isOwner} + <p> + Edit mode is enabled. Click on an image <b>twice</b> to delete it. There is no confirmation, so + be careful! + </p> + + {#if error} + <p style="color: red;">{error}</p> + {/if} + + <p> + <input type="text" placeholder="Image URL" name="image_url" minlength="1" maxlength="1000" /> + <input + type="text" + placeholder="Activity URL" + name="activity_url" + minlength="1" + maxlength="1000" + /> + <input + type="text" + placeholder="Description (Optional)" + name="description" + minlength="1" + maxlength="1000" + /> + <input type="datetime-local" /> + <small>Must be full date, defaults to now if empty</small> + <a href={`#`} on:click={submitBadge}>Add Badge</a> + </p> + {/if} + {#await badgesPromise} Loading badges ... 40% {:then badgesResponse} @@ -171,61 +220,6 @@ {#await badgesResponse.json()} Loading badges ... 80% {:then badges} - {@const isOwner = identity && identity.name === data.username} - - {#if isOwner} - <p> - <a href={`/user/${data.username}`}>Back to Profile</a> - • - <a href={`#`} on:click={() => (editMode = !editMode)}> - {editMode ? 'Disable' : 'Enable'} Edit Mode - </a> - • - <a href={`#`} on:click={() => screenshot()}>Download</a> - • - <input type="checkbox" bind:checked={dark} /> Dark Mode - <input type="checkbox" bind:checked={transparent} /> Transparent Background - </p> - {/if} - - {#if editMode && isOwner} - <p> - Edit mode is enabled. Click on an image <b>twice</b> to delete it. There is no confirmation, - so be careful! - </p> - - {#if error} - <p style="color: red;">{error}</p> - {/if} - - <p> - <input - type="text" - placeholder="Image URL" - name="image_url" - minlength="1" - maxlength="1000" - /> - <input - type="text" - placeholder="Activity URL" - name="activity_url" - minlength="1" - maxlength="1000" - /> - <input - type="text" - placeholder="Description (Optional)" - name="description" - minlength="1" - maxlength="1000" - /> - <input type="datetime-local" /> - <small>Must be full date, defaults to now if empty</small> - <a href={`#`} on:click={submitBadge}>Add Badge</a> - </p> - {/if} - <div id="badges"> {#if badges === null} {@html nbsp('Loading badges ... 50%')} |