From d5d9569404d56b28b1c8679d00670759f93e6e56 Mon Sep 17 00:00:00 2001 From: Desmarchelier Maxime <maxime.desmarchelier@ensiie.fr> Date: Sun, 20 Nov 2022 00:16:25 +0100 Subject: [PATCH] Add new page for inserting data --- sg-backend/test.json | 0 sg-frontend/index.html | 1 + sg-frontend/src/App.svelte | 2 ++ sg-frontend/src/routes/AddNode.svelte | 21 +++++++++++++++++++++ sg-frontend/src/routes/Index.svelte | 2 ++ sg-frontend/src/routes/SigmaCustom.svelte | 2 ++ 6 files changed, 28 insertions(+) delete mode 100644 sg-backend/test.json create mode 100644 sg-frontend/src/routes/AddNode.svelte diff --git a/sg-backend/test.json b/sg-backend/test.json deleted file mode 100644 index e69de29..0000000 diff --git a/sg-frontend/index.html b/sg-frontend/index.html index 9873178..fb6e481 100644 --- a/sg-frontend/index.html +++ b/sg-frontend/index.html @@ -12,6 +12,7 @@ <div class="topnav"> <a id="home" class="active" href="/">Home</a> <a id="sigma" href="#/sigma-custom">Software graph</a> + <a id="add" href="#/add-node">Software graph</a> </div> </div> <script type="module" src="/src/main.ts"></script> diff --git a/sg-frontend/src/App.svelte b/sg-frontend/src/App.svelte index 1dc59f0..1ffb7ff 100644 --- a/sg-frontend/src/App.svelte +++ b/sg-frontend/src/App.svelte @@ -6,6 +6,7 @@ import NotFound from "./routes/NotFound.svelte"; import Sigma from "./routes/Sigma.svelte"; import SigmaCustom from "./routes/SigmaCustom.svelte"; + import AddNode from "./routes/AddNode.svelte"; let routes = { "/": Index, @@ -13,6 +14,7 @@ "/graph": Graph, "/sigma": Sigma, "/sigma-custom": SigmaCustom, + "/add-node": AddNode, "*": NotFound } </script> diff --git a/sg-frontend/src/routes/AddNode.svelte b/sg-frontend/src/routes/AddNode.svelte new file mode 100644 index 0000000..6720a65 --- /dev/null +++ b/sg-frontend/src/routes/AddNode.svelte @@ -0,0 +1,21 @@ +<script lang="ts"> + + import {onMount} from 'svelte'; + + onMount(() => { + fetch("http://localhost:8000/add-node") + .then(response => response.json()) + .then(data => { + // Retrieve some useful DOM elements: + const link = document.getElementById("sigma") as HTMLElement; + const home = document.getElementById("home") as HTMLElement; + const add = document.getElementById("add") as HTMLElement; + add.classList.add("active"); + home.classList.remove("active"); + link.classList.remove("active"); + }) + }); +</script> +<div id="app-base"> +<h1>Add new node</h1> +</div> \ No newline at end of file diff --git a/sg-frontend/src/routes/Index.svelte b/sg-frontend/src/routes/Index.svelte index 319e961..e94811c 100644 --- a/sg-frontend/src/routes/Index.svelte +++ b/sg-frontend/src/routes/Index.svelte @@ -2,8 +2,10 @@ import SoftwareMerger from "../components/SoftwareMerger.svelte"; const link = document.getElementById("sigma"); const home = document.getElementById("home"); + const add = document.getElementById("add"); home.classList.add("active"); link.classList.remove("active"); + add.classList.remove("active"); </script> <div id="app-base"> diff --git a/sg-frontend/src/routes/SigmaCustom.svelte b/sg-frontend/src/routes/SigmaCustom.svelte index 99d63de..4305160 100644 --- a/sg-frontend/src/routes/SigmaCustom.svelte +++ b/sg-frontend/src/routes/SigmaCustom.svelte @@ -19,8 +19,10 @@ const container = document.getElementById("sigma-container") as HTMLElement; const link = document.getElementById("sigma") as HTMLElement; const home = document.getElementById("home") as HTMLElement; + const add = document.getElementById("add") as HTMLElement; link.classList.add("active"); home.classList.remove("active"); + add.classList.remove("active"); // Instantiate sigma: const graph = new Graph(); -- GitLab