Update app.py

app.py

@@ -1,14 +1,21 @@
+ #"https://docs.google.com/forms/u/0/d/e/1lCvVNDdgnYaIh8TVHPW91S_LFhy1ep97vx1-cHqrruI/formResponse";
+
+
+            #data.append("entry.2013313277", qrText);
+            #data.append("entry.286817265", lat);
+            #data.append("entry.518488535", lng);
+
 import gradio as gr
 import cv2
 import numpy as np
 from PIL import Image
 
 # ========================
-#   Scan QR Function
+#   Scan QR
 # ========================
 def scan_qr(image):
     if image is None:
-        return "No image"
+        return ""
     img = cv2.cvtColor(np.array(image), cv2.COLOR_RGB2BGR)
     detector = cv2.QRCodeDetector()
     data, bbox, _ = detector.detectAndDecode(img)
@@ -19,27 +26,16 @@ def scan_qr(image):
 #   Gradio UI
 # ========================
 with gr.Blocks() as demo:
-    gr.Markdown("## 📸 Scan QR → Auto GPS → Send to Google Form")
+    gr.Markdown("## 📸 Scan QR → Auto GPS → Google Form Sender")
 
     qr_image = gr.Image(type="pil", label="Upload QR Code")
-    qr_output = gr.Textbox(label="QR Code Text")
+    qr_output = gr.Textbox(label="QR Code Text", elem_id="qr_output_box")
 
     scan_btn = gr.Button("Scan QR Code")
     scan_btn.click(scan_qr, inputs=qr_image, outputs=qr_output)
 
-    # ⬇ ทำตัวแปร JS ให้เข้าถึงค่า QR ได้
-    qr_output.change(
-        fn=None,
-        _js="""
-        (value) => {
-            window.qrValue = value;   // เก็บค่า QR ไว้ให้ JS
-            return value;
-        }
-        """
-    )
-
     # ================================
-    #    HTML Button + JS GPS Sender
+    #   HTML + JS Button
     # ================================
     gr.HTML("""
     <button id="sendBtn" style="
@@ -55,8 +51,11 @@ with gr.Blocks() as demo:
 
     <script>
     document.getElementById("sendBtn").onclick = function () {
+        
+        // ดึงค่า QR จาก elem_id=qr_output_box
+        const qrText = document.querySelector('#qr_output_box textarea').value;
 
-        if (!window.qrValue) {
+        if (!qrText || qrText.startsWith("❌")) {
             alert("❗ กรุณาสแกน QR ก่อน");
             return;
         }
@@ -66,16 +65,16 @@ with gr.Blocks() as demo:
             const lat = pos.coords.latitude;
             const lng = pos.coords.longitude;
 
-            // >>> ใส่ Google Form ID ของคุณ <<< 
+            // >>> เปลี่ยนเป็นของคุณ <<<
             const formUrl = "https://docs.google.com/forms/u/0/d/e/1lCvVNDdgnYaIh8TVHPW91S_LFhy1ep97vx1-cHqrruI/formResponse";
 
             const data = new FormData();
-            data.append("entry.2013313277", window.qrValue); // ช่อง QR
-            data.append("entry.286817265", lat);             // ช่อง Latitude
-            data.append("entry.518488535", lng);             // ช่อง Longitude
+            data.append("entry.2013313277", qrText);
+            data.append("entry.286817265", lat);
+            data.append("entry.518488535", lng);
 
             fetch(formUrl, { method: "POST", body: data })
-                .then(() => alert("✅ ส่งข้อมูลสำเร็จ"))
+                .then(() => alert("✅ ส่งสำเร็จ"))
                 .catch(err => alert("❌ ERROR: " + err));
 
         });