import gradio as gr def create_assignment_ui(user_data, assignment_service, submission_service): with gr.Blocks() as assignment_interface: with gr.Tab("老師|建立作業"): with gr.Row(): with gr.Column(): with gr.Row(): gr.Markdown("### 作業資訊") with gr.Row(): assignment_topic = gr.Textbox(label="題目（必填）") assignment_type_list = [ "中文寫作 AI 批改", "英文寫作 AI 批改" ] assignment_type = gr.Radio(choices=assignment_type_list, label="選擇類型") assignment_grade = gr.Radio(["一年級", "二年級", "三年級", "四年級", "五年級", "六年級"], label="選擇年級", visible=False) with gr.Row(): gr.Markdown("### 內容規範") with gr.Row(): assignment_introduction = gr.TextArea(label="寫作引文") assignment_description = gr.TextArea(label="作業說明") with gr.Row(): gr.Markdown("### 繳交規範") with gr.Row(): assignment_submission_deadline = gr.DateTime(label="提交截止日期") assignment_attach_materials = gr.Textbox(label="附件參考", placeholder='[{"type": "video", "url": "link1", "description": "描述"}]') with gr.Row(): assignment_create_button = gr.Button("建立作業") assignment_metadata = gr.JSON(label="作業元數據", visible=False) assignment_data = gr.JSON(label="作業數據", visible=False) assignment_url = gr.Textbox(label="作業指派連結", interactive=False, show_copy_button=True) assignment_id_display_teacher = gr.Textbox(label="作業 ID", interactive=False, visible=False) def update_gr_assignment_url(assignment_data): return assignment_data['assignment_url'] def update_gr_assignment_id(assignment_data): return assignment_data['assignment_id'] assignment_create_button.click( assignment_service.create_assignment_metadata, inputs=[ assignment_type, assignment_grade, assignment_topic, assignment_introduction, assignment_description, assignment_attach_materials, assignment_submission_deadline ], outputs=[assignment_metadata] ).then( assignment_service.create_assignment, inputs=[user_data, assignment_type, assignment_metadata], outputs=[assignment_data] ).then( update_gr_assignment_url, inputs=[assignment_data], outputs=[assignment_url] ).then( update_gr_assignment_id, inputs=[assignment_data], outputs=[assignment_id_display_teacher] ) with gr.Tab("老師｜作業列表") as assignment_list_tab: with gr.Row(): with gr.Column(scale=1): get_all_assignments_button = gr.Button("獲取所有作業") assignment_list = gr.Radio([], label="作業列表", interactive=True) with gr.Column(scale=2): assignment_data = gr.JSON(label="作業內容", visible=False) assignment_data_html = gr.HTML() with gr.Row(): with gr.Column(scale=1): submissions_list_json = gr.JSON(visible=False) submissions_list_radio = gr.Radio([], label="已提交的作業學生", interactive=True) with gr.Column(scale=2): submission_data_json = gr.JSON(label="提交內容", visible=False) submission_data_html = gr.HTML() def init_assignment_list_data(assignment_list_value=None): assignment_list = gr.update(value=assignment_list_value) assignment_data = gr.update(value=None) assignment_data_html = gr.update(value=None) submissions_list_json = gr.update(value=None) submissions_list_radio = gr.update(choices=[], value=None) submission_data_json = gr.update(value=None) submission_data_html = gr.update(value=None) return assignment_list, assignment_data, assignment_data_html, submissions_list_json, submissions_list_radio, submission_data_json, submission_data_html def update_assignment_data_html(assignment_data): html = f"""

✨ 作業詳情

🏷️ 作業類型
{assignment_data['assignment_type']}
📝 作業題目
{assignment_data['metadata']['topic']}
🗓️ 日期
{assignment_data['timestamp']}
📖 寫作引文
{assignment_data['metadata']['introduction']}
ℹ️ 作業說明
{assignment_data['metadata']['description']}
🔗 作業連結
點擊前往作業
📎 附加材料
{assignment_data['metadata']['attach_materials']}
""" return gr.update(value=html) def update_submissions_list_radio(submission_ids): choices = [] for submission_id in submission_ids: submission_data = submission_service.get_submission_from_gcs(submission_id) choice_text = f"{submission_data['student_name']}" choice = (choice_text, submission_id) choices.append(choice) return gr.update(choices=choices) def generate_submission_html(submission_json): html_parts = [] # 添加外层结构的开始标签 html_parts.append("""

📝 學生回傳作業

