Update app.py

app.py

@@ -284,43 +284,43 @@ 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 html_content, html_path, pdf_path
+        return {
+            output_html: html_path,  # Retorna o caminho do arquivo HTML
+            pdf_output: pdf_path,  # Retorna o caminho do PDF para o componente oculto
+        }
 
     generate_btn.click(
         fn=wrapper,
         inputs=[html_file, excel_files],
-        outputs=[output_html, pdf_output]
-    )
-
-    # Move the button click events inside the gr.Blocks() context
-    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();}"
+        outputs=[html_output, pdf_output]
     )
 
-interface.launch()
+    # 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();
+    }
+    """
+)