add create stub
This commit is contained in:
parent
792cce7973
commit
4f816c9066
1 changed files with 69 additions and 0 deletions
69
src/routes/create/+page.svelte
Normal file
69
src/routes/create/+page.svelte
Normal file
|
|
@ -0,0 +1,69 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import Centered from "$lib/Centered.svelte";
|
||||||
|
import { getMe } from "$lib/globals.svelte";
|
||||||
|
import SLayout from "$lib/SLayout.svelte";
|
||||||
|
|
||||||
|
let me = getMe();
|
||||||
|
|
||||||
|
let content = $state("");
|
||||||
|
|
||||||
|
let contentLength = $derived(content.length);
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
{#if me}
|
||||||
|
<SLayout title="New post">
|
||||||
|
<form method="POST">
|
||||||
|
<p>Posting as <strong>@{me.username}</strong></p>
|
||||||
|
|
||||||
|
<label>
|
||||||
|
Post to: <!-- TODO autocomplete! -->
|
||||||
|
<input />
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label>
|
||||||
|
<input type="text" name="title" maxlength=256 placeholder="An interesting title"/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label>
|
||||||
|
<textarea bind:value={content}></textarea>
|
||||||
|
<output><small class="faint">{contentLength} chars</small></output>
|
||||||
|
</label>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
{#snippet left()}
|
||||||
|
...
|
||||||
|
{/snippet}
|
||||||
|
|
||||||
|
{#snippet right()}
|
||||||
|
...
|
||||||
|
{/snippet}
|
||||||
|
</SLayout>
|
||||||
|
{:else}
|
||||||
|
<Centered>
|
||||||
|
You must be <a href="login">logged in</a> in order to create posts.
|
||||||
|
</Centered>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
background-color: inherit;
|
||||||
|
color: var(--text-primary);
|
||||||
|
min-height: 10em;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[name="title"] {
|
||||||
|
width: 100%;
|
||||||
|
margin: 6px 0;
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue