add image zoom

UI_V2/pages/products/product.py

@@ -139,7 +139,8 @@ class ProductPage:
                 ft.Card(
                     content=ft.Container(
                         self.product_main_image,
-                        padding=10
+                        padding=10,
+                        on_click=self.on_zoom_image_btn_click
                     )
                 )
             ]
@@ -267,6 +268,25 @@ class ProductPage:
             self.profile_placeholder.controls.append(self.profile_btn)
         else:
             self.profile_placeholder.controls.append(self.login_btn)
+
+        self.image_zoom_dialog = ft.AlertDialog(
+            content=ft.Column(
+                [
+                    ft.Image(
+                        src=self.product['image'],
+                        fit=ft.ImageFit.COVER,
+                    )
+                ],
+                width=800,
+                height=800,
+                alignment=ft.MainAxisAlignment.CENTER,
+                horizontal_alignment=ft.CrossAxisAlignment.CENTER
+            )
+        )
+
+    def on_zoom_image_btn_click(self, e):
+        if self.page.width > 600:
+            self.page.open(self.image_zoom_dialog)
     
     def on_login_btn_click(self, e):
         self.page.go('/auth')