feat: Add basic cage selector logic

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)