feat: remove the button for splitting the recorded student audio, refactored interface

app.py

@@ -119,42 +119,28 @@ with gr.Blocks(css=css, head=js.head_driver_tour) as gradio_app:
                         value=" - ",
                         elem_classes="speech-output-html background-white",
                     )
-            with gr.Row():
-                gr.Markdown("### Speech accuracy score (%)", elem_classes="speech-accuracy-score-container row1", elem_id="speech-accuracy-score-container-id-element")
             with gr.Row():
                 with gr.Column(min_width=100, elem_classes="speech-accuracy-score-container row2 col1"):
-                    num_pronunciation_accuracy = gr.Number(label="Current score", elem_id="number-pronunciation-accuracy-id-element")
+                    num_pronunciation_accuracy = gr.Number(label="Current score %", elem_id="number-pronunciation-accuracy-id-element")
                 with gr.Column(min_width=100, elem_classes="speech-accuracy-score-container row2 col2"):
-                    num_score_de = gr.Number(label="Global score DE", value=0, interactive=False, elem_id="number-score-de-id-element")
+                    num_score_de = gr.Number(label="Global score DE %", value=0, interactive=False, elem_id="number-score-de-id-element")
                 with gr.Column(min_width=100, elem_classes="speech-accuracy-score-container row2 col3"):
-                    num_score_en = gr.Number(label="Global score EN", value=0, interactive=False, elem_id="number-score-en-id-element")
-            with gr.Row():
-                btn_recognize_speech_accuracy = gr.Button(value="Recognize speech accuracy", elem_id="btn-recognize-speech-accuracy-id-element")
+                    num_score_en = gr.Number(label="Global score EN %", value=0, interactive=False, elem_id="number-score-en-id-element")
+            btn_recognize_speech_accuracy = gr.Button(value="Get speech accuracy score (%)", elem_id="btn-recognize-speech-accuracy-id-element")
             with gr.Row():
-                with gr.Column(scale=1, min_width=50):
-                    num_tot_recognized_words = gr.Number(label="Total recognized words", visible=True, minimum=0, interactive=False)
-                with gr.Column(scale=1, min_width=50):
-                    num_selected_recognized_words = gr.Number(label=word_idx_text, visible=True, minimum=0, value=0)
-                with gr.Column(scale=2, min_width=100):
+                num_tot_recognized_words = gr.Number(label="Total recognized words", visible=False, minimum=0, interactive=False)
+                with gr.Column(scale=2, min_width=50):
+                    num_selected_recognized_words = gr.Number(label=word_idx_text, visible=True, minimum=0, value=0, interactive=False)
+                with gr.Column(scale=9, min_width=100):
                     # todo: use https://www.gradio.app/docs/gradio/multimodaltextbox
                     audio_splitted_student_recording_stt = gr.Audio(
-                        label="Splitted Speech-toText audio output",
+                        label="Splitted student audio output",
                         type="filepath",
                         show_download_button=True,
                         elem_id="audio-splitted-student-recording-stt-id-element",
                     )
             with gr.Row():
-                btn_select_recognized_word = gr.Button(value="Select recognized word", elem_id="btn-select-recognized-word-id-element")
-                # slider_select_student_recorded_stt = gr.Slider(
-                #     label="Splitted Speech-toText audio output",
-                #     elem_id="slider-split-audio-student-recording-stt-id-element"
-                # )
-                # slider_select_student_recorded_stt.change(
-                #     lambdaSpeechToScore.get_selected_word,
-                #     inputs=[slider_select_student_recorded_stt, text_raw_json_output_hidden],
-                #     outputs=[audio_splitted_student_recording_stt]
-                # )
-                btn_select_recognized_word.click(
+                num_selected_recognized_words.input(
                     lambdaSpeechToScore.get_selected_word,
                     inputs=[num_selected_recognized_words, text_raw_json_output_hidden],
                     outputs=[audio_splitted_student_recording_stt],
@@ -208,9 +194,12 @@ with gr.Blocks(css=css, head=js.head_driver_tour) as gradio_app:
 
     def change_max_selected_words(n):
         app_logger.info(f"change_max_selected_words: {n} ...")
+        num_max_selected_words = n -1 
         app_logger.info(f"num_selected_recognized_words.maximum, pre: {num_selected_recognized_words.maximum} ...")
-        label = word_idx_text if n == 0 else f"{word_idx_text}, max {n}!"
-        new_num_selected_recognized_words = gr.Number(label=label, visible=True, value=0, minimum=0, maximum=n)
+        label = word_idx_text if n == 0 else f"{word_idx_text} ({num_max_selected_words} max)"
+        interactive = n > 0
+        app_logger.info(f"change_max_selected_words: {n}, is interactive? {interactive} ...")
+        new_num_selected_recognized_words = gr.Number(label=label, visible=True, value=0, minimum=0, maximum=num_max_selected_words, interactive=interactive)
         app_logger.info(f"num_selected_recognized_words.maximum, post: {num_selected_recognized_words.maximum} ...")
         return new_num_selected_recognized_words
 
@@ -235,7 +224,7 @@ with gr.Blocks(css=css, head=js.head_driver_tour) as gradio_app:
     def reset_max_total_recognized_words(content_text_recording_ipa, content_num_tot_recognized_words):
         if content_text_recording_ipa is None or content_text_recording_ipa == "":
             app_logger.info("reset_max_total_recognized_words...")
-            new_num_tot_recognized_words = gr.Number(label="Total recognized words", visible=True, value=0, minimum=0, interactive=False)
+            new_num_tot_recognized_words = gr.Number(label="Total recognized words", visible=False, value=0, minimum=0, interactive=False)
             return new_num_tot_recognized_words
         return content_num_tot_recognized_words