Reset zoom on draw to make the widest element visible

FeniXb3 · Jul 29, 2023 · 3feb38c · 3feb38c
1 parent ead342b
commit 3feb38c
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/public/Alakazam.js b/public/Alakazam.js
@@ -724,6 +724,23 @@ export class Alakazam {
             }
             this.ws.send(JSON.stringify(broadcastData));
         }
+
+        document.querySelector("#theGraph").setAttribute("width", this.zoomSlider.value);
+        const nodeElements = document.querySelectorAll(`.node`);
+        let maximumWidth = 0;
+        nodeElements.forEach((element) => {
+            const width = element.getBoundingClientRect().width;
+            if (width > maximumWidth) {
+                maximumWidth = width;
+            }
+        });
+
+        const graphWidth = document.querySelector('#theGraph').getAttribute('width');
+        const outputContainerWidth = document.querySelector("#output-container").clientWidth ;
+        const desiredElementhWidth = outputContainerWidth * 0.9;
+
+        const desiredGraphWidth = (desiredElementhWidth / maximumWidth) * graphWidth;
+        this.zoomSlider.value = desiredGraphWidth;
 
         document.querySelector("#theGraph").setAttribute("width", this.zoomSlider.value);
         this.startingViewBoxData = document.querySelector('#theGraph').getAttribute('viewBox');