Update app.py

app.py

@@ -71,24 +71,43 @@ def predict_kc(content_html: str):
     label = predict_nb_count([text])[0]
     return label
 
-css = """
-textarea { font-size: 18px !important; }
-.gradio-container .output-text { font-size: 18px !important; }
-"""
+# css = """
+# textarea { font-size: 18px !important; }
+# .gradio-container .output-text { font-size: 18px !important; }
+# """
 
-interface = gr.Interface(
-    fn = predict_kc,
-    inputs  = gr.Textbox(lines=6,
-        placeholder="Dán nội dung câu hỏi dạng HTML",
-        label="Nội dung câu hỏi ",
-        elem_id="input-box"),
-    outputs = gr.Textbox(label="KC dự đoán",
-        elem_id="output-box"),
-    title    = "Demo dự đoán KC",
-    description="Dự đoán nhãn KC từ câu hỏi dựa trên Naive Bayes.",
-    css=css, 
-    allow_flagging="never"
-)
+# interface = gr.Interface(
+#     fn = predict_kc,
+#     inputs  = gr.Textbox(lines=6,
+#         placeholder="Dán nội dung câu hỏi dạng HTML",
+#         label="Nội dung câu hỏi ",
+#         elem_id="input-box"),
+#     outputs = gr.Textbox(label="KC dự đoán",
+#         elem_id="output-box"),
+#     title    = "Demo dự đoán KC",
+#     description="Dự đoán nhãn KC từ câu hỏi dựa trên Naive Bayes.",
+#     css=css, 
+#     allow_flagging="never"
+# )
 
-if __name__ == "__main__":
-    interface.launch()
+# if __name__ == "__main__":
+#     interface.launch()
+
+with gr.Blocks(css=css) as demo:
+    gr.Markdown("## NBC KC Predictor")
+    gr.Markdown("Nhập HTML Content (HTML) và nhấn Enter để dự đoán mã KC.")
+    with gr.Column():
+        input_box = gr.Textbox(
+            lines=6,
+            placeholder="Dán HTML Content…",
+            label="Nội dung câu hỏi",
+            elem_id="input-box"
+        )
+        output_box = gr.Label(
+            label="Mã KC dự đoán",
+            elem_id="output-box"
+        )
+    # Kết nối sự kiện: khi input thay đổi, chạy predict
+    input_box.submit(fn=predict_kc, inputs=input_box, outputs=output_box)
+
+demo.launch()