Update app.py

app.py

@@ -2,6 +2,14 @@ import streamlit as st
 from PIL import Image, ImageDraw
 import numpy as np
 
+# Function to check if a click is within a clickable area
+def check_click(click_x, click_y, clickable_areas):
+    for area in clickable_areas:
+        x, y, w, h = area["coords"]
+        if x <= click_x <= x + w and y <= click_y <= y + h:
+            return area["label"]
+    return None
+
 # Function to handle the form
 def show_form(area_label):
     with st.form(f"form_{area_label}"):
@@ -15,7 +23,7 @@ image = Image.open("test.png")
 
 # Define clickable areas (x, y, width, height)
 clickable_areas = [
-    {"label": "Area 1", "coords": (100, 100, 50, 50)},
+    {"label": "Area 1", "coords": (100, 100, 50, 50)},  # Example coordinates
     {"label": "Area 2", "coords": (200, 200, 50, 50)},
     {"label": "Area 3", "coords": (300, 300, 50, 50)}
 ]
@@ -27,8 +35,17 @@ for area in clickable_areas:
     draw.text((x, y), "*", fill="red")
 
 # Display the image and get mouse click coordinates
-st.image(image, caption='Uploaded Image with Clickable Areas', use_container_width=True)
-click_coords = st.experimental_data_editor("Click on an area:", {"Click X": 0, "Click Y": 0}, num_cols=2)
+st.image(image, caption="Uploaded Image with Clickable Areas", use_container_width=True)
+
+# Simulate a click using Streamlit's interactive input
+click_x = st.number_input("Click X coordinate:", min_value=0, max_value=image.width, value=0)
+click_y = st.number_input("Click Y coordinate:", min_value=0, max_value=image.height, value=0)
+
+# Check if the click is inside any defined area
+clicked_area = check_click(click_x, click_y, clickable_areas)
 
-if click_coords:
-    clicked_x, clicked_y = click_coords["Click X"], click_coords
+if clicked_area:
+    st.write(f"You clicked on: {clicked_area}")
+    show_form(clicked_area)
+else:
+    st.write("Click on a valid area to trigger an action.")