Update app.py

app.py

@@ -1,48 +1,42 @@
-import math
-import os
 import gradio as gr
 
-# Path to the directory containing HTML files
-html_files_path = os.path.join("html_files", "test")
-html_files = [f for f in os.listdir(html_files_path) if f.endswith('.html')]
-
-
-batch_size = 3
-
-# Function to read HTML file content
-def read_html(file_path):
-    with open(file_path, 'r', encoding='utf-8') as file:
-        return file.read()
-
-# Function to show three HTML files based on slider value
-def show_htmls(index):
-    # Calculate the index for the HTML files to show
-    start_index = index * batch_size
-    end_index = start_index + batch_size
-    selected_files = html_files[start_index:end_index]
-    
-    # Read and concatenate the content of the selected HTML files
-    html_content = ""
-    for file_name in selected_files:
-        file_path = os.path.join(html_files_path, file_name)
-        html_content += read_html(file_path) + "<hr>"  # Adding a horizontal line between HTML contents
-    
-    return html_content
-
-# Calculate the maximum value for the slider based on the number of HTML files
-max_slider_value = len(html_files) // 3 - 1 if len(html_files) % 3 == 0 else len(html_files) // 3
-
-# Create a slider for selecting the group of HTML files
-num_batches = math.ceil(len(html_files) / batch_size)
-slider = gr.Slider(minimum=0, maximum=num_batches, step=1, label=f'Page (out of {num_batches})')
-
-# Create an Interface
-iface = gr.Interface(fn=show_htmls,
+# List of HTML files
+html_files = [
+    '182.html', '141.html', '116.html', '100.html', '157.html', '120.html',
+    '177.html', '161.html', '136.html', '15.html', '14.html', '137.html',
+    '160.html', '176.html', '121.html', '156.html', '101.html', '117.html',
+    '140.html', '18.html', '183.html', '126.html', '171.html', '167.html',
+    '188.html', '130.html', '13.html', '184.html', '147.html', '110.html',
+    '106.html', '151.html', '150.html', '107.html', '111.html', '146.html',
+    '185.html', '12.html', '131.html', '166.html', '170.html', '127.html',
+    '108.html', '11.html', '149.html', '1.html', '132.html', '165.html',
+    '173.html', '124.html', '153.html', '104.html', '112.html', '145.html',
+    '186.html', '169.html', '128.html', '129.html', '187.html', '168.html',
+    '144.html', '113.html', '105.html', '152.html', '125.html', '172.html',
+    '164.html', '0.html', '133.html', '10.html', '148.html', '109.html',
+    '155.html', '102.html', '114.html', '143.html', '138.html', '180.html',
+    '179.html', '159.html', '118.html', '17.html', '134.html', '163.html',
+    '175.html', '122.html', '123.html', '174.html', '162.html', '135.html',
+    '16.html', '119.html', '158.html', '178.html', '181.html', '139.html',
+    '142.html', '115.html', '103.html', '154.html'
+]
+
+# Function to show HTML content using an iframe
+def show_html_in_iframe(page_idx):
+    # Construct the URL using the selected index
+    url = f'https://wmtis.s3.eu-west-1.amazonaws.com/test/{html_files[page_idx]}'
+    iframe_html = f'<iframe src="{url}" width="100%" height="2000"></iframe>'
+    return iframe_html
+
+# Create a slider component to select the HTML page
+slider = gr.Slider(minimum=0, maximum=len(html_files)-1, step=1, label='Page')
+
+# Create the Gradio interface
+iface = gr.Interface(fn=show_html_in_iframe,
                      inputs=slider,
                      outputs=gr.HTML(),
-                     title="HTML Files Viewer",
-                     description="Slide to view different groups of HTML files.",
-                     live=True)  # Use live mode to automatically update the output
+                     title="HTML Viewer with Event Listeners",
+                     description="Displays HTML content with JavaScript event listeners via an iframe.")
 
-if __name__ == "__main__":
-    iface.launch()
+# Display the interface
+iface.launch()