Add:
- Initial dashboard draft - Login page - supabase magic link auth - env parsing
This commit is contained in:
parent
5b05cb4ff8
commit
fcc59f0afb
10 changed files with 329 additions and 16 deletions
51
src/routes/dashboard/+page.svelte
Normal file
51
src/routes/dashboard/+page.svelte
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<header class="site-header">
|
||||
<a class="site-logo" href="/">gitKeep</a>
|
||||
<nav class="site-nav" aria-label="Main navigation">
|
||||
<a class="login-link" href="#get-started">Logout</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<script lang="ts">
|
||||
import Config from "./Config.svelte";
|
||||
let activePanel = $state("configuration");
|
||||
let { data } = $props();;
|
||||
</script>
|
||||
|
||||
<section class="container hero" id="intro">
|
||||
<h1> Welcome to gitKeep...</h1>
|
||||
|
||||
<div class="dashboard-button-row">
|
||||
<div class="dashboard-button-column">
|
||||
<button
|
||||
class="dashboard-button"
|
||||
class:active={activePanel === "configuration"}
|
||||
aria-pressed={activePanel === "configuration"}
|
||||
on:click={() => activePanel = "configuration"}
|
||||
>Configure message</button>
|
||||
</div>
|
||||
|
||||
<div class="dashboard-button-column">
|
||||
<button
|
||||
class="dashboard-button"
|
||||
class:active={activePanel === "vouchList"}
|
||||
aria-pressed={activePanel === "vouchList"}
|
||||
on:click={() => activePanel = "vouchList"}
|
||||
>Vouch list</button>
|
||||
</div>
|
||||
|
||||
<div class="dashboard-button-column">
|
||||
<button
|
||||
class="dashboard-button"
|
||||
class:active={activePanel === "gitHelp"}
|
||||
aria-pressed={activePanel === "gitHelp"}
|
||||
on:click={() => activePanel = "gitHelp"}
|
||||
>Github setup</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{#if activePanel === "configuration"}
|
||||
<Config markdown = {data.markdown} />
|
||||
{/if}
|
||||
|
||||
|
||||
</section>
|
||||
14
src/routes/dashboard/Config.svelte
Normal file
14
src/routes/dashboard/Config.svelte
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<script lang="ts">
|
||||
let { markdown = '' } = $props();
|
||||
let text = $state(markdown);
|
||||
</script>
|
||||
<label for="text-input">Text</label>
|
||||
<textarea
|
||||
id="text-input"
|
||||
name="Onboarding agreement:"
|
||||
bind:value={text}
|
||||
placeholder="Enter text..."
|
||||
rows="20"
|
||||
></textarea>
|
||||
|
||||
<button type="submit">Submit</button>
|
||||
Loading…
Add table
Add a link
Reference in a new issue