Update app.py

app.py

@@ -2,67 +2,57 @@ import gradio as gr
 import cv2
 from PIL import Image
 import numpy as np
-import requests
 
-# ===== Google Form URL & Entry IDs =====
-FORM_URL = "https://docs.google.com/forms/u/1/d/e/1FAIpQLSd87wspuXaH0kcNZ33GOXsnCDVIFqaHQlpZin7FmSdFPJ4Q7Q/formResponse"
-
-ENTRY_QR = "entry.2013313277"
-ENTRY_LAT = "entry.286817265"
-ENTRY_LNG = "entry.518488535"
-
-# ===== Function scan QR + send GPS =====
-def scan_qr_send_form(image, lat, lng):
-    # image จะเป็น PIL.Image ถ้า type="pil"
+# ===== Function scan QR =====
+def scan_qr(image):
+    # Convert PIL image to OpenCV
     img = cv2.cvtColor(np.array(image), cv2.COLOR_RGB2BGR)
-    
     detector = cv2.QRCodeDetector()
     data, bbox, _ = detector.detectAndDecode(img)
-    
     if data:
-        qr_text = data
-        payload = {
-            ENTRY_QR: qr_text,
-            ENTRY_LAT: lat,
-            ENTRY_LNG: lng
-        }
-        r = requests.post(FORM_URL, data=payload)
-        if r.status_code == 200:
-            return f"✅ Saved QR: {qr_text}\nLocation: {lat}, {lng}"
-        else:
-            return "❌ Failed to send to Google Form"
+        return data
     else:
         return "❌ No QR code detected"
 
+# ===== Gradio UI =====
 with gr.Blocks() as demo:
-    gr.Markdown("### Scan QR Code & Auto GPS Location → Google Form")
-    
+    gr.Markdown("### Upload QR Code → Scan Text → GPS ส่งตรง Google Form")
+
     qr_image = gr.Image(type="pil", label="Upload QR Code Image")
-    
-    lat_input = gr.Textbox(label="Latitude", interactive=True, visible=False)
-    lng_input = gr.Textbox(label="Longitude", interactive=True, visible=False)
-    output = gr.Textbox(label="Result")
-    
-    btn = gr.Button("Scan & Submit")
-    btn.click(
-        scan_qr_send_form,
-        inputs=[qr_image, lat_input, lng_input],
-        outputs=output
+    qr_output = gr.Textbox(label="QR Code Text")
+    scan_btn = gr.Button("Scan QR Code")
+
+    scan_btn.click(
+        scan_qr,
+        inputs=[qr_image],
+        outputs=[qr_output]
     )
 
-    # แทรก JS ผ่าน HTML component
+    # ===== HTML + JS ส่ง GPS + QR text ไป Google Form =====
     gr.HTML("""
     <script>
-    if (navigator.geolocation) {
+    function sendToForm() {
+        const qrText = document.querySelector('textarea[aria-label="QR Code Text"]').value;
+        if (!qrText) { alert("Please scan QR code first"); return; }
+
         navigator.geolocation.getCurrentPosition(function(position) {
-            document.querySelectorAll('textarea[name="Latitude"]')[0].value = position.coords.latitude;
-            document.querySelectorAll('textarea[name="Longitude"]')[0].value = position.coords.longitude;
+            const lat = position.coords.latitude;
+            const lng = position.coords.longitude;
+
+            const formUrl = "https://docs.google.com/forms/u/1/d/e/1FAIpQLSd87wspuXaH0kcNZ33GOXsnCDVIFqaHQlpZin7FmSdFPJ4Q7Q/formResponse";
+
+            const data = new FormData();
+            data.append("entry.2013313277", qrText); // QR text
+            data.append("entry.286817265", lat);     // latitude
+            data.append("entry.518488535", lng);     // longitude
+
+            fetch(formUrl, { method: "POST", body: data })
+                .then(() => alert("✅ QR + GPS sent to Google Form"))
+                .catch(err => alert("❌ Error: " + err));
         });
-    } else {
-        alert("Geolocation is not supported by this browser.");
     }
     </script>
+    <button onclick="sendToForm()">Send QR + GPS to Google Form</button>
     """)
 
-
 demo.launch()