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): submission_data = submission_json.get('submission_data', {}) content = submission_data.get('content', {}) content_type = content.get('content_type', '') html = f"""

📝 學生回傳作業

學生资讯
👤 學生姓名
{submission_json.get('student_name', '未提供')}
🆔 學生ID
{submission_json.get('student_id', '未提供')}
🕒 缴交时间
{submission_json.get('timestamp', '未提供')}
""" if content_type == 'chinese_full_paragraph_evaluation': html += generate_chinese_full_paragraph_html(content) elif content_type == 'english_full_paragraph_evaluation': html += generate_english_full_paragraph_html(content) else: html += "

不支持的内容类型

" html += """
""" return html def generate_chinese_full_paragraph_html(content): html = """
原文評估
""" html += 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 += generate_table_html(content['chinese_full_paragraph_evaluate_output_table'], "📊 评分结果", "#dc3545") html += """
第二次修改
""" html += 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 += generate_table_html(content['chinese_full_paragraph_refine_output_table'], "📊 修改后评分", "#20c997") html += f"""
📝 修改结果
{content.get('chinese_full_paragraph_save_output', '未提供')}
""" return html def generate_english_full_paragraph_html(content): html = """
原文
""" html += f"""
📄 輸入段落全文
{content.get('full_paragraph_input', '未提供')}
""" if 'full_paragraph_evaluate_output' in content: html += generate_table_html(content['full_paragraph_evaluate_output'], "📊 評分結果", "#dc3545") html += """
修訂結果
""" html += f"""
🔄 修訂文法與拼字錯誤 輸入
{content.get('full_paragraph_correct_grammatical_spelling_errors_input', '未提供')}
""" if 'full_paragraph_correct_grammatical_spelling_errors_output_table' in content: html += generate_table_html(content['full_paragraph_correct_grammatical_spelling_errors_output_table'], "📊 修訂文法與拼字錯誤", "#20c997") html += f"""
🔄 段落改善建議 輸入
{content.get('full_paragraph_refine_input', '未提供')}
""" if 'full_paragraph_refine_output_table' in content: html += generate_table_html(content['full_paragraph_refine_output_table'], "📊 段落改善建議", "#20c997") html += f"""
🔄 修改建議
{content.get('full_paragraph_refine_output', '未提供')}
📝 修改結果
{content.get('full_paragraph_save_output', '未提供')}
""" return html def generate_table_html(table_data, title, color): if not table_data or not isinstance(table_data, list): return "" html = f"""
{title}
""" # 動態生成表頭 headers = table_data[0].keys() for header in headers: if header.lower() == '評分' or header.lower() == 'score': html += f'' else: html += f'' html += '' # 動態生成表格內容 for item in table_data: html += '' for key, value in item.items(): if key.lower() == '評分' or key.lower() == 'score': html += f'' else: html += f'' html += '' html += """
{header}{header}
{value}{value}
""" return html def update_submission_data_html(submission_json): html = generate_submission_html(submission_json) return gr.update(value=html) def update_submission_data_html(submission_json): html = generate_submission_html(submission_json) return gr.update(value=html) 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