change question position (before saliencymaps)

app.py

@@ -61,6 +61,10 @@ def main():
             gr.Markdown("Sidu")
             gr.Markdown("Rise")
 
+        count = user_state if isinstance(user_state, int) else user_state.value
+        row = concepts.iloc[count]
+        question = gr.Markdown(f"### Sort the following saliency maps according to which of them better highlights the following concepts for the class {class_names[user_state.value]}: {row[1]}, {row[2]} , {row[3]}?", visible=False)
+
         with gr.Row():
             count = user_state if isinstance(user_state, int) else user_state.value
             images = load_image_and_saliency(count, data_dir)
@@ -70,9 +74,7 @@ def main():
             saliency_sidu = gr.Image(images[4], elem_classes="main-image", visible=False)
             saliency_rise = gr.Image(images[3], elem_classes="main-image", visible=False)
             
-        count = user_state if isinstance(user_state, int) else user_state.value
-        row = concepts.iloc[count]        
-        question = gr.Markdown(f"### Sort the following saliency maps according to which of them better highlights the following concepts: {row[1]}, {row[2]} , {row[3]}?", visible=False)
+                
         with gr.Row():
             dropdown1 = gr.Dropdown(choices=options, label="grad-cam", visible=False)
             dropdown2 = gr.Dropdown(choices=options, label="lime", visible=False)
@@ -156,7 +158,7 @@ def main():
             dropdown2 = gr.Dropdown(choices=options, label="lime", visible=False)
             dropdown3 = gr.Dropdown(choices=options, label="sidu", visible=False)
             dropdown4 = gr.Dropdown(choices=options, label="rise", visible=False)
-            return target_img, saliency_gradcam, saliency_lime, saliency_sidu, saliency_rise, question, dropdown1, dropdown2, dropdown3, dropdown4
+            return question, target_img, saliency_gradcam, saliency_lime, saliency_sidu, saliency_rise, dropdown1, dropdown2, dropdown3, dropdown4
 
 
         def update_dropdowns():
@@ -170,7 +172,7 @@ def main():
             concepts = load_csv_concepts(data_dir)
             count = state if isinstance(state, int) else state.value
             row = concepts.iloc[count]
-            return gr.Markdown(f"### Sort the following saliency maps according to which of them better highlights the following concepts: {row[1]}, {row[2]} , {row[3]}?", visible=True)
+            return gr.Markdown(f"### Sort the following saliency maps according to which of them better highlights the following concepts for the class {class_names[count]}: {row[1]}, {row[2]} , {row[3]}?", visible=True)
 
         def redirect():
             pass
@@ -245,7 +247,7 @@ def main():
             outputs={continue_button, submit_button}
         ).then(
             hide_view,
-            outputs={target_img, saliency_gradcam, saliency_lime, saliency_sidu, saliency_rise, question, dropdown1, dropdown2, dropdown3, dropdown4}
+            outputs={question, target_img, saliency_gradcam, saliency_lime, saliency_sidu, saliency_rise, dropdown1, dropdown2, dropdown3, dropdown4}
         )
        
         continue_button.click(