From b24748777294b3646e67c4b7e599e032ee1dfcf9 Mon Sep 17 00:00:00 2001 From: Mitchell Riedstra Date: Sun, 1 Jan 2023 20:09:47 -0500 Subject: Start of Svelte UI --- ui/src/routes/+layout.svelte | 140 +++++++++++++++++++++++++++++++++++ ui/src/routes/+page.js | 9 +++ ui/src/routes/+page.svelte | 14 ++++ ui/src/routes/list/+page.js | 14 ++++ ui/src/routes/list/+page.svelte | 22 ++++++ ui/src/routes/login/+page.svelte | 21 ++++++ ui/src/routes/new/+page.svelte | 44 +++++++++++ ui/src/routes/view/[id]/+page.js | 15 ++++ ui/src/routes/view/[id]/+page.svelte | 63 ++++++++++++++++ 9 files changed, 342 insertions(+) create mode 100644 ui/src/routes/+layout.svelte create mode 100644 ui/src/routes/+page.js create mode 100644 ui/src/routes/+page.svelte create mode 100644 ui/src/routes/list/+page.js create mode 100644 ui/src/routes/list/+page.svelte create mode 100644 ui/src/routes/login/+page.svelte create mode 100644 ui/src/routes/new/+page.svelte create mode 100644 ui/src/routes/view/[id]/+page.js create mode 100644 ui/src/routes/view/[id]/+page.svelte (limited to 'ui/src/routes') diff --git a/ui/src/routes/+layout.svelte b/ui/src/routes/+layout.svelte new file mode 100644 index 0000000..6539952 --- /dev/null +++ b/ui/src/routes/+layout.svelte @@ -0,0 +1,140 @@ + + + + +
+ +
+ + + \ No newline at end of file diff --git a/ui/src/routes/+page.js b/ui/src/routes/+page.js new file mode 100644 index 0000000..8777d48 --- /dev/null +++ b/ui/src/routes/+page.js @@ -0,0 +1,9 @@ +/* +export function load({params}) { + return { + post: { + + } + } +} +*/ \ No newline at end of file diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte new file mode 100644 index 0000000..fae229e --- /dev/null +++ b/ui/src/routes/+page.svelte @@ -0,0 +1,14 @@ + + +

Simple Pastebin

+ + + +

+ Below is a listing of recent pastes: +

+ + \ No newline at end of file diff --git a/ui/src/routes/list/+page.js b/ui/src/routes/list/+page.js new file mode 100644 index 0000000..72e2878 --- /dev/null +++ b/ui/src/routes/list/+page.js @@ -0,0 +1,14 @@ + + + + +/** @type {import('./$types').PageLoad} */ +export async function load({ params }) { + const req = await fetch(`http://localhost:6130/api/v1/list`) + const reqJson = await req.json(); + + return { + req: req, + reqJson: reqJson, + }; +} \ No newline at end of file diff --git a/ui/src/routes/list/+page.svelte b/ui/src/routes/list/+page.svelte new file mode 100644 index 0000000..c487068 --- /dev/null +++ b/ui/src/routes/list/+page.svelte @@ -0,0 +1,22 @@ + + +{#if data} + +{/if} \ No newline at end of file diff --git a/ui/src/routes/login/+page.svelte b/ui/src/routes/login/+page.svelte new file mode 100644 index 0000000..bed5c18 --- /dev/null +++ b/ui/src/routes/login/+page.svelte @@ -0,0 +1,21 @@ + + +

Login

+ +
+
+ + + + +
+ + + + +
+ + + +
+
\ No newline at end of file diff --git a/ui/src/routes/new/+page.svelte b/ui/src/routes/new/+page.svelte new file mode 100644 index 0000000..28687e4 --- /dev/null +++ b/ui/src/routes/new/+page.svelte @@ -0,0 +1,44 @@ + + + + +
+ +

New Paste

+ + +
+
+ + +
+
+ + +
+ + + + \ No newline at end of file diff --git a/ui/src/routes/view/[id]/+page.js b/ui/src/routes/view/[id]/+page.js new file mode 100644 index 0000000..a7af895 --- /dev/null +++ b/ui/src/routes/view/[id]/+page.js @@ -0,0 +1,15 @@ + + + + +/** @type {import('./$types').PageLoad} */ +export async function load({ params }) { + const req = await fetch(`/api/v1/view/${params.id}`) + const reqJson = await req.json(); + + return { + id: params.id, + req: req, + reqJson: reqJson, + }; +} \ No newline at end of file diff --git a/ui/src/routes/view/[id]/+page.svelte b/ui/src/routes/view/[id]/+page.svelte new file mode 100644 index 0000000..0fc865f --- /dev/null +++ b/ui/src/routes/view/[id]/+page.svelte @@ -0,0 +1,63 @@ + + + +

ID: {data.id}

+ +{#if timer > 0} +{#await copyPromise} +{:then} +

+ Successfully copied! +

+{:catch error} +

+ Failed to copy: {error} +

+{/await} +{/if} + + + +
{data.reqJson.Content}
+ + + \ No newline at end of file -- cgit v1.2.3