Feat: Add error message with next and previous button; define lets go button

app.py

@@ -79,39 +79,24 @@ def save_annotation(emotions, confidence, comments):
 
 def next_example(emotions, confidence, comments):
     """Move to the next example."""
-    if emotions == '':
-        raise gr.Error("Please fill out the emotion section")
+    if emotions == "Blank":
+        raise gr.Warning("Please fill out the emotion section")
     else:
         
         save_annotation(emotions, confidence, comments)
         if current_index["index"] < len(file_list) - 1:
             current_index["index"] += 1
-            return load_example(current_index["index"])
-
-    #return "End of examples", None, 0, 0, 0, 0, ''
-
+    return load_example(current_index["index"])
 
 def previous_example(emotion, confidence, comments):
     """Move to the previous example."""
-    save_annotation(emotion, confidence, comments)
-    if current_index["index"] > 0:
-        current_index["index"] -= 1
+    if emotion.value != "Blank":
+        save_annotation(emotion, confidence, comments)
+        if current_index["index"] > 0:
+            current_index["index"] -= 1
+            return load_example(current_index["index"])
         return load_example(current_index["index"])
-    return load_example(current_index["index"])
-
 
-def update_progress():
-    
-    """Update annotation progress"""
-    global ann_completed
-    if ann_completed < total_annotations:
-        ann_completed += 1  
-    
-    return f"{ann_completed}/{ total_annotations}"
-
-def change_visibility(elements):
-    for el in elements:
-        el.visible = True
 
 # ===================
 # Gradio Interface
@@ -139,17 +124,16 @@ with (gr.Blocks(theme=gr.themes.Soft(), css = css) as demo):
 
     # Hidden row with corresponding sentence
     with gr.Row():
-        accordion = gr.Accordion(label="Click to see the sentence", open=False, visible = False)
+        accordion = gr.Accordion(label="Click to see the sentence", open=False)
         with accordion:
             sentence_text = gr.Textbox(label="Sentence", interactive=False)
 
     # Row for emotion annotation and confidence
     with gr.Row():        
-        emotions = gr.Radio(["Joy", "Sad", "Angry", "Neutral"], label="Predominant Emotion", visible=False)
+        emotions = gr.Radio(["Blank", "Joy", "Sad", "Angry", "Neutral"], label="Predominant Emotion", value = "Blank")
 
     with gr.Row():    
-        confidence = gr.Slider(label="Confidence (%)", minimum=0, maximum=100, step=10, visible=False)
-
+        confidence = gr.Slider(label="Confidence (%)", minimum=0, maximum=100, step=10)
     # Instructions for emotion annotation
     with gr.Sidebar():
         happy_words = gr.Textbox(label = "Happy")
@@ -157,21 +141,15 @@ with (gr.Blocks(theme=gr.themes.Soft(), css = css) as demo):
 
     # Next and Previous Buttons
     with gr.Row():
-        previous_button = gr.Button("Previous Example", visible=False)
-        next_button = gr.Button("Next Example", visible=False)
+        previous_button = gr.Button("Previous Example")
+        next_button = gr.Button("Next Example")
 
 
     # Comment section
-    comments = gr.Textbox(label="Comments", interactive=True, visible=False)
+    comments = gr.Textbox(label="Comments", interactive=True)
     
     
 
-    # Load example
-    sentence_text.value, audio_player.value, emotions.value, confidence.value, ann_completed.value, comments.value = load_example(
-        current_index["index"])
-    
-
-
     # Go back
     previous_button.click(
         previous_example,
@@ -189,7 +167,7 @@ with (gr.Blocks(theme=gr.themes.Soft(), css = css) as demo):
     #Update progress bar
     next_button.click(None, [], [ann_completed, total], js = js_progress_bar)
     
-    lets_go.click(change_visibility, inputs = [audio_player, accordion, emotions, confidence, previous_button, next_button, comments], outputs = None)
+    lets_go.click(load_example, inputs = [gr.Number(current_index["index"], visible = False)], outputs = [sentence_text, audio_playe, emotions, confidence, ann_completed, comments])
     
 demo.launch()