From fb83a94d4bc95e2c524a86d2ebc0151159549549 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Sat, 20 Jul 2024 08:20:43 +0200
Subject: [PATCH] feat: Add basic cage selector logic

---
 src/index.html | 42 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index c3495fc..9debc8f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -89,6 +89,35 @@
 </div>
 <script>
 
+    const inputWidth = document.getElementById("width");
+    const inputDepth = document.getElementById("depth");
+    const inputHeight = document.getElementById("height");
+
+
+
+    const selectSavicSuiteRoyleXL = document.getElementById("selectSavicSuiteRoyleXL");
+    const selectSavicSuiteRoyle95Double = document.getElementById("selectSavicSuiteRoyle95Double");
+    const selectTiakiKleintierkäfigEtagere = document.getElementById("selectTiakiKleintierkäfigEtagere");
+
+    function updateCage(selectedCage) {
+        selectSavicSuiteRoyleXL.checked = false;
+        selectSavicSuiteRoyle95Double.checked = false;
+        selectTiakiKleintierkäfigEtagere.checked = false;
+        selectedCage.checked = true;
+        const cageName = selectedCage.id;
+        const dim = getCageDimensions(cageName);
+        inputWidth.value = dim.width;
+        inputDepth.value = dim.depth;
+        inputHeight.value = dim.height;
+
+
+
+    }
+    selectSavicSuiteRoyleXL.onselect = updateCage;
+    selectSavicSuiteRoyle95Double.onselect = updateCage;
+    selectTiakiKleintierkäfigEtagere.onselect = updateCage;
+
+
     var labelNumRats = document.getElementById("labelNumRats");
 
     var ratSlider = document.getElementById("numRats");
@@ -103,8 +132,17 @@
     // Full floor functions
     var fullFloorNum = document.getElementById("numFullFloors");
 
-
-    var savicSuiteRoyaleDim = new Dimensions(1, 0.5, 1);
+    function getCageDimensions(cageName) {
+        if (cageName == "SavicSuiteRoyaleXL") {
+            return new Dimensions(1, 0.5, 1);
+        }
+        if (cageName == "SavicSuiteRoyale95Double") {
+            return new Dimensions(1, 0.5, 1);
+        }
+        if (cageName == "TiakiKleintierkäfigEtagere") {
+            return new Dimensions(1, 0.5, 1);
+        }
+    }
 
     function getResultFromChecks(checks) {
         console.log(checks.length)