Updates

Author: moe-moe-pupil

index.html

@@ -18,7 +18,7 @@
     </label>
     <br>
     <label>
-      <input type="checkbox" id="fixScalePixel" checked>
+      <input type="checkbox" id="fixScalePixel">
       fix scale (use pixel unit)
     </label>
     <br>
@@ -39,6 +39,54 @@
   <script>
     let jsonObject = null;
 
+    // Enforce only one of fixScaleWorld or fixScalePixel can be checked
+    function enforceScaleCheckboxes(changedId) {
+      const fixScaleWorld = document.getElementById('fixScaleWorld');
+      const fixScalePixel = document.getElementById('fixScalePixel');
+      if (changedId === 'fixScaleWorld' && fixScaleWorld.checked) {
+        fixScalePixel.checked = false;
+      } else if (changedId === 'fixScalePixel' && fixScalePixel.checked) {
+        fixScaleWorld.checked = false;
+      } else if (!fixScaleWorld.checked && !fixScalePixel.checked) {
+        // Always keep at least one checked, default to world
+        fixScaleWorld.checked = true;
+      }
+    }
+
+    // Enforce moveUpHalfDepth can only be checked if fixFixture is checked
+    function enforceMoveUpHalfDepth() {
+      const fixFixture = document.getElementById('fixFixture');
+      const moveUpHalfDepth = document.getElementById('moveUpHalfDepth');
+      if (!fixFixture.checked) {
+        moveUpHalfDepth.checked = false;
+        moveUpHalfDepth.disabled = true;
+      } else {
+        moveUpHalfDepth.disabled = false;
+      }
+    }
+
+    // Attach event listeners after DOM is loaded
+    window.addEventListener('DOMContentLoaded', function () {
+      const fixScaleWorld = document.getElementById('fixScaleWorld');
+      const fixScalePixel = document.getElementById('fixScalePixel');
+      const fixFixture = document.getElementById('fixFixture');
+      const moveUpHalfDepth = document.getElementById('moveUpHalfDepth');
+
+      fixScaleWorld.addEventListener('change', function () {
+        enforceScaleCheckboxes('fixScaleWorld');
+      });
+      fixScalePixel.addEventListener('change', function () {
+        enforceScaleCheckboxes('fixScalePixel');
+      });
+
+      fixFixture.addEventListener('change', function () {
+        enforceMoveUpHalfDepth();
+      });
+
+      // Initial state for moveUpHalfDepth
+      enforceMoveUpHalfDepth();
+    });
+
     // Function to handle the uploaded JSON file and apply selected fixes
     function handleJson() {
       const fileInput = document.getElementById('uploadJson');
@@ -65,12 +113,11 @@
 
           let prefixParts = [];
 
-          // Apply scale fixes if checked
+          // Only one of fixScaleWorld or fixScalePixel can be checked
           if (fixScaleWorld) {
             obj = fixScale(obj, false);
             prefixParts.push('fixed_scale(world_unit)');
-          }
-          if (fixScalePixel) {
+          } else if (fixScalePixel) {
             obj = fixScale(obj, true);
             prefixParts.push('fixed_scale(pixel_unit)');
           }