Update app.py

app.py

@@ -639,29 +639,27 @@ async(c, o, p, d, n, m)=>{
           BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].material.useAlphaFromDiffuseTexture = true;
           BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].applyDisplacementMap(m[o_[j]].url, 0, 255, function(m){try{alert(BABYLON.Engine.Version);}catch(e){alert(e);}}, null, null, true, function(e){alert(e);});
 
-          document.getElementById("cnum").innerHTML += '<option value="' + o_[j] + '">' + j + '</option>';
+          document.getElementById("cnum").innerHTML += "<option value=\"" + j + "\">" + j + "</option>";
         }
         loadEditControl();
         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("cnum").onchange = function(e) {
-          editControl.switchTo(BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1-parseInt(e.target.value)], true);
-        }
+        
         document.getElementById("c_mode").onchange = function(e) {
-          if (e.target.value == 'move') {
+          if (e.target.value == "move") {
             editControl.show();
             editControl.enableTranslation();
     
             editControl.disableRotation();
             editControl.disableScaling();
-          } else if (e.target.value == 'rotate') {
+          } 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') {
+          } else if (e.target.value == "scale") {
             editControl.show();
             editControl.enableScaling();
     
@@ -674,7 +672,7 @@ async(c, o, p, d, n, m)=>{
             editControl.hide();
           }
         }
-        
+        alert("ok");
         if (document.getElementById("model")) {
           document.getElementById("model").appendChild(document.getElementById("model3D"));
           toggleDisplay("model");
@@ -1005,7 +1003,9 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               BABYLON.Engine.LastCreatedScene.activeCamera.metadata.pipeline.imageProcessing.exposure = this.value;
               this.parentNode.childNodes[2].innerText = BABYLON.Engine.LastCreatedScene.activeCamera.metadata.pipeline.imageProcessing.exposure;
             '/><span>1.0</span>""")
-            control = gr.HTML(value="""<select id='cnum' style='color:black;line-height:1em'></select>
+            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'>
               <option selected value='move'>move</option>
               <option value='rotate'>rotate</option>