Update app.py

app.py

@@ -284,43 +284,42 @@ theme = gr.themes.Default(
 # --- Interface Gradio ---
 with gr.Blocks(theme=theme) as interface:
     gr.Markdown("# Processamento de Relatórios de Tarefas")
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("## Arquivo HTML (alunos.htm)")
+            html_file = gr.File(label="Arraste o arquivo .htm aqui", type="binary")
+        with gr.Column():
+            gr.Markdown("## Arquivos Excel (Relatórios de Tarefas)")
+            excel_files = gr.Files(label="Arraste os arquivos .xlsx aqui", type="binary", file_count="multiple")
+
+    generate_btn = gr.Button("Gerar Relatório", variant="primary")  # Destaque no botão
+    output_html = gr.HTML()
+    pdf_output = gr.File(label="Download PDF Report", visible=False, elem_id="pdf_output")
     with gr.Row():  # Crie uma nova linha para os botões
         download_html_btn = gr.Button("Baixar Relatório HTML")
         download_pdf_btn = gr.Button("Baixar Relatório PDF")
-    pdf_output = gr.File(label="Download PDF Report", visible=False, elem_id="pdf_output")
-    html_output = gr.File(label="Download HTML Report", visible=False, elem_id="html_output")
 
     def wrapper(html_file, excel_files):
         html_content, html_path, pdf_path = processar_relatorio(html_file, excel_files)
-        return {
-            output_html: html_path,  # Retorna o caminho do arquivo HTML
-            pdf_output: pdf_path,  # Retorna o caminho do PDF para o componente oculto
-        }
+        return html_content, html_path, pdf_path
 
+    # Move the button click events inside the gr.Blocks() context
     generate_btn.click(
         fn=wrapper,
         inputs=[html_file, excel_files],
-        outputs=[html_output, pdf_output]
+        outputs=[output_html, pdf_output]
+    )
+    download_html_btn.click(
+        None,
+        [],
+        [],
+        _js="() => {const a = document.createElement('a'); a.href = document.getElementById('html_output').href; a.download = 'relatorio_final.html'; a.click();}"
+    )
+    download_pdf_btn.click(
+        None,
+        [],
+        [],
+        _js="() => {const a = document.createElement('a'); a.href = document.getElementById('pdf_output').href; a.download = 'relatorio_final.pdf'; a.click();}"
     )
 
-    # Workaround for older Gradio versions
-    download_html_btn.click(None, [], [], _js="downloadHTML")
-    download_pdf_btn.click(None, [], [], _js="downloadPDF")
-
-interface.launch(
-    _js="""
-    function downloadHTML() {
-        const a = document.createElement('a');
-        a.href = document.getElementById('html_output').href;
-        a.download = 'relatorio_final.html';
-        a.click();
-    }
-
-    function downloadPDF() {
-        const a = document.createElement('a');
-        a.href = document.getElementById('pdf_output').href;
-        a.download = 'relatorio_final.pdf';
-        a.click();
-    }
-    """
-)
+interface.launch()