Update app.py

app.py

@@ -30,6 +30,7 @@ def create_app():
                 for filter_name, group in filter_groups.items():
                     for component in group.children: # Iterate over children of the group
                         control_components.append(component) # Collect sliders for event handling
+                apply_button = gr.Button("Apply Filter") # Add Apply button
             
             with gr.Column():
                 output_image = gr.Image(label="Filtered Image")
@@ -43,20 +44,17 @@ def create_app():
             return updates
 
 
-        # Xử lý ảnh real-time
-        def process(*args, **kwargs):
-            image = args[0] if len(args) > 0 else None
-            filter_name = args[1] if len(args) > 1 else "Original" # Default filter
+        # Xử lý ảnh khi button click
+        def process(image, filter_name, *args): # Update process function to take image, filter_name and *args
             if image is None:
                 return None
-                
+            
             try:
                 image = cv2.cvtColor(image, cv2.COLOR_RGB2BGR)
-                params = {
-                    k.split('_', 1)[1]: v
-                    for k, v in kwargs.items()
-                    if k.startswith(filter_name)
-                }
+                params = {}
+                param_names = list(registry.params_map.get(filter_name, {}).keys())
+                for i, param_name in enumerate(param_names):
+                    params[param_name] = args[i] # Get parameter values from args
                 
                 processed = registry.filters[filter_name](image, **params)
                 
@@ -77,14 +75,13 @@ def create_app():
             outputs=list(filter_groups.values()) # Pass list of groups as outputs
         )
         
-        input_components_process = [input_image, filter_select] + control_components
-        for component in [input_image, filter_select] + control_components: # Attach change to sliders
-            component.change(
-                process,
-                inputs=input_components_process,
-                outputs=output_image,
-                show_progress=False
-            )
+        input_components = [input_image, filter_select] + control_components # Input components for button click
+        apply_button.click( # Attach click event to Apply button
+            process,
+            inputs=input_components, # Use all input components
+            outputs=output_image,
+            show_progress=False
+        )
 
     return app