""") html_parts.append(generate_student_info_html(submission_json)) submission_data = submission_json.get('submission_data', {}) content = submission_data.get('content', {}) content_type = content.get('content_type', '') if content_type == 'chinese_full_paragraph_evaluation': html_parts.append(generate_chinese_full_paragraph_html(content)) elif content_type == 'english_full_paragraph_evaluation': html_parts.append(generate_english_full_paragraph_html(content)) else: html_parts.append("

不支持的内容类型

") # 添加外层结构的结束标签 html_parts.append("""
""") return ''.join(html_parts) def generate_student_info_html(submission_json): return f"""
學生資訊
👤 學生姓名
{submission_json.get('student_name', '未提供')}
🆔 學生ID
{submission_json.get('student_id', '未提供')}
🕒 繳交時間
{submission_json.get('timestamp', '未提供')}
""" def generate_chinese_full_paragraph_html(content): html_parts = [] html_parts.append("""
原文評估
""") html_parts.append(f"""
📄 输入段落全文
{content.get('chinese_full_paragraph_input', '未提供')}
📊 段落全文分析
{content.get('chinese_full_paragraph_evaluate_output_text', '未提供')}
""") if 'chinese_full_paragraph_evaluate_output_table' in content: html_parts.append(generate_table_html(content['chinese_full_paragraph_evaluate_output_table'], "📊 评分结果", "#dc3545")) html_parts.append("""
第二次修改
""") html_parts.append(f"""
🔄 段落改善建议 输入
{content.get('chinese_full_paragraph_refine_input', '未提供')}
🔄 段落改善建议
{content.get('chinese_full_paragraph_refine_output_text', '未提供')}
""") if 'chinese_full_paragraph_refine_output_table' in content: html_parts.append(generate_table_html(content['chinese_full_paragraph_refine_output_table'], "📊 修改后评分", "#20c997")) html_parts.append(f"""
📝 修改结果
{content.get('chinese_full_paragraph_save_output', '未提供')}
""") return ''.join(html_parts) def generate_english_full_paragraph_html(content): html_parts = [] html_parts.append("""
原文
""") html_parts.append(f"""
📄 輸入段落全文
{content.get('full_paragraph_input', '未提供')}
""") if 'full_paragraph_evaluate_output' in content: html_parts.append(generate_table_html(content['full_paragraph_evaluate_output'], "📊 評分結果", "#dc3545")) html_parts.append("""
修訂結果
""") html_parts.append(f"""
🔄 修訂文法與拼字錯誤 輸入
{content.get('full_paragraph_correct_grammatical_spelling_errors_input', '未提供')}
""") if 'full_paragraph_correct_grammatical_spelling_errors_output_table' in content: html_parts.append(generate_table_html(content['full_paragraph_correct_grammatical_spelling_errors_output_table'], "📊 修訂文法與拼字錯誤", "#20c997")) html_parts.append(f"""
🔄 段落改善建議 輸入
{content.get('full_paragraph_refine_input', '未提供')}
""") if 'full_paragraph_refine_output_table' in content: html_parts.append(generate_table_html(content['full_paragraph_refine_output_table'], "📊 段落改善建議", "#20c997")) html_parts.append(f"""
🔄 修改建議
{content.get('full_paragraph_refine_output', '未提供')}
📝 修改結果
{content.get('full_paragraph_save_output', '未提供')}
""") return ''.join(html_parts) def generate_table_html(table_data, title, color): if not table_data or not isinstance(table_data, list): return "" html_parts = [] html_parts.append(f"""
{title}
""") # 动态生成表头 headers = table_data[0].keys() for header in headers: if header.lower() == '評分' or header.lower() == 'score': html_parts.append(f'') else: html_parts.append(f'') html_parts.append('') # 动态生成表格内容 for item in table_data: html_parts.append('') for key, value in item.items(): if key.lower() == '評分' or key.lower() == 'score': html_parts.append(f'') else: html_parts.append(f'') html_parts.append('') html_parts.append("""
{header}{header}
{value}{value}
""") return ''.join(html_parts) def update_submission_data_html(submission_json): html = generate_submission_html(submission_json) return gr.update(value=html) get_all_assignments_button.click( assignment_service.update_assignment_list, inputs=[user_data], outputs=assignment_list ).then( fn=init_assignment_list_data, inputs=[], outputs=[assignment_list, assignment_data, assignment_data_html, submissions_list_json, submissions_list_radio, submission_data_json, submission_data_html] ) assignment_list.select( fn=init_assignment_list_data, inputs=[assignment_list], outputs=[assignment_list, assignment_data, assignment_data_html, submissions_list_json, submissions_list_radio, submission_data_json, submission_data_html] ).then( assignment_service.get_assignment, inputs=[assignment_list], outputs=[assignment_data] ).then( fn=update_assignment_data_html, inputs=[assignment_data], outputs=[assignment_data_html] ).then( assignment_service.get_assignment_submissions, inputs=[assignment_list], outputs=[submissions_list_json] ).then( fn=update_submissions_list_radio, inputs=[submissions_list_json], outputs=[submissions_list_radio] ) submissions_list_radio.select( submission_service.get_submission_from_gcs, inputs=[submissions_list_radio], outputs=submission_data_json ).then( fn=update_submission_data_html, inputs=[submission_data_json], outputs=[submission_data_html] ) # with gr.Tab("生｜模擬繳交"): # with gr.Row(): # with gr.Column(): # assignment_id_input_student = gr.Textbox(label="作業 ID") # get_assignment_button = gr.Button("獲取作業") # assignment_display = gr.JSON(label="作業內容") # get_assignment_button.click( # assignment_service.get_assignment, # inputs=[assignment_id_input_student], # outputs=assignment_display # ) # with gr.Row(): # with gr.Column(): # student_name_input = gr.Textbox(label="學生姓名") # submission_input = gr.Textbox(label="文字輸入") # submit_button = gr.Button("繳交作業") # submission_status = gr.Textbox(label="繳交狀態", interactive=False) # submit_button.click( # submission_service.submit_assignment, # inputs=[assignment_id_input_student, user_data, student_name_input, submission_input], # outputs=submission_status # ) # with gr.Row(): # with gr.Column(): # load_submissions_button = gr.Button("獲取提交的作業") # submissions_radio = gr.Radio([], label="提交的作業", interactive=True) # submission_display = gr.JSON(label="作業內容") # load_submissions_button.click( # submission_service.update_submission_list, # inputs=[user_data], # outputs=submissions_radio # ) # submissions_radio.select( # submission_service.get_submission_from_gcs, # inputs=[submissions_radio], # outputs=submission_display # ) return assignment_interface