moved the BGP graph around and the position is now configurable

BelWue · Apr 22, 2022 · 81bab74 · 81bab74
1 parent 2490789
commit 81bab74
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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();
     }
 }