Update app.py

app.py

@@ -645,34 +645,6 @@ async(c, o, p, d, n, m)=>{
         const editControl = new EditControl(BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1], BABYLON.Engine.LastCreatedScene.activeCamera, document.getElementById("model3D").getElementsByTagName("canvas")[0], 1.0, true, 0.02);
         editControl.enableTranslation();
         
-        document.getElementById("c_mode").onchange = function(e) {
-          if (e.target.value == "move") {
-            editControl.show();
-            editControl.enableTranslation();
-    
-            editControl.disableRotation();
-            editControl.disableScaling();
-          } else if (e.target.value == "rotate") {
-            editControl.show();
-            editControl.enableRotation();
-            editControl.setRotGuideFull(false) //This makes the rotation guides 360 degree(true) or 90 degree(false) .90 degree  looks less cluttered.
-            editControl.returnEuler(true); // Optional. This will return rotation in euler instead of quaternion. Quaternion is the default.
-            editControl.disableTranslation();
-            editControl.disableScaling();
-          } else if (e.target.value == "scale") {
-            editControl.show();
-            editControl.enableScaling();
-    
-            editControl.disableTranslation();
-            editControl.disableRotation();
-          } else {
-            editControl.disableTranslation();
-            editControl.disableRotation();
-            editControl.disableScaling();
-            editControl.hide();
-          }
-        }
-        alert("ok");
         if (document.getElementById("model")) {
           document.getElementById("model").appendChild(document.getElementById("model3D"));
           toggleDisplay("model");
@@ -1006,7 +978,32 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
             control = gr.HTML(value="""<select id='cnum' style='color:black;line-height:1em' onchange='
               editControl.switchTo(BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1-parseInt(this.value)], true);
             '></select>
-            mode<select id='c_mode' style='color:black;line-height:1em'>
+            mode<select id='c_mode' style='color:black;line-height:1em' onchange='
+          if (this.value == \"move\") {
+            editControl.show();
+            editControl.enableTranslation();
+    
+            editControl.disableRotation();
+            editControl.disableScaling();
+          } else if (this.value == \"rotate\") {
+            editControl.show();
+            editControl.enableRotation();
+            editControl.setRotGuideFull(false) //This makes the rotation guides 360 degree(true) or 90 degree(false) .90 degree  looks less cluttered.
+            editControl.returnEuler(true); // Optional. This will return rotation in euler instead of quaternion. Quaternion is the default.
+            editControl.disableTranslation();
+            editControl.disableScaling();
+          } else if (this.value == \"scale\") {
+            editControl.show();
+            editControl.enableScaling();
+    
+            editControl.disableTranslation();
+            editControl.disableRotation();
+          } else {
+            editControl.disableTranslation();
+            editControl.disableRotation();
+            editControl.disableScaling();
+            editControl.hide();
+          }'>
               <option selected value='move'>move</option>
               <option value='rotate'>rotate</option>
               <option value='scale'>scale</option>