Update app.py

app.py

@@ -225,9 +225,9 @@ with gr.Blocks() as additional_demo:
     # 모듈2 상단 제목 삭제 후 안내 문구만 남김
     gr.Markdown("※ 아래 순서대로 각 단계별 버튼을 눌러 진행하세요.")
     with gr.Row():
-        url1 = gr.Textbox(label="강의1 URL")
-        url2 = gr.Textbox(label="강의2 URL")
-        url3 = gr.Textbox(label="강의3 URL")
+        url1 = gr.Textbox(label="강의1 URL", elem_id="url1")
+        url2 = gr.Textbox(label="강의2 URL", elem_id="url2")
+        url3 = gr.Textbox(label="강의3 URL", elem_id="url3")
     with gr.Row():
         gen_url_btn1 = gr.Button("스크립트 URL 만들기", elem_id="gen_url_btn1")
         gen_url_btn2 = gr.Button("스크립트 URL 만들기", elem_id="gen_url_btn2")
@@ -317,7 +317,7 @@ with gr.Blocks() as app:
     gr.Markdown("전체 페이지 HTML을 입력하면 과목명과 각 섹션별 동영상 강의 목록을 추출합니다. (디버깅 정보는 콘솔에 출력됩니다.)")
     gr.HTML(
         """
-        <div style="border: 1px solid #ccc; padding: 10px; margin-bottom: 20px;">
+        <div style="background-color: #f0f0f0; padding: 10px; margin-bottom: 20px;">
             <strong>사용방법</strong>
             <ol>
                 <li>추출을 원하는 강의 페이지에서 "Ctrl + U"를 누르고 "페이지 소스 보기" 페이지로 이동합니다.
@@ -333,6 +333,37 @@ with gr.Blocks() as app:
         """
     )
     iface.render()
+    <!-- Module1의 Submit 버튼 클릭 시 Module2 내용 지우기 위한 JavaScript -->
+    gr.HTML(
+        """
+        <script>
+        function clearModule2Fields() {
+            var ids = ["url1", "url2", "url3", "script_url1", "script_url2", "script_url3", "script1", "script2", "script3", "cleaned1", "cleaned2", "cleaned3", "copy_result1", "copy_result2", "copy_result3"];
+            ids.forEach(function(id) {
+                var elem = document.getElementById(id);
+                if (elem) {
+                    var textarea = elem.querySelector("textarea");
+                    if (textarea) {
+                        textarea.value = "";
+                    } else {
+                        elem.value = "";
+                    }
+                }
+            });
+        }
+        document.addEventListener("DOMContentLoaded", function(){
+            var buttons = document.getElementsByTagName("button");
+            for (var i = 0; i < buttons.length; i++) {
+                if (buttons[i].textContent.trim() === "Submit") {
+                    buttons[i].addEventListener("click", function(){
+                        clearModule2Fields();
+                    });
+                }
+            }
+        });
+        </script>
+        """
+    )
     gr.Markdown("---")
     gr.Markdown("동영상 강의 목록에서 필요한 강의의 URL을 복사해서 넣어주세요")
     additional_demo.render()