Update app.py

app.py

@@ -11,22 +11,19 @@ def search_years(search_by_year, search_by_keywords, query):
         # Search by matching the first four characters of the 'YEAR' column
         matches = df[df['YEAR'].str.startswith(query[:4])]
         if matches.empty:
-            return "No results found for your query."
-        return ", ".join(matches['YEAR'].tolist())  # Return a string of matched years
+            return [], "No results found for your query."
+        return matches['YEAR'].tolist(), "Search completed successfully."
     elif search_by_keywords and not search_by_year:
         # Original keyword search logic
         keyword_list = [keyword.strip() for keyword in query.split(',')]
         matches = df[df['KEYWORDS'].apply(lambda x: any(keyword in x for keyword in keyword_list))]
         if matches.empty:
-            return "No results found for your query."
-        return ", ".join(matches['YEAR'].tolist())  # Return a string of matched years
+            return [], "No results found for your query."
+        return matches['YEAR'].tolist(), "Search completed successfully."
     else:
-        return "Please select exactly one search mode."
-
-
-# Modified function to return keywords above the HTML image tag
-# ...
+        return [], "Please select exactly one search mode."
 
+# Function to get image HTML
 def get_image_html(year):
     match = df[df['YEAR'] == year]
     if not match.empty:
@@ -40,9 +37,6 @@ def get_image_html(year):
     else:
         return "No keywords found for this year.", "No image found for this year."
 
-# ...
-
-
 # Create Gradio Blocks interface
 with gr.Blocks() as app:
     gr.Markdown("# Teacher Certificate Exam Searching Engine")
@@ -58,19 +52,31 @@ with gr.Blocks() as app:
         search_input = gr.Textbox(label="Search Query: e.g., 2024 (by YEAR) or tapping (by Keywords)", 
                                   placeholder="Enter year or keywords separated by commas")
         search_button = gr.Button("Click to Search")
-        search_output = gr.Text(label="Results (file names)")
+        search_output = gr.Dropdown(label="Results (file names)", choices=[], visible=False)  # Hidden dropdown for results
+        status_output = gr.Textbox(label="Status", visible=False)  # Hidden status textbox
     
     # Define actions
-    search_button.click(fn=search_years, inputs=[search_by_year, search_by_keywords, search_input], outputs=search_output)
+    def update_dropdown(results, status_message):
+        return gr.update(choices=results), status_message
+
+    search_button.click(fn=search_years, inputs=[search_by_year, search_by_keywords, search_input], 
+                        outputs=[search_output, status_output], 
+                        postprocess=update_dropdown)
     
     gr.Markdown("## ❄️ [2] Display a Specific Exam Question Requested")
     with gr.Row():
-        year_input = gr.Textbox(label="Type a file name among the result items: e.g., Year_item_part(a,b)", placeholder="Enter Year like '2024_01'")
-        submit_button = gr.Button("Show me the exam question")  # Updated button text
+        year_input = gr.Dropdown(label="Select a file name from the results", choices=[])
+        submit_button = gr.Button("Show me the exam question")
     image_output = gr.HTML()
     
+    # Update the year input dropdown based on the search results
+    def update_year_input(results):
+        return gr.update(choices=results)
+
+    search_output.change(fn=update_year_input, inputs=search_output, outputs=year_input)
+
     # Define action for the submit button
-    submit_button.click(fn=get_image_html, inputs=year_input, outputs=image_output)  # Use the button to trigger the display function
+    submit_button.click(fn=get_image_html, inputs=year_input, outputs=image_output)
 
 # Launch the app with sharing options
 app.launch(debug=True)