From ea227b51ff546927341ddeaf49e7013c9f80706b Mon Sep 17 00:00:00 2001
From: Desmarchelier Maxime <maxime.desmarchelier@ensiie.fr>
Date: Sat, 19 Nov 2022 15:27:10 +0100
Subject: [PATCH] Frontend now gets data from API
---
sg-frontend/src/routes/SigmaCustom.svelte | 19 ++++++++++++++-----
1 file changed, 14 insertions(+), 5 deletions(-)
diff --git a/sg-frontend/src/routes/SigmaCustom.svelte b/sg-frontend/src/routes/SigmaCustom.svelte
index 8e9d092..6a12081 100644
--- a/sg-frontend/src/routes/SigmaCustom.svelte
+++ b/sg-frontend/src/routes/SigmaCustom.svelte
@@ -9,11 +9,13 @@ import forceAtlas2 from "graphology-layout-forceatlas2";
import { EdgeDisplayData, NodeDisplayData } from "sigma/types";
import ForceSupervisor from "graphology-layout-force/worker";
-import data from "./data.json";
import { onMount } from 'svelte';
onMount(() => {
+ fetch("http://localhost:8000/software-graph")
+ .then(response => response.json())
+ .then(data => {
// Retrieve some useful DOM elements:
const container = document.getElementById("sigma-container") as HTMLElement;
@@ -239,6 +241,8 @@ renderer.setSetting("edgeReducer", (edge, data) => {
return res;
});
+ });
+
});
@@ -251,8 +255,13 @@ renderer.setSetting("edgeReducer", (edge, data) => {
<div id="sigma-container" />
<style>
- #sigma-container {
- width: 550px;
- height: 450px;
- }
+ html,
+ body,
+ #sigma-container {
+ width: 1000px;
+ height: 1000px;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ }
</style>
\ No newline at end of file
--
GitLab