From c575119a90a028dd109434a4b8889adceac3df93 Mon Sep 17 00:00:00 2001
From: Melonai <einebeere@gmail.com>
Date: Fri, 4 Jun 2021 19:42:42 +0200
Subject: Signaling event processing

---
 assets/src/components/DataPicker.svelte       | 14 ------------
 assets/src/components/IncomingRequests.svelte | 19 ----------------
 assets/src/components/Request.svelte          | 17 ---------------
 assets/src/components/RequestPage.svelte      | 17 +++++++++++++++
 assets/src/components/Share.svelte            | 20 -----------------
 assets/src/components/SharePage.svelte        | 20 +++++++++++++++++
 assets/src/components/share/DataPicker.svelte | 16 ++++++++++++++
 assets/src/components/share/Request.svelte    | 31 +++++++++++++++++++++++++++
 assets/src/components/share/Requests.svelte   | 20 +++++++++++++++++
 9 files changed, 104 insertions(+), 70 deletions(-)
 delete mode 100644 assets/src/components/DataPicker.svelte
 delete mode 100644 assets/src/components/IncomingRequests.svelte
 delete mode 100644 assets/src/components/Request.svelte
 create mode 100644 assets/src/components/RequestPage.svelte
 delete mode 100644 assets/src/components/Share.svelte
 create mode 100644 assets/src/components/SharePage.svelte
 create mode 100644 assets/src/components/share/DataPicker.svelte
 create mode 100644 assets/src/components/share/Request.svelte
 create mode 100644 assets/src/components/share/Requests.svelte

(limited to 'assets/src/components')

diff --git a/assets/src/components/DataPicker.svelte b/assets/src/components/DataPicker.svelte
deleted file mode 100644
index 433018d..0000000
--- a/assets/src/components/DataPicker.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-    import data from "../stores/data";
-
-    let value = "";
-
-    const submit = () => {
-        data.set(value);
-    };
-</script>
-
-<form on:submit|preventDefault={submit}>
-    <input type="text" bind:value />
-    <input type="submit" value="Submit" />
-</form>
diff --git a/assets/src/components/IncomingRequests.svelte b/assets/src/components/IncomingRequests.svelte
deleted file mode 100644
index bf08ffe..0000000
--- a/assets/src/components/IncomingRequests.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-    import { getOwnToken, start, Type } from "../network/channel/connection";
-
-    import requests from "../stores/requests";
-
-    const startPromise = start(Type.SHARE);
-
-    // TODO: Switch to store-based state updates.
-</script>
-
-{#await startPromise}
-    <h3>Fetching token...</h3>
-{:then}
-    <h3>Your token is <b>{getOwnToken()}</b>.</h3>
-
-    {#each $requests as request}
-        <p>{JSON.stringify(request)}</p>
-    {/each}
-{/await}
diff --git a/assets/src/components/Request.svelte b/assets/src/components/Request.svelte
deleted file mode 100644
index 0c0b111..0000000
--- a/assets/src/components/Request.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-    import { start, Type } from "../network/channel/connection";
-
-    // TODO: Switch to store-based state updates.
-
-    start(Type.REQUEST);
-</script>
-
-<main>
-    <h1>Requesting</h1>
-</main>
-
-<style>
-    h1 {
-        font-size: 4em;
-    }
-</style>
diff --git a/assets/src/components/RequestPage.svelte b/assets/src/components/RequestPage.svelte
new file mode 100644
index 0000000..0c0b111
--- /dev/null
+++ b/assets/src/components/RequestPage.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+    import { start, Type } from "../network/channel/connection";
+
+    // TODO: Switch to store-based state updates.
+
+    start(Type.REQUEST);
+</script>
+
+<main>
+    <h1>Requesting</h1>
+</main>
+
+<style>
+    h1 {
+        font-size: 4em;
+    }
+</style>
diff --git a/assets/src/components/Share.svelte b/assets/src/components/Share.svelte
deleted file mode 100644
index 5ea55b2..0000000
--- a/assets/src/components/Share.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-    import data from "../stores/data";
-    import DataPicker from "./DataPicker.svelte";
-    import IncomingRequests from "./IncomingRequests.svelte";
-</script>
-
-<main>
-    <h1>Sharing</h1>
-    {#if !$data.locked}
-        <DataPicker />
-    {:else}
-        <IncomingRequests />
-    {/if}
-</main>
-
-<style>
-    h1 {
-        font-size: 4em;
-    }
-</style>
diff --git a/assets/src/components/SharePage.svelte b/assets/src/components/SharePage.svelte
new file mode 100644
index 0000000..d951288
--- /dev/null
+++ b/assets/src/components/SharePage.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+    import data from "../stores/data";
+    import DataPicker from "./share/DataPicker.svelte";
+    import IncomingRequests from "./share/Requests.svelte";
+</script>
+
+<main>
+    <h1>Sharing</h1>
+    {#if !$data.locked}
+        <DataPicker />
+    {:else}
+        <IncomingRequests />
+    {/if}
+</main>
+
+<style>
+    h1 {
+        font-size: 4em;
+    }
+</style>
diff --git a/assets/src/components/share/DataPicker.svelte b/assets/src/components/share/DataPicker.svelte
new file mode 100644
index 0000000..6e8dbd4
--- /dev/null
+++ b/assets/src/components/share/DataPicker.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+    import data from "../../stores/data";
+
+    let value = "";
+
+    const submit = () => {
+        data.set(value);
+    };
+
+    // TODO: Accept data other than text.
+</script>
+
+<form on:submit|preventDefault={submit}>
+    <input type="text" bind:value />
+    <input type="submit" value="Submit" />
+</form>
diff --git a/assets/src/components/share/Request.svelte b/assets/src/components/share/Request.svelte
new file mode 100644
index 0000000..26002ae
--- /dev/null
+++ b/assets/src/components/share/Request.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { offer } from "../../network/transfer/transfer";
+
+    export let token: string;
+
+    async function accept() {
+        const transfer = await offer(token);
+    }
+
+    function decline() {}
+</script>
+
+<div class="container">
+    <span>{token}</span>
+    <div class="buttons">
+        <button on:click={accept}>Accept</button>
+        <button on:click={decline}>X</button>
+    </div>
+</div>
+
+<style>
+    .container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .buttons {
+        display: flex;
+    }
+</style>
diff --git a/assets/src/components/share/Requests.svelte b/assets/src/components/share/Requests.svelte
new file mode 100644
index 0000000..509d7be
--- /dev/null
+++ b/assets/src/components/share/Requests.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+    import { getOwnToken, start, Type } from "../../network/channel/connection";
+
+    import requests from "../../stores/requests";
+    import Request from "./Request.svelte";
+
+    const startPromise = start(Type.SHARE);
+
+    // TODO: Switch to store-based state updates.
+</script>
+
+{#await startPromise}
+    <h3>Fetching token...</h3>
+{:then}
+    <h3>Your token is <b>{getOwnToken()}</b>.</h3>
+
+    {#each $requests as request}
+        <Request token={request} />
+    {/each}
+{/await}
-- 
cgit 1.4.1