feat: subsection split with radio buttons

app/causes.py

@@ -0,0 +1,64 @@
+import gradio as gr
+import os
+
+PATH = os.getcwd()
+CAUSE_COL_WIDTH = "50px"
+
+def set_visible(choice):
+    if choice=="Yes":
+        visible = True
+    else:
+        visible=False
+    return visible
+
+def show_causes(choice): 
+    visible = set_visible(choice)
+    button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_causes(visible)
+    return button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2
+
+def create_causes(visible):
+    button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause = create_causes_buttons(visible)      
+    dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_causes_dropdown(visible)
+    return button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2
+
+
+def create_causes_buttons(visible): 
+    print(visible)
+    with gr.Row() as image_row:
+            with gr.Column(scale=1, min_width=CAUSE_COL_WIDTH):
+                button_collision = gr.Button("Collision with a means of transport", 
+                                             visible=visible,
+                                             icon=PATH + '/assets/logos/van.png',
+                                             elem_id="buttons-conditions")
+                
+            with gr.Column(scale=1, min_width=CAUSE_COL_WIDTH):
+                button_deliberate_destruction = gr.Button("Destruction / Deliberatly removed", 
+                                                          icon=PATH + '/assets/logos/destruction.png',
+                                                          visible=visible,
+                                                          elem_id="buttons-conditions")
+ 
+            with gr.Column(scale=1, min_width=CAUSE_COL_WIDTH):
+                button_indirect_destruction = gr.Button("Indirect destruction", 
+                                                        icon=PATH + '/assets/logos/indirect.png',
+                                                        visible=visible,
+                                                        elem_id="buttons-conditions")
+
+            with gr.Column(scale=1, min_width=CAUSE_COL_WIDTH):
+                button_natural_cause = gr.Button("Natural cause", 
+                                                 icon=PATH + '/assets/logos/natural.png', 
+                                                 visible=visible,
+                                                 elem_id="buttons-conditions")
+    return button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause
+
+def create_causes_dropdown(visible):
+    with gr.Row() as dropdown_row:
+        dropdown = gr.Dropdown(choices=[], 
+                               label="Choices will appear here...",
+                               visible=visible, interactive=False, elem_id="dropdown-conditions")
+    openfield_level2 = gr.Textbox(visible=False, elem_id="dropdown-conditions")
+    dropdown_level2 = gr.Dropdown(choices=[], visible=False, elem_id="dropdown-conditions")
+    dropdown_extra_level2 = gr.Dropdown(choices=[], visible=False, elem_id="dropdown-conditions")
+    return dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2
+
+
+     

app/dead.py

@@ -1,5 +1,5 @@
 import gradio as gr
-from top_section import create_top_section, create_dropdown
+from causes import create_causes
 from followup_events import create_followup_section
 
 
@@ -8,8 +8,7 @@ def show_section_dead(visible):
         gr.Markdown("# Dead Animal")
         gr.Markdown("## Please describe the cause of death", label="description")
         
-        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)
+        button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_causes(visible)      
         
         create_followup_section()
 

app/main.py

@@ -2,6 +2,7 @@ import gradio as gr
 from functools import partial
 from dead import show_section_dead
 from wounded import show_section_wounded
+from causes import show_causes
 from dropdowns import *
 from maps import get_location
 from style import *
@@ -52,7 +53,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     # ---------------------------------------------------------
     # Initiate sections
     section_dead, button_collision_dead, button_deliberate_destruction_dead, button_indirect_destruction_dead, button_natural_cause_dead, dropdown_dead, dropdown_level2_dead, openfield_level2_dead, dropdown_extra_level2_dead = show_section_dead(False)
-    section_wounded, button_collision_wounded, button_deliberate_destruction_wounded, button_indirect_destruction_wounded, button_natural_cause_wounded, dropdown_wounded, dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded= show_section_wounded(False)
+    section_wounded, radio_cause_wounded, radio_behaviour_wounded, radio_physical_wounded, button_collision_wounded, button_deliberate_destruction_wounded, button_indirect_destruction_wounded, button_natural_cause_wounded, dropdown_wounded, dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded= show_section_wounded(False)
 
     # ---------------------------------------------------------
     # Dead Button Logic
@@ -63,6 +64,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
                                                                      dropdown_dead, dropdown_level2_dead, openfield_level2_dead, dropdown_extra_level2_dead
                                                                      ])
     butt_dead.click(partial_hide_section_wounded, inputs=None, outputs=[section_wounded, 
+                                                                        radio_cause_wounded, radio_behaviour_wounded, radio_physical_wounded,
                                                                         button_collision_wounded, button_deliberate_destruction_wounded, button_indirect_destruction_wounded, button_natural_cause_wounded, 
                                                                         dropdown_wounded, dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded
                                                                         ])
@@ -71,9 +73,10 @@ with gr.Blocks(theme=theme, css=css) as demo:
     partial_show_section_wounded = partial(show_section_wounded, True)
     partial_hide_section_dead = partial(show_section_dead, False)
     butt_wounded.click(partial_show_section_wounded, inputs=None, outputs=[section_wounded, 
-                                                                        button_collision_wounded, button_deliberate_destruction_wounded, button_indirect_destruction_wounded, button_natural_cause_wounded, 
-                                                                        dropdown_wounded, dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded
-                                                                        ])
+                                                                           radio_cause_wounded, radio_behaviour_wounded, radio_physical_wounded,
+                                                                            button_collision_wounded, button_deliberate_destruction_wounded, button_indirect_destruction_wounded, button_natural_cause_wounded, 
+                                                                            dropdown_wounded, dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded
+                                                                            ])
     butt_wounded.click(partial_hide_section_dead, inputs=None, outputs=[section_dead, 
                                                                         button_collision_dead, button_deliberate_destruction_dead, button_indirect_destruction_dead, button_natural_cause_dead, 
                                                                         dropdown_dead, dropdown_level2_dead, openfield_level2_dead, dropdown_extra_level2_dead
@@ -88,6 +91,14 @@ with gr.Blocks(theme=theme, css=css) as demo:
 
     dropdown_dead.select(on_select, None, [dropdown_level2_dead, openfield_level2_dead, dropdown_extra_level2_dead])
 
+    # ---------------------------------------------------------
+    # Radio Wounded
+    radio_cause_wounded.change(fn=show_causes,
+                              inputs=[radio_cause_wounded],
+                              outputs=[button_collision_wounded, button_deliberate_destruction_wounded, button_indirect_destruction_wounded, button_natural_cause_wounded, 
+                                        dropdown_wounded, dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded]
+                              )
+
     # ---------------------------------------------------------
     # Dropdowns Wounded
     button_collision_wounded.click(dropdown_collision,  

app/top_section.py

@@ -1,34 +0,0 @@
-import gradio as gr
-import os
-
-PATH = os.getcwd()
-
-def create_top_section(visible): 
-    with gr.Row() as image_row:
-            with gr.Column(scale=1, min_width="50px"):
-                img1 = gr.Image(value=PATH + '/assets/logos/van.png', show_download_button=False, show_label=False, height="150px")
-                button_collision = gr.Button("Collision with a means of transport", visible=visible, elem_id="buttons-conditions")
-                
-            with gr.Column(scale=1, min_width="50px"):
-                img2 = gr.Image(value=PATH + '/assets/logos/destruction.png', show_download_button=False, show_label=False, height="150px")
-                button_deliberate_destruction = gr.Button("Destruction / Deliberatly removed", visible=visible, elem_id="buttons-conditions")
- 
-            with gr.Column(scale=1, min_width="50px"):
-                img3 = gr.Image(value=PATH + '/assets/logos/indirect.png', show_download_button=False, show_label=False, height="150px")
-                button_indirect_destruction = gr.Button("Indirect destruction", visible=visible, elem_id="buttons-conditions")
-
-            with gr.Column(scale=1, min_width="50px"):
-                img4 = gr.Image(value=PATH + '/assets/logos/natural.png', show_download_button=False, show_label=False, height="150px")
-                button_natural_cause = gr.Button("Natural cause", visible=visible, elem_id="buttons-conditions")
-    return image_row, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause
-
-def create_dropdown(visible):
-    with gr.Row() as dropdown_row:
-        dropdown = gr.Dropdown(choices=[], interactive=False, visible=visible, elem_id="dropdown-conditions")
-    openfield_level2 = gr.Textbox(visible=False, elem_id="dropdown-conditions")
-    dropdown_level2 = gr.Dropdown(choices=[], visible=False, elem_id="dropdown-conditions")
-    dropdown_extra_level2 = gr.Dropdown(choices=[], visible=False, elem_id="dropdown-conditions")
-    return dropdown_row, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2
-
-
-     

app/wounded.py

@@ -1,16 +1,21 @@
 import gradio as gr
-from top_section import create_top_section, create_dropdown
+from causes import create_causes
 from followup_events import create_followup_section
 
 def show_section_wounded(visible):
     with gr.Column(visible=visible, elem_id="wounded") as wounded_section:
         gr.Markdown("# Wounded Animal")
-        gr.Markdown("# Please describe the wound's cause.", label="description")
+        
+        gr.Markdown("## Do you know what conditions caused this?", label="description")
+        radio_cause = gr.Radio(["Yes", "No"], value=None, show_label=False, interactive=True)
+        button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_causes(visible=False)
 
-        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)
+        gr.Markdown("## Is the bird displaying behavioural changes?" , label="description")
+        radio_behaviour = gr.Radio(["Yes", "No"], value=None, show_label=False, interactive=True)
 
+        gr.Markdown("## Are there physical changes on the bird?" , label="description")
+        radio_physical = gr.Radio(["Yes", "No"], value=None, show_label=False, interactive=True)
         create_followup_section()
 
     # Change variables and names
-    return wounded_section, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2
+    return wounded_section, radio_cause, radio_behaviour, radio_physical, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2