Upload 4 files

app.py

@@ -98,35 +98,60 @@ def handle_gps_location(json_str):
         return status_msg, f"Error parsing GPS data: {str(e)}", "", "", ""
 
 def get_gps_js():
-    """JavaScript for GPS capture using hidden textbox approach"""
+    """JavaScript for GPS capture - direct approach to populate visible textboxes"""
     return """
     () => {
-      // find the textarea element inside Gradio textbox by its elem_id
-      const textarea = document.querySelector('#hidden_gps_input textarea');
-      if (!textarea) {
-        console.log("Hidden GPS textbox not found");
-        return;
-      }
+      console.log("GPS button clicked - direct approach...");
+      
       if (!navigator.geolocation) {
-        textarea.value = JSON.stringify({error: "Geolocation not supported"});
-        textarea.dispatchEvent(new Event('input', { bubbles: true }));
+        alert("Geolocation not supported by this browser");
         return;
       }
+      
       navigator.geolocation.getCurrentPosition(
         function(position) {
-          const data = {
-            latitude: position.coords.latitude,
-            longitude: position.coords.longitude,
-            accuracy: position.coords.accuracy,
-            timestamp: new Date().toISOString()
-          };
-          textarea.value = JSON.stringify(data);
-          // dispatch 'input' event so Gradio notices the change
-          textarea.dispatchEvent(new Event('input', { bubbles: true }));
+          console.log("GPS position received:", position);
+          
+          // Find the visible textboxes directly
+          const latBox = document.querySelector('#lat textarea');
+          const lonBox = document.querySelector('#lon textarea');
+          const accuracyBox = document.querySelector('#accuracy textarea');
+          const timestampBox = document.querySelector('#device_ts textarea');
+          
+          console.log("Found textboxes:", {latBox, lonBox, accuracyBox, timestampBox});
+          
+          if (latBox && lonBox && accuracyBox && timestampBox) {
+            // Populate the textboxes directly
+            latBox.value = position.coords.latitude.toString();
+            lonBox.value = position.coords.longitude.toString();
+            accuracyBox.value = position.coords.accuracy.toString();
+            timestampBox.value = new Date().toISOString();
+            
+            // Trigger change events
+            latBox.dispatchEvent(new Event('input', { bubbles: true }));
+            lonBox.dispatchEvent(new Event('input', { bubbles: true }));
+            accuracyBox.dispatchEvent(new Event('input', { bubbles: true }));
+            timestampBox.dispatchEvent(new Event('input', { bubbles: true }));
+            
+            console.log("GPS data populated successfully");
+          } else {
+            console.error("Could not find all required textboxes");
+            alert("Error: Could not find GPS input fields");
+          }
         },
         function(err) {
-          textarea.value = JSON.stringify({ error: err.message });
-          textarea.dispatchEvent(new Event('input', { bubbles: true }));
+          console.error("GPS error:", err);
+          let errorMsg = "GPS Error: ";
+          if (err.code === 1) {
+            errorMsg += "Location access denied by user.";
+          } else if (err.code === 2) {
+            errorMsg += "Location information unavailable.";
+          } else if (err.code === 3) {
+            errorMsg += "Location request timed out.";
+          } else {
+            errorMsg += err.message;
+          }
+          alert(errorMsg);
         },
         { enableHighAccuracy: true, timeout: 10000 }
       );
@@ -460,8 +485,7 @@ def field_capture_ui(camera):
             # GPS Button (now functional)
             gps_btn = gr.Button("📍 Get GPS", variant="primary", elem_id="gps_btn_id")
 
-            # Hidden Input (kept for UI layout and future restoration)
-            hidden_gps_input = gr.Textbox(visible=False, elem_id="hidden_gps_input")
+            # Note: Using direct textbox population instead of hidden input
 
             with gr.Row():
                 lat_box = gr.Textbox(label="Latitude", interactive=True, value="0.0", elem_id="lat")
@@ -484,11 +508,7 @@ def field_capture_ui(camera):
             fn=None, inputs=[], outputs=[], js=get_gps_js()
         )
 
-        hidden_gps_input.change(
-            fn=handle_gps_location,
-            inputs=[hidden_gps_input],
-            outputs=[status, lat_box, lon_box, accuracy_box, device_ts_box]
-        )
+        # Note: GPS data is now populated directly by JavaScript, no event handler needed
 
         time_btn.click(
             fn=placeholder_time_capture,