MediaWiki:Common.js: Difference between revisions

Revision as of 14:48, 30 May 2025

/* Any JavaScript here will be loaded for all users on every page load. */


document.addEventListener("DOMContentLoaded", function () {
  const carousel = document.querySelector(".card-carousel");

  if (!carousel) {
    console.log("Carousel not found");
    return;
  }

  carousel.addEventListener("pointerdown", function () {
    carousel.classList.add("dragging");
    console.log("Pointer down triggered");
  });

  carousel.addEventListener("pointerup", function () {
    carousel.classList.remove("dragging");
    console.log("Pointer up triggered");
  });
});

@@ Line 5: / Line 5: @@
    const carousel = document.querySelector(".card-carousel");
-   let isDragging = false;
+   if (!carousel) {
-  let startX;
+    console.log("Carousel not found");
-   let scrollLeft;
+    return;
+   }
-  if (!carousel) return;
+   carousel.addEventListener("pointerdown", function () {
-   carousel.addEventListener("pointerdown", (e) => {
-    isDragging = true;
      carousel.classList.add("dragging");
-     startX = e.pageX;
+     console.log("Pointer down triggered");
-    scrollLeft = carousel.scrollLeft;
-    carousel.setPointerCapture(e.pointerId);
-    e.preventDefault();
-  });
-  carousel.addEventListener("pointermove", (e) => {
-    if (!isDragging) return;
-    const x = e.pageX;
-    const walk = (x - startX) * 1.5; // Adjust scroll speed if needed
-    carousel.scrollLeft = scrollLeft - walk;
-    e.preventDefault();
-  });
-  carousel.addEventListener("pointerup", () => {
-    isDragging = false;
-    carousel.classList.remove("dragging");
    });
-   carousel.addEventListener("pointerleave", () => {
+   carousel.addEventListener("pointerup", function () {
-    isDragging = false;
      carousel.classList.remove("dragging");
+    console.log("Pointer up triggered");
    });
 });