From 4126bdc64b0338f47c75f3490eabcf3b7c23683f Mon Sep 17 00:00:00 2001
From: vera <veronika.m.winters@gmail.com>
Date: Sun, 7 Feb 2021 00:26:49 -0800
Subject: [PATCH] uprank

---
 src/App.svelte      |  4 ++++
 src/Journals.svelte | 41 +++++++++++++++++++++++++++++++++++++++++
 src/Node.svelte     |  5 ++++-
 src/Settings.svelte | 18 ++++++++++++++++++
 src/User.svelte     |  1 +
 src/store.js        |  5 +++++
 6 files changed, 73 insertions(+), 1 deletion(-)
 create mode 100644 src/Journals.svelte
 create mode 100644 src/Settings.svelte
 create mode 100644 src/store.js

diff --git a/src/App.svelte b/src/App.svelte
index 4422ab5..9dbbe67 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,6 +3,8 @@
 	import Nodes from './Nodes.svelte'
 	import Node from './Node.svelte'
 	import User from './User.svelte'
+	import Journals from './Journals.svelte'
+	import Settings from './Settings.svelte'
 	export let url = "";
 
 </script>
@@ -13,6 +15,8 @@
 	  <Route path="/nodes" component="{Nodes}"></Route>
 	  <Route path="/node/:id" component="{Node}"></Route>
 	  <Route path="/user/:id" component="{User}"></Route>
+	  <Route path="/journals" component="{Journals}"></Route>
+	  <Route path="/settings" component="{Settings}"></Route>
 	</div>
   </Router>
 
diff --git a/src/Journals.svelte b/src/Journals.svelte
new file mode 100644
index 0000000..2e783d0
--- /dev/null
+++ b/src/Journals.svelte
@@ -0,0 +1,41 @@
+<script>
+    const fetchNodes = (async () => {
+        const response = await fetch("http://127.0.0.1:5000/journals.json");
+        return await response.json();
+    })();
+    const converter = new showdown.Converter();
+    import { replaceWiki } from "./util.js";
+
+</script>
+
+<main>
+    This is nodes module
+    {#await fetchNodes}
+        .. Waiting
+    {:then nodes}
+        {#each nodes as node}
+            <div>
+                New Node <span class="node-title">{node.uri}</span>
+                {#each node.subnodes as subnode}
+                <div>
+                    User: <span class="node-title">{subnode.user}</span>
+                </div>
+                    <div>
+                        {#if typeof subnode.content === "string"}
+                            {@html converter.makeHtml(replaceWiki(subnode.content))}
+                        {/if}
+                    </div>
+                {/each}
+            </div>
+        {/each}
+    {/await}
+</main>
+
+<style>
+    div {
+        margin-bottom: 10px;
+    }
+    .node-title {
+        font-weight: bold;
+    }
+</style>
\ No newline at end of file
diff --git a/src/Node.svelte b/src/Node.svelte
index fa9e1f7..c138ec4 100644
--- a/src/Node.svelte
+++ b/src/Node.svelte
@@ -1,7 +1,10 @@
 <script>
     export let id;
+    import { settings } from "./store.js";
     const fetchNode = (async () => {
-        const response = await fetch(`http://127.0.0.1:5000/node/${id}.json`);
+        $settings = JSON.parse(localStorage["settings"])
+        console.log("settings", $settings)
+        const response = await fetch(`http://127.0.0.1:5000/node/${id}/uprank/${$settings.ranking}.json`);
         return await response.json();
     })();
     const converter = new showdown.Converter();
diff --git a/src/Settings.svelte b/src/Settings.svelte
new file mode 100644
index 0000000..a99c7f3
--- /dev/null
+++ b/src/Settings.svelte
@@ -0,0 +1,18 @@
+<script>
+    import { settings } from "./store.js";
+    const processSettings = ()=> {
+        localStorage["settings"] = JSON.stringify($settings)
+        console.log("updated")
+    }
+    import { onMount } from 'svelte';
+    onMount(async () => {
+        $settings = JSON.parse(localStorage["settings"])
+    })
+</script>
+<main>
+    <form >
+        Enter comma separated list of users to rank
+        <input type="text" id="settings-ranking" placeholder="e.g. flancian, vera" bind:value={$settings.ranking} on:change={processSettings}>
+    </form>
+    {JSON.stringify($settings)}
+</main>
\ No newline at end of file
diff --git a/src/User.svelte b/src/User.svelte
index b31a2d5..ee824f3 100644
--- a/src/User.svelte
+++ b/src/User.svelte
@@ -1,5 +1,6 @@
 <script>
     export let id;
+    import { settings } from "./store.js";
     const fetchUser = (async () => {
         const response = await fetch(`http://127.0.0.1:5000/user/${id}.json`);
         return await response.json();
diff --git a/src/store.js b/src/store.js
new file mode 100644
index 0000000..4971a0d
--- /dev/null
+++ b/src/store.js
@@ -0,0 +1,5 @@
+import { writable } from 'svelte/store';
+
+export const settings = writable({
+    ranking: ""
+})
\ No newline at end of file