From 81bab74168c83dfeb38a5ca705d7ee9fe78aa219 Mon Sep 17 00:00:00 2001
From: Sebastian Neuner <neuner@belwue.de>
Date: Fri, 22 Apr 2022 16:59:02 +0200
Subject: [PATCH] moved the BGP graph around and the position is now
 configurable

---
 lookingglass/lookingglass.html | 3 ++-
 lookingglass/lookingglass.js   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/lookingglass/lookingglass.html b/lookingglass/lookingglass.html
index d6b9014..3efb482 100644
--- a/lookingglass/lookingglass.html
+++ b/lookingglass/lookingglass.html
@@ -29,7 +29,8 @@ <h1 id="lg-query-heading"></h1>
     </template>
     <template id="lg-template-result-prefix">
       <div id="lg-result-block">
-        <p id="lg-prefix-results" class="lg-prefix-results"></p>
+        <div id="lg-result-bgp-graph" class="lg-result-bgp-graph"></div>
+        <div id="lg-prefix-results" class="lg-prefix-results"></div>
       </div>
     </template>
     <template id="lg-template-prefix-router">
diff --git a/lookingglass/lookingglass.js b/lookingglass/lookingglass.js
index 3978909..1f309e7 100644
--- a/lookingglass/lookingglass.js
+++ b/lookingglass/lookingglass.js
@@ -282,7 +282,8 @@ function displayPrefix(data, container) {
         var bgpGraphBlock = document.importNode(bgpGraphTemplate.content, true);
         var bgpGraph = bgpGraphBlock.querySelector("#lg-bgp-graph");
         bgpGraph.textContent = prefixResultsToGraph(data.results);
-        resultBlock.appendChild(bgpGraphBlock);
+        var bgpGraphContainer = resultBlock.querySelector("#lg-result-bgp-graph");
+        bgpGraphContainer.appendChild(bgpGraphBlock);
         mermaid.init();
     }
 }