bugfix: fix minor bugs

app.py

@@ -79,218 +79,219 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
     # completion_reward = gr.State(init_reward)
     player_activity_tracker = gr.State(create_new_player_activity)
 
-    with gr.Row():
-        with gr.Column(
-            scale=1,
-            elem_classes="gallery_container",
-        ):
-            pet_description = gr.Markdown("# 夥伴", elem_id="pet_avatar_description")
-            pet_gallery = gr.Gallery(
-                [],
-                label="夥伴",
-                preview=False,
-                elem_id="pet_gallery",
-                columns=30,
-                height=200,
+    with gr.Tab("個人化戰報"):
+        with gr.Row():
+            with gr.Column(
+                scale=1,
+                elem_classes="gallery_container",
+            ):
+                pet_description = gr.Markdown("# 夥伴", elem_id="pet_avatar_description")
+                pet_gallery = gr.Gallery(
+                    [],
+                    label="夥伴",
+                    preview=False,
+                    elem_id="pet_gallery",
+                    columns=30,
+                    height=200,
+                )
+
+                badge_description = gr.Markdown("# 徽章", elem_id="badge_avatar_description")
+                badge_gallery = gr.Gallery(
+                    [],
+                    label="徽章",
+                    preview=False,
+                    elem_id="badge_gallery",
+                    columns=30,
+                    height=200,
+                )
+
+            with gr.Column(scale=1, elem_id="player_avatar_container"):
+                avatar = gr.Image(
+                    "avatar/blank_avatar.png",
+                    elem_id="player_avatar",
+                )
+                avatar_description = gr.Markdown(
+                    "# 光束守護者", elem_id="player_avatar_description"
+                )
+
+            with gr.Column(scale=1):
+                adventure_description = gr.Markdown(
+                    "# 冒險階段", elem_id="adventure_description"
+                )
+                adventure = gr.Slider(
+                    value=0,
+                    show_label=False,
+                    interactive=False,
+                    elem_id="adventure_slider",
+                    info="",
+                )
+                achievements_description = gr.Markdown(
+                    "# 達成成就", elem_id="achievements_description"
+                )
+                achievements = gr.HighlightedText(
+                    value=[],
+                    elem_classes="achievements",
+                    color_map={
+                        "完成": "green",
+                        "未完成": "red",
+                    },
+                )
+
+        with gr.Row():
+            html = (
+                "<div style='max-width:100%; max-height:360px; overflow:auto'>"
+                + get_content("htmls/adventure_blank.html")
             )
+            adventure_log = gr.HTML(html, label="Adventure Log", elem_id="adventure_log")
 
-            badge_description = gr.Markdown("# 徽章", elem_id="badge_avatar_description")
-            badge_gallery = gr.Gallery(
-                [],
-                label="徽章",
-                preview=False,
-                elem_id="badge_gallery",
-                columns=30,
-                height=200,
+        # handling player info
+        with gr.Row():
+            player_backend_id = gr.Textbox("", elem_id="player_backend_id", visible=False)
+            player_info_query_btn = gr.Button(
+                "Query", elem_id="trigger_button", visible=False
             )
+            pull_newest_player_data = gr.Textbox("", visible=False)
+            update_status = gr.Textbox("", visible=False)
 
-        with gr.Column(scale=1, elem_id="player_avatar_container"):
-            avatar = gr.Image(
-                "avatar/blank_avatar.png",
-                elem_id="player_avatar",
+    with gr.Tab("完賽獎勵"):
+        with gr.Row():
+            start_make_reward = gr.Button(
+                "開始製作完賽獎勵！", visible=True, elem_id="start_make_reward"
             )
-            avatar_description = gr.Markdown(
-                "# 光束守護者", elem_id="player_avatar_description"
+
+        with gr.Row():
+            not_participate = gr.Markdown(
+                "# 同學並未參與 2023 的星空探險隊唷！", visible=False, elem_id="not_participate"
+            )
+
+        with gr.Row():
+            not_start = gr.Markdown(
+                "# 完賽獎勵還沒有開放申請，但是就快了，請敬請期待！", visible=False, elem_id="not_start"
+            )
+
+        with gr.Row():
+            already_issued = gr.Image(visible=False)
+
+        with gr.Row():
+            player_name_title = gr.Markdown(
+                "# 選擇玩家暱稱", visible=False, elem_id="player_name_title"
+            )
+
+        with gr.Row():
+            player_name = gr.Textbox(
+                label="玩家暱稱",
+                info="請輸入想要用在完賽獎勵上的玩家暱稱，上限為 10 字，獎勵發送後無法更改也無法補發，還請同學們謹慎填寫。",
+                interactive=True,
+                elem_id="player_name",
+                visible=False,
+            )
+
+        with gr.Row():
+            confirm_player_name = gr.Button(
+                "確認暱稱", elem_id="confirm_player_name", visible=False
+            )
+            cancel_player_name = gr.Button(
+                "取消", elem_id="cancel_player_name", visible=False
+            )
+
+        with gr.Row():
+            player_name_next_step = gr.Button(
+                "下一步", visible=False, elem_id="player_name_next_step"
+            )
+
+        with gr.Row():
+            story_title = gr.Markdown("# 選擇冒險故事", visible=False, elem_id="story_title")
+
+        with gr.Row():
+            story_description = gr.Markdown(
+                "有五位星際夥伴來為你撰寫專屬於你的冒險故事，每位星際夥伴都會得到同學冒險週記的內容，並寫成一段故事，請同學選擇自己最喜歡的一段故事，這段故事將會被用來印在獎狀上<br><br>小叮嚀：請同學選擇喜歡的故事內容，而不是星際夥伴唷！星際夥伴可是不會和同學們一起冒險的！最後，撰寫故事的過程大概需要幾分鐘的時間，請同學耐心等待",
+                visible=False,
+                elem_id="story_description",
+            )
+
+        with gr.Row():
+            openai_description = gr.Markdown(
+                "# 露米娜", elem_id="openai_description", visible=False
+            )
+            aws_description = gr.Markdown(
+                "# 索拉拉", elem_id="aws_description", visible=False
+            )
+            google_description = gr.Markdown(
+                "# 薇丹特", elem_id="google_description", visible=False
+            )
+            mtk_description = gr.Markdown(
+                "# 蔚藍", elem_id="mtk_description", visible=False
             )
 
-        with gr.Column(scale=1):
-            adventure_description = gr.Markdown(
-                "# 冒險階段", elem_id="adventure_description"
+        with gr.Row():
+            openai_img = gr.Image(
+                "medias/lumina.png",
+                visible=False,
+                elem_id="openai_img",
+                interactive=False,
+                show_download_button=False,
             )
-            adventure = gr.Slider(
-                value=0,
-                show_label=False,
+            aws_img = gr.Image(
+                "medias/solara.png",
+                visible=False,
+                elem_id="aws_img",
                 interactive=False,
-                elem_id="adventure_slider",
-                info="",
+                show_download_button=False,
             )
-            achievements_description = gr.Markdown(
-                "# 達成成就", elem_id="achievements_description"
+            google_img = gr.Image(
+                "medias/verdant.png",
+                visible=False,
+                elem_id="google_img",
+                interactive=False,
+                show_download_button=False,
             )
-            achievements = gr.HighlightedText(
-                value=[],
-                elem_classes="achievements",
-                color_map={
-                    "完成": "green",
-                    "未完成": "red",
-                },
+            mtk_img = gr.Image(
+                "medias/azure.png",
+                visible=False,
+                elem_id="mtk_img",
+                interactive=False,
+                show_download_button=False,
             )
 
-    with gr.Row():
-        html = (
-            "<div style='max-width:100%; max-height:360px; overflow:auto'>"
-            + get_content("htmls/adventure_blank.html")
-        )
-        adventure_log = gr.HTML(html, label="Adventure Log", elem_id="adventure_log")
+        with gr.Row():
+            start_generate_story = gr.Button(
+                "開始寫作故事", visible=False, elem_id="start_generate_story"
+            )
 
-    # handling player info
-    with gr.Row():
-        player_backend_id = gr.Textbox("", elem_id="player_backend_id", visible=False)
-        player_info_query_btn = gr.Button(
-            "Query", elem_id="trigger_button", visible=False
-        )
-        pull_newest_player_data = gr.Textbox("", visible=False)
-        update_status = gr.Textbox("", visible=False)
-
-    # with gr.Tab("完賽獎勵"):
-    #     with gr.Row():
-    #         start_make_reward = gr.Button(
-    #             "開始製作完賽獎勵！", visible=True, elem_id="start_make_reward"
-    #         )
-
-    #     with gr.Row():
-    #         not_participate = gr.Markdown(
-    #             "# 同學並未參與 2023 的星空探險隊唷！", visible=False, elem_id="not_participate"
-    #         )
-
-    #     with gr.Row():
-    #         not_start = gr.Markdown(
-    #             "# 完賽獎勵還���有開放申請，但是就快了，請敬請期待！", visible=False, elem_id="not_start"
-    #         )
-
-    #     with gr.Row():
-    #         already_issued = gr.Image(visible=False)
-
-    #     with gr.Row():
-    #         player_name_title = gr.Markdown(
-    #             "# 選擇玩家暱稱", visible=False, elem_id="player_name_title"
-    #         )
-
-    #     with gr.Row():
-    #         player_name = gr.Textbox(
-    #             label="玩家暱稱",
-    #             info="請輸入想要用在完賽獎勵上的玩家暱稱，上限為 10 字，獎勵發送後無法更改也無法補發，還請同學們謹慎填寫。",
-    #             interactive=True,
-    #             elem_id="player_name",
-    #             visible=False,
-    #         )
-
-    #     with gr.Row():
-    #         confirm_player_name = gr.Button(
-    #             "確認暱稱", elem_id="confirm_player_name", visible=False
-    #         )
-    #         cancel_player_name = gr.Button(
-    #             "取消", elem_id="cancel_player_name", visible=False
-    #         )
-
-    #     with gr.Row():
-    #         player_name_next_step = gr.Button(
-    #             "下一步", visible=False, elem_id="player_name_next_step"
-    #         )
-
-    #     with gr.Row():
-    #         story_title = gr.Markdown("# 選擇冒險故事", visible=False, elem_id="story_title")
-
-    #     with gr.Row():
-    #         story_description = gr.Markdown(
-    #             "有五位星際夥伴來為你撰寫專屬於你的冒險故事，每位星際夥伴都會得到同學冒險週記的內容，並寫成一段故事，請同學選擇自己最喜歡的一段故事，這段故事將會被用來印在獎狀上<br><br>小叮嚀：請同學選擇喜歡的故事內容，而不是星際夥伴唷！星際夥伴可是不會和同學們一起冒險的！最後，撰寫故事的過程大概需要幾分鐘的時間，請同學耐心等待",
-    #             visible=False,
-    #             elem_id="story_description",
-    #         )
-
-    #     with gr.Row():
-    #         openai_description = gr.Markdown(
-    #             "# 露米娜", elem_id="openai_description", visible=False
-    #         )
-    #         aws_description = gr.Markdown(
-    #             "# 索拉拉", elem_id="aws_description", visible=False
-    #         )
-    #         google_description = gr.Markdown(
-    #             "# 薇丹特", elem_id="google_description", visible=False
-    #         )
-    #         mtk_description = gr.Markdown(
-    #             "# 蔚藍", elem_id="mtk_description", visible=False
-    #         )
-
-    #     with gr.Row():
-    #         openai_img = gr.Image(
-    #             "medias/lumina.png",
-    #             visible=False,
-    #             elem_id="openai_img",
-    #             interactive=False,
-    #             show_download_button=False,
-    #         )
-    #         aws_img = gr.Image(
-    #             "medias/solara.png",
-    #             visible=False,
-    #             elem_id="aws_img",
-    #             interactive=False,
-    #             show_download_button=False,
-    #         )
-    #         google_img = gr.Image(
-    #             "medias/verdant.png",
-    #             visible=False,
-    #             elem_id="google_img",
-    #             interactive=False,
-    #             show_download_button=False,
-    #         )
-    #         mtk_img = gr.Image(
-    #             "medias/azure.png",
-    #             visible=False,
-    #             elem_id="mtk_img",
-    #             interactive=False,
-    #             show_download_button=False,
-    #         )
-
-    #     with gr.Row():
-    #         start_generate_story = gr.Button(
-    #             "開始寫作故事", visible=False, elem_id="start_generate_story"
-    #         )
-
-    #     with gr.Row():
-    #         bot1 = gr.Chatbot(visible=False)
-    #         bot2 = gr.Chatbot(visible=False)
-    #         bot3 = gr.Chatbot(visible=False)
-    #         bot4 = gr.Chatbot(visible=False)
-
-    #     with gr.Row():
-    #         select_story = gr.Radio(
-    #             ["露米娜", "索拉拉", "薇丹特", "蔚藍"],
-    #             interactive=True,
-    #             label="選擇故事",
-    #             visible=False,
-    #             elem_id="select_story",
-    #         )
-
-    #     with gr.Row():
-    #         confirm_story = gr.Button("確認故事", visible=False, elem_id="confirm_story")
-    #         cancel_story = gr.Button("取消", visible=False, elem_id="cancel_story")
-
-    #     with gr.Row():
-    #         start_generate_certificate = gr.Button(
-    #             "開始製作完賽獎勵！", visible=False, elem_id="start_generate_certificate"
-    #         )
-    #         processing = gr.Button(
-    #             "製作中...",
-    #             visible=False,
-    #             elem_id="processing",
-    #             size="lg",
-    #             interactive=False,
-    #         )
-    #         complete = gr.Markdown("# 完成！", visible=False, elem_id="complete")
-
-    #     with gr.Row():
-    #         reward_result = gr.Image(visible=False)
+        with gr.Row():
+            bot1 = gr.Chatbot(visible=False)
+            bot2 = gr.Chatbot(visible=False)
+            bot3 = gr.Chatbot(visible=False)
+            bot4 = gr.Chatbot(visible=False)
+
+        with gr.Row():
+            select_story = gr.Radio(
+                ["露米娜", "索拉拉", "薇丹特", "蔚藍"],
+                interactive=True,
+                label="選擇故事",
+                visible=False,
+                elem_id="select_story",
+            )
+
+        with gr.Row():
+            confirm_story = gr.Button("確認故事", visible=False, elem_id="confirm_story")
+            cancel_story = gr.Button("取消", visible=False, elem_id="cancel_story")
+
+        with gr.Row():
+            start_generate_certificate = gr.Button(
+                "開始製作完賽獎勵！", visible=False, elem_id="start_generate_certificate"
+            )
+            processing = gr.Button(
+                "製作中...",
+                visible=False,
+                elem_id="processing",
+                size="lg",
+                interactive=False,
+            )
+            complete = gr.Markdown("# 完成！", visible=False, elem_id="complete")
+
+        with gr.Row():
+            reward_result = gr.Image(visible=False)
 
     # actions when player login
     # define args