Revert "Refactored list-feature.js"

This reverts commit 19fd2ec.

Author: bmispelon

djangoproject/static/js/djangoproject.js

@@ -34,25 +34,3 @@ document.querySelectorAll('.console-block label').forEach(function (el) {
     });
   });
 });
-
-// Add animation class to feature icons when they are fully visible
-(function () {
-  const observer = new IntersectionObserver(
-    function (entries) {
-      entries.forEach(function (entry) {
-        if (!entry.isIntersecting) {
-          return;
-        }
-
-        entry.target.classList.add('inview');
-
-        observer.unobserve(entry.target);
-      });
-    },
-    { threshold: 1.0 },
-  );
-
-  document.querySelectorAll('.list-features i').forEach(function (el) {
-    observer.observe(el);
-  });
-})();

djangoproject/static/js/main.js

@@ -9,6 +9,11 @@ define(function () {
     return !!document.getElementsByClassName(className).length; //return a boolean
   }
 
+  //feature list
+  if (hasClass('list-features')) {
+    mods.push('mod/list-feature');
+  }
+
   //collapsing list
   if (hasClass('list-collapsing')) {
     mods.push('mod/list-collapsing');

djangoproject/static/js/mod/list-feature.js

@@ -0,0 +1,20 @@
+define(['jquery'], function ($) {
+  const observer = new IntersectionObserver(
+    function (entries) {
+      entries.forEach(function (entry) {
+        if (!entry.isIntersecting) {
+          return;
+        }
+
+        $(entry.target).addClass('inview');
+
+        observer.unobserve(entry.target);
+      });
+    },
+    { threshold: 1.0 },
+  ); // Trigger when the element is fully visible
+
+  $('.list-features i').each(function () {
+    observer.observe(this);
+  });
+});