From 73de2f37fadc86483909992a282add456e363104 Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Tue, 26 Sep 2023 15:31:10 +0700
Subject: [PATCH] TF-2160 Use `loading` attribute replace
 `IntersectionObserver`

(cherry picked from commit 88362cab421f0962dc0103bd165d70850668043e)
---
 .../utils/html_transformer/html_utils.dart    | 34 -------------------
 .../html_content_viewer_on_web_widget.dart    |  3 +-
 .../html_content_viewer_widget.dart           |  2 --
 3 files changed, 1 insertion(+), 38 deletions(-)

diff --git a/core/lib/presentation/utils/html_transformer/html_utils.dart b/core/lib/presentation/utils/html_transformer/html_utils.dart
index 28881d60d..7ae5eec1a 100644
--- a/core/lib/presentation/utils/html_transformer/html_utils.dart
+++ b/core/lib/presentation/utils/html_transformer/html_utils.dart
@@ -61,40 +61,6 @@ class HtmlUtils {
     }
   ''';
 
-  static const scriptLazyLoadImage = '''
-    <script type="text/javascript">
-      const lazyImages = document.querySelectorAll("img.lazy-loading");
-      
-      const options = {
-        root: null, // Use the viewport as the root
-        rootMargin: "0px",
-        threshold: 0 // Specify the threshold for intersection
-      };
-      
-      const handleIntersection = (entries, observer) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting) {
-            const img = entry.target;
-            const src = img.getAttribute("data-src");
-      
-            // Replace the placeholder with the actual image source
-            img.src = src;
-            img.removeAttribute("data-src");
-      
-            // Stop observing the image
-            observer.unobserve(img);
-          }
-        });
-      };
-      
-      const observer = new IntersectionObserver(handleIntersection, options);
-      
-      lazyImages.forEach((image) => {
-        observer.observe(image);
-      });
-    </script>
-  ''';
-
   static String customCssStyleHtmlEditor({TextDirection direction = TextDirection.ltr}) {
     if (PlatformInfo.isWeb) {
       return '''
diff --git a/core/lib/presentation/views/html_viewer/html_content_viewer_on_web_widget.dart b/core/lib/presentation/views/html_viewer/html_content_viewer_on_web_widget.dart
index d753739e6..d650623d0 100644
--- a/core/lib/presentation/views/html_viewer/html_content_viewer_on_web_widget.dart
+++ b/core/lib/presentation/views/html_viewer/html_content_viewer_on_web_widget.dart
@@ -4,7 +4,6 @@ import 'dart:math' as math;
 
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/utils/html_transformer/html_template.dart';
-import 'package:core/presentation/utils/html_transformer/html_utils.dart';
 import 'package:core/presentation/views/html_viewer/html_viewer_controller_for_web.dart';
 import 'package:core/utils/app_logger.dart';
 import 'package:flutter/cupertino.dart';
@@ -171,7 +170,7 @@ class _HtmlContentViewerOnWebState extends State<HtmlContentViewerOnWeb> {
       minHeight: minHeight,
       minWidth: minWidth,
       styleCSS: tooltipLinkCss,
-      javaScripts: webViewActionScripts + scriptsDisableZoom + HtmlUtils.scriptLazyLoadImage,
+      javaScripts: webViewActionScripts + scriptsDisableZoom,
       direction: widget.direction);
 
     return htmlTemplate;
diff --git a/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart b/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart
index c372dbd94..3a3b1dd75 100644
--- a/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart
+++ b/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart
@@ -68,7 +68,6 @@ class _HtmlContentViewState extends State<HtmlContentViewer> {
     _htmlData = generateHtml(
       widget.contentHtml,
       direction: widget.direction,
-      javaScripts: HtmlUtils.scriptLazyLoadImage
     );
   }
 
@@ -81,7 +80,6 @@ class _HtmlContentViewState extends State<HtmlContentViewer> {
       _htmlData = generateHtml(
         widget.contentHtml,
         direction: widget.direction,
-        javaScripts: HtmlUtils.scriptLazyLoadImage
       );
     }
   }