feat: config and ui for physical changes

app/checkbox_physical.py

@@ -7,9 +7,9 @@ from dropdowns_conditions import retrieve_config_options
 def get_options_description(value):
         dropdown_config = get_custom_config_dropdowns("/assets/config/config_checkbox_physical.json")
         # get options
-        options = retrieve_config_options(value, dropdown_config)
-        common = retrieve_config_options("Common", dropdown_config)
-        options.extend(common)
+        options = retrieve_config_options("Common", dropdown_config)
+        options_for_value = retrieve_config_options(value, dropdown_config)
+        options.extend(options_for_value)
         # get descriptions
         descriptions = []
         for key, sub_dict in dropdown_config.items():
@@ -20,14 +20,17 @@ def get_options_description(value):
                             descriptions.append(description)
         return options, descriptions
 #---------------------------------------------------------
-def checkbox(body_part):
-    options, decriptions = get_options_description(body_part)
-    descriptions = "".join([f"\t{option}: {description}\n" for option, description in zip(options, decriptions)])
+def checkbox(body_part, section):
+    options, descriptions = get_options_description(body_part)
+    descriptions_info = "".join([f"\t{option}: {description}\n" for option, description in zip(options, descriptions)])
     checkbox = gr.CheckboxGroup(options, 
                      label=f"Physical changes observed on {body_part}:",
-                     visible=True)
-    text = gr.Textbox(descriptions, 
+                     visible=True,
+                     interactive=True,
+                     elem_id=section)
+    text = gr.Textbox(descriptions_info, 
                label = "Info", 
                interactive=False,
-               visible=True)
+               visible=True,
+               elem_id=section)
     return checkbox, text

app/dropdowns_conditions.py

@@ -17,7 +17,7 @@ def reinitialise_level2():
 def create_dropdown_level1(label): 
     dropdown_config = get_custom_config_dropdowns("/assets/config/config_dropdown_conditions.json")
     options = retrieve_config_options(label, dropdown_config)
-    dropdown = gr.Dropdown(choices=options, label=label, interactive=True)
+    dropdown = gr.Dropdown(choices=options, label=label, interactive=True, visible=True)
     dropdown_level2, openfield_level2, dropdown_extra_level2 = reinitialise_level2()
     return dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2
     

app/main.py

@@ -88,7 +88,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
                                 ])
     
     img_with_boxes.select(find_bounding_box, 
-                     inputs=[img_with_boxes], 
+                     inputs=[img_with_boxes, gr.Textbox(value="wounded", label="Keyword", visible=False)], 
                      outputs=[physical_checkbox, physical_text])
     # ---------------------------------------------------------
     # Dropdowns Dead

app/select_bird.py

@@ -7,26 +7,32 @@ from checkbox_physical import *
 from boxes_define import gdf
 
 # Function to find the matching bounding box for a given point and return the image with boxes
-def find_bounding_box(evt: gr.SelectData, img):
+def find_bounding_box(evt: gr.SelectData, img, section: str):
     x, y = evt.index[0], evt.index[1]
     point = Point(x, y)
     match = gdf[gdf.contains(point)]
     if not match.empty:
         matched_box = match.iloc[0]['name']
-        physical_checkbox, physical_text = checkbox(matched_box)
+        physical_checkbox, physical_text = checkbox(matched_box, section)
     else:
-        matched_box = "No bounding box found"
+        matched_box = "None"
+        physical_checkbox, physical_text = create_template_checkbox()
     return physical_checkbox, physical_text
 
+def create_template_checkbox(): 
+    #templates
+    checkbox = gr.CheckboxGroup([], label="", visible=False)
+    text = gr.Textbox("", label = "", interactive=False, visible=False) 
+    return checkbox, text
+
 # Gradio app
-def create_bird_anatomy():
+def create_bird_anatomy(section: str):
     # Draw bounding boxes on the image
     img_with_boxes = gr.Image(value='assets/images/bird_boxed.png', 
                               show_label=False, 
-                              height="600px")
-    #templates
-    checkbox = gr.CheckboxGroup([], label="")
-    text = gr.Textbox("", label = "", interactive=False,) 
+                              height="600px",
+                              elem_id=section)
+    checkbox, text = create_template_checkbox()
     return img_with_boxes, checkbox, text
 
 

app/theme.py

@@ -5,6 +5,7 @@ css = """
 #image {background-color: #73b9ae}
 #dead {background-color: #333333}
 #wounded {background-color: #5e0724}
+#bird-boxes {background-color: #f2f3f3}
 #buttons-conditions {background-color: #b3b3b3}
 #dropdown-conditions {background-color: #b3b3b3}
 #followup {background-color: #38241c} 

app/wounded.py

@@ -11,7 +11,7 @@ def show_section_wounded(visible):
         image_row, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause = create_top_section(visible)      
         dropdown_row, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_dropdown(visible)
         
-        img_with_boxes, physical_checkbox, physical_text = create_bird_anatomy()
+        img_with_boxes, physical_checkbox, physical_text = create_bird_anatomy("wounded")
         
         create_followup_section()