File size: 9,347 Bytes
e9e2b32
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
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():
                    assignment_type_list = [
                        "中文寫作 AI 批改",
                        "英文寫作 AI 批改"
                    ]
                    assignment_type = gr.Radio(choices=assignment_type_list, label="選擇類型")
                    grade = gr.Radio(["一年級", "二年級", "三年級", "四年級", "五年級", "六年級"], label="選擇年級")
                    topic = gr.Textbox(label="題目")
                    introduction = gr.Textbox(label="寫作引文(非必填)")
                    description = gr.Textbox(label="作業說明")
                    url = gr.Textbox(label="作業链接")
                    attach_materials = gr.Textbox(label="附加材料 (JSON 格式)", placeholder='[{"type": "video", "url": "link1", "description": "描述"}]')
                    submission_deadline = gr.Textbox(label="提交截止日期", placeholder="2024-09-01T23:59:59Z")
                    create_button = gr.Button("建立作業")
                    assignment_id_display_teacher = gr.Textbox(label="作業 ID", interactive=False)
                    assignment_metadata = gr.JSON(label="作業元數據")
                    
                    create_button.click(
                        assignment_service.create_assignment_metadata,
                        inputs=[assignment_type, grade, topic, introduction, description, url, attach_materials, submission_deadline],
                        outputs=[assignment_metadata]
                    ).then(
                        assignment_service.create_assignment,
                        inputs=[user_data, assignment_type, assignment_metadata],
                        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_markdown = gr.Markdown(label="作業內容", show_label=True)
            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_markdown = gr.Markdown(label="提交內容")

            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_markdown = 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_markdown = gr.update(value=None)
                return assignment_list, assignment_data, assignment_data_markdown, submissions_list_json, submissions_list_radio, submission_data_json, submission_data_markdown

            def update_assignment_data_markdown(assignment_data):
                markdown_value = f"""
                    ### 作業類型: {assignment_data['assignment_type']}
                    ### 作業年級: {assignment_data['metadata']['grade']}
                    ### 作業題目: {assignment_data['metadata']['topic']}
                    ### 日期: {assignment_data['timestamp']}
                    ### 作業引文
                    {assignment_data['metadata']['introduction']}
                    ### 作業說明:
                    {assignment_data['metadata']['description']}
                    ### 作業連結: {assignment_data['metadata']['url']}
                    ### 附加材料:
                    {assignment_data['metadata']['attach_materials']}
                """
                return gr.update(value=markdown_value)

            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 update_submission_data_markdown(submission_json):
                markdown_value = f"""
                    ### 提交內容
                    {submission_json['submission_data']['content']}
                    ### 提交日期
                    {submission_json['timestamp']}
                """
                return gr.update(value=markdown_value)

            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_markdown, submissions_list_json, submissions_list_radio, submission_data_json, submission_data_markdown]
            )

            assignment_list.select(
                fn=init_assignment_list_data,
                inputs=[assignment_list],
                outputs=[assignment_list, assignment_data, assignment_data_markdown, submissions_list_json, submissions_list_radio, submission_data_json, submission_data_markdown]
            ).then(
                assignment_service.get_assignment,
                inputs=[assignment_list],
                outputs=[assignment_data]
            ).then(
                fn=update_assignment_data_markdown,
                inputs=[assignment_data],
                outputs=[assignment_data_markdown]
            ).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_markdown,
                inputs=[submission_data_json],
                outputs=[submission_data_markdown]
            )

        